Blogger оптимизация шаблона

Wednesday, June 24, 2015

“Оцените мобильную версию Sosnovskij.ru. Как вам?” plus 0 more RSS blogger 3

Заработок в интернете на блогах платформы blogger

tweetn

“Оцените мобильную версию Sosnovskij.ru. Как вам?” plus 0 more RSS blogger 3


Оцените мобильную версию Sosnovskij.ru. Как вам?

Posted: 24 Jun 2015 05:27 AM PDT

Привет, друзья! Сегодня будет небольшой пост, но о достаточно значимом событии в жизни моего блога — он наконец-то обзавелся мобильной версией. Буду очень рад, если вы зайдете на мой дневник с ваших мобильных девайсов и оцените новое оформление.

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

оптимизация под мобильные устройства

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

Сначала я пытался реализовать мобильную версию с помощью бесплатных плагинов. Перепробовал их много, но результат меня не устроил: некоторые меняли URL’ы страниц, некоторые работали некорректно, некоторые вообще отказывались устанавливаться. Возможно, была какая-то несовместимость версии wordpress, темы и плагинов. Знаю, что существуют блоггеры, у которых все получалось.

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

В общем, выбор пал в сторону мобильной версии, которая была бы продолжение основного оформления моего детища. Основные моменты:

  1. Денежный вопрос — 50$.
  2. Установка дополнительного плагина, который распознает посетителей с мобильных.
  3. Для корректной работы плагина пришлось обновиться до последней версии wordpress. Надо же когда-то обновляться :smile:.
  4. Составление технического задания.
  5. Корректировки после установки и тестирования мобильной темы.

В целом все прошлом без особых эксцессов. Шапка и активное меню. Сюда перенеслись рубрики.

шапка и меню

Сайдбар был, естественно, убран. Некоторые его элементы перенесены в футер блога.

подвал мобильной версии блога

В остальном получилась облегченная версия блога. Частью функционала пришлось пожертвовать, но основные элементы остались в строю :smile:.

Теперь google в своей поисковой выдаче «выделяет» блог пометкой «для мобильных» (первое изображение в посте). Также дневник проходит проверку на удобство просмотра.

Проверка удобства просмотра на мобильных устройствах

А что же с посещаемостью с Гугла? Мобильная версия была внедрена 3 июня. Так как google быстро реагирует на изменения на сайте, то уже сейчас можно анализировать первые данные. Вот какой график количества посетителей с гугла.

динамика посещаемости с поисковой системы google

Рост есть, но незначительный. Вероятно, это от мобильной версии, а вероятно, от других факторов. Через месяц-другой я проанализирую ситуацию и добавлю комментарий к этому посту (кому интересно можете подписаться на комментарии к этой записи — кнопка внизу при добавлении отзыва). Но в любом случае я не жду каких-то феноменальных положительных изменений, так как удобство просмотра сайта на разных устройствах — это не единственный и не самый важный фактор ранжирования.

Параллельно внедрению мобильной версии создавался адаптивный шаблон для сайта №3 из реалити-шоу «Зелень». О нем я расскажу позже. Главное, что у меня есть опыт уже как с адаптивностью, так и отдельной мобильной версией. Их сравнение я проведу в одном из ближайших постов.

А вы уже сделали мобильные версии для своих проектов? Или выбор пал на адаптивный дизайн? Буду рад услышать ваши комментарии на этот счет и отзывы по поводу новой версии блога ;-).

Статьи по теме:

0 comments:

Post a Comment