Полезная информация        29 декабря 2015        826         11

Как сделать мобильную версию сайта

Как сделать мобильную версию сайтаДоброго время суток всем вам дорогие читатели блога moikomputer.ru

Данной статьей хочу поднять вопрос о такой актуальной теме на сегодняшний момент как мобильная версия сайта, что это такое, зачем она нужна, где ее и как можно сделать.

Обо всем этом вы узнаете, прочитав статью, а через некоторое время сможете адаптировать свой шаблон самостоятельно или с бесплатной гарантированной помощью.

Вот уже почти как год назад в инструментах Web-мастера от Google я получил так называемое письмо счастья естественно ни я один, а все те, у кого чей сайт или блог не имеет мобильной версии.

Что значит мобильная версия

Это значит такие сайты как мой неудобно просматривать на мобильных устройствах, для удобства просмотра нужно увеличивать масштаб страниц, что не каждый из посетителей станет это делать причем постоянно, проще покинуть такой сайт и найти другой адаптированный для приятного просмотра. В котором не возникнет сложностей с масштабом web-страниц, а происходит автоматическая подстройка причем под размеры разных экранов.

Вот поэтому сразу после получения предупреждения 29.01.15 начал искать варианты решения проблемы, которых как оказалось существует даже несколько штук.

Как сделать мобильную версию сайта

Почему мне пришлось обязательно решать возникшую проблему, на которую некоторые до сих не очень обращают внимания или откладывают на потом.

  • Во-первых, мне не хотелось терять лишний трафик, которого у меня и так немного.
  • Вторая причина она плотно взаимосвязана с первой Google понижает в поиске неадаптивные шаблоны — это опять потеря посетителей.

О том какие есть способы

  • Поменять свой шаблон на адаптивный

Является самым простым из способов, но бесплатный шаблон мне не хочется больше, хватит уже намучился с этим который сейчас. Сколько пришлось выковыривать одних только скрытых ссылок не сосчитать плюс производить некоторые доработки.

Читайте также:  Реальный размер флешки

Делать на заказ нужны финансы хоть и не сказать, чтобы большие, но их пока у меня на все равно нет, в недалеком будущем как раз планирую это все же сделать.

  • Сделать отдельную копию мобильной версии сайта

Стоит наверно еще дороже чем заменить сам шаблон, да и зачем это нужно если сайт не огромный портал? Возможно я в этом не понимаю и это есть оптимальный вариант, но мне он неинтересен.

  • Адаптировать уже действующий шаблон под мобильные устройства

Наверно самый наилучший способ его и Гугл рекомендует, но тут нужны хотя бы минимальные знания html и css не скажу, что вообще не в теме, но для меня все же это решение является сложным даже сейчас, поэтому отложил его на потом, финансовую сторону не рассматривал.

  • Плагины

Самый легкий способ установил и радуйся даже Гугл не против, а сам предлагает сразу несколько плагинов на выбор правда не каждый плагин подойдет к любой теме, но найти более-менее подходящий можно.

Вот лично у меня не один из нескольких плагинов, что мне пришлось тестировать корректно не работал всегда что-то было не так. Но все же остановившись на одном более подходящем проверив свой блог на сервисе Google удобство просмотра на мобильниках получив положительный результат успокоился до настоящего времени.

Как адаптировать свой шаблон

Как мне казалось все вроде было хорошо до тех пор пока мне не указал на ошибки плагина на моем блоге один знакомый Web-мастер Валентин Лифанов автор блога wpsovet.ru (на котором много интересной информации для начинающих блогеров) причем с его слов такие ошибки возникают с любым плагином.

Валентин фото

Как он мне объяснил, что плагин загружает свою тему и все какие изменения вносятся вами в код шаблона вашей темы в мобильной версии плагина будут работать неправильно или вообще ни как работать не будут поэтому тут без вариантов, только адаптивный дизайн.

Читайте также:  Виды онлайн калькуляторов

Он предложил мне свои услуги по адаптации моего шаблона под мобильные устройства причем совершенно Бесплатно!

Как можно было отказаться от такого предложения?

Сделав мне все, что нужно всего за несколько часов и вот я счастливой обладатель адаптивного шаблона к тому же мне теперь удалось избавился от лишнего плагина, что как известно создает некоторую нагрузку.

Теперь моя мобильная версия на должном уровне можете проверить сами, а кто знаком с моим блогом до этого, то сравните как было до и как стало сейчас удобно просматривать мой блог с любых мобильных телефонов.

Как сделать мобильную версию сайта

В общем рекомендую вам Валентина он сделает все бесплатно, а главное качественно! Советую не тянуть с этим делом скоро Yandex тоже начнет занижать позиции сайтов не имеющих мобильного вида, а может уже начал?

Ну и безвозмездная акция от В. Лифанова продолжаться бесконечно естественно не будет поэтому поспешите воспользоваться такой щедрой бесплатностью.

На его блоге в статье под названием «Делаем адаптивный дизайн в темах вордпресс своими руками» вы можете, следуя приведенным указаниям попытаться самостоятельно сделать свой блог адаптивным или написать в комментариях к статье о своем желании.

А также воспользоваться страницей «Контакты» выбрав удобный для себя способ для связи с автором сайта.

В завершении своей статьи хочу поблагодарить Валентина Лифанова за оказанную мне бесплатную качественную помощь причем это не единичный случай с его стороны были и другие жесты помощи, которые мне очень помогли.

На этом сегодня пока все, всем пока!

Валерий Семенов, moikomputer.ru

Обсуждение: 11 комментариев
  1. Валентин:

    Ну Валер, спасибо, расхвалил меня, я аж покраснел 🙂 . Кстате после тебя еще один блоггер обратился за помощью, тоже ему сделал. В чем вся суть, что у вас шаблоны разные, а начинка вообще почти одинаковая, с разницей только в названии ститей, видно один программер делал. А так еще раз спасибо.

    Ответить
    1. Валерий Семенов:

      Похвалы тобой по праву заслуженные, ты правда молодец Валентин уверен у тебя большое будущие в блогосфере так сказать.

      Ответить
  2. Игорь:

    Заценил,отлично выглядит.

    Валентин молодчик,хорошо адаптировал.

    Ответить
    1. Валерий Семенов:

      Да все отлично настроил и некоторые косяки убрал, в общем молодец!

      Ответить
  3. Игорь:

    Одним словом тебе подфартило.

    Надо Валентина разрекламировать,за его доброе дело.

    Ответить
  4. Валентин:

    Спасибо Игорь, у тебя кстате в шаблоне так же пару косяков есть, верхнее меню обрезается, а в статьях вообще адаптации почти нет, цитаты и картинки не адаптированы. В общем поработать есть над чем.

    Ответить
  5. Оля:

    Мобильная версия сайтов придумана для маломощных телефонов?

    Ответить
    1. Валерий Семенов:

      Здравствуйте Ольга Мобильная версия сайтов придумана для удобного просмотра Web сайтов на любых мобильных устройствах.

      Ответить
  6. Игорь:

    Валентин,я в курсе.Да просто никак не настроюсь отредактировать мобильную версию.

    Тут вот шаблончик интересный присмотрел,если его установлю,тогда и займусь.

    Ответить
    1. Валерий Семенов:

      Если менять шаблон, то тогда уже на адаптивный сразу. Я тоже буду свой менять, но пока только это в планах.

      Ответить
  7. Игорь:

    Ну ясно что на адаптивный.Хотя и резиновый шаблон подойдет.

    А можно и простой,просто повозиться тогда прилично с адаптацией под мобильники прийдется.

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подпишись на обновления

Введите Ваш email адрес: