Почему я сменил дизайн сайта

Почему я сменил дизайн сайта

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

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

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

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

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

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

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

Действительно ли процент мобильного трафика так велик, что его надо учитывать? Мной была проведена оценка для моих собственных сайтов. Цифры были различны. На одном из сайтов, дружественном к мобильным устройствам, доля мобильного трафика достигает 45% (!) от всего трафика. На данном сайте этот процент меньше, но и он составил 16% от всего трафика, что уже немало.

При этом данный сайт был не дружествен к мобильным устройствам, о чем и сообщили мне сотрудники Google. Что в таком случае можно предпринять?

Для сайтов на Вордпресс есть две возможности. Самая простая состоит в использовании специальных плагинов, более сложная (но и более действенная) – это сменить тему дизайна.

Сегодня шаблоны (темы) WordPress можно разделить на две категории. Это обычные темы, которые не приспособлены для трансляции сайта на мобильных устройствах, и так называемые адаптивные шаблоны, позволяющие выводить содержимое сайта на экраны смартфонов и планшетов в нормальном удобочитаемом виде.

В интернете сегодня можно найти и скачать (бесплатно) довольно много неплохих (и даже платных) адаптивных шаблонов WordPress. Что касается стандартных тем, которые идут вместе с Вордпрессом, то здесь разработчики следят за новыми веяниями, и те шаблоны, которые были раньше, дорабатываются, а новые уже являются адаптивными.

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

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

Лично для себя я принял решение не связываться с плагинами, а просто сменить темы дизайна на адаптивные. Что и сделал на этом сайте.

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

Вот как выглядел мой сайт на экранах смартфонов до и после изменений.

Старая тема WordPress

новая тема WordPress

Если сайт сделан не на Вордпрессе, а такие у меня тоже есть, то выход только один – это перевод сайта на WordPress. Что более сложно и трудоемко, но выполнимо.

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

Если Вам понравилась эта страница, поделитесь ею в Вашей социальной сети, чтобы и другие люди нашли ее!


(411 = 1)

Comments

  1. Андрей алексеевич says:

    “Если сайт сделан не на Вордпрессе, то выход только один – это перевод сайта на WordPress” – разве это единственный выход? Разве нельзя подредактировать шаблон, в смысле стили? И потом: мне не понятно преимущества второго экранчика. Возможно на первом шрифт мелкий, но на втором-то вообще никакой информации, кроме смеющихся рожиц, которые и не информация вовсе. Сам-то я с мобильника в Сеть не хожу, незачем, однако сайты переделывать надо, раз уж “пошла такая пьянка”.

    • Алекс says:

      Ну, если сайт не на Вордпрессе, а на HTML или на PHP, то наверное его можно перевести на Джумлу или еще какую-то CMS, это не столь принципиально. Но если он на HTML или на PHP, не на CMS, то что Вы сможете сделать без CMS? Наверное, можно, но надо очень много знать и уметь, и проделать очень много работы. Или искать фрилансера на переделку, и не факт, что он отыщется. Проще все же перевести на Вордпресс, или другую CMS. Переделывать шаблон Вордпресс не вижу смысла – проще заменить на готовый. Конечно, если старый дизайн Вам очень нравится, то можно постараться. Но не факт, что он будет работать так, как надо. На этих двух экранчиках разница в том, что на первом это все, что Вы увидите. А на втором работает прокрутка, можно прокрутить вниз и почитать.

  2. Алекс says:

    Если кто все же хочет попробовать вручную “подправить” свой неадаптивный шаблон WordPress, то вот сегодня нашел материал, в котором подробно описывается, как это можно сделать. Вот ссылка: http://ktonanovenkogo.ru/seo/optimizaciya-sajta-dlya-prosmotra-mobilnyx-ustrojstvax-adaptivnogo-dizajna.html. Работка еще та, но дерзайте!
    Кстати, там же говорится и о модификации кодов объявлений Адсенса. А именно, надо задавать не фиксированный размер в настройках аккаунта, а адаптивный. Обратите внимание!

  3. Решил сперва проделать всё, что нужно, а потом только продолжать эту беседу. Так вот: ничего сверхсложного в том, чтобы изменить html+css сайт под мобильные устройства нет. Если человек когда-то освоил теги и стили, то чуть-чуть дополнить сведения в этой области – не проблема. У меня давно на компьютере валялся не известно чей бесплатный мини-курс на эту тему. На просмотр курса (5 видео) с выполнением упражнений ушла пара часов, ещё столько же на переделку шаблона и стилей. Две недели подождал результата. Результат положительный: Google определил мои сайты, как оптимизированные под мобильники. И не надо никаких CMS. Ну то есть не надо переводить на них сайт, если не хочется. К тому же, после перевода адреса всех страниц изменятся, придётся прописывать ещё и редиректы… Да для нескольких сотен статей… Короче, дольше и мороки гораздо больше. Впрочем, как и всё в мире, на любителя.

Speak Your Mind

*

This blog is kept spam free by WP-SpamFree.