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

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

Шаг 1: Изучаем предпочтения поисковых систем касательно мобильной оптимизации.

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

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

Шаг 2: Делаем дизайн сайта адаптивным

Чтобы достичь преимущества в мобильной среде, стоит учесть рекомендации Google, а именно – ориентироваться скорее на адаптивный дизайн, чем создавать отдельную мобильную версию сайта. При адаптивном дизайне CSS (система управления контентом) автоматически переключает стили в зависимости от устройства, с которого зашли на сайт.

Способов сделать дизайн сайта адаптивным много, но основных всего два:

  1. Приобрести адаптивную тему для системы управления с уже готовым реализованным адаптивным дизайном;
  2. Заняться изготовлением адаптивного дизайна самостоятельно – встроить нужную версию в имеющийся дизайн. ----- Какой способ выбрать – зависит от конкретных характеристик и особенностей сайта, а также объема страниц и сложности дизайна.

Шаг 3: Постичь особенности мобильного дизайна

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

  1. Прокрутка для мобильного сайта – абсолютное зло;
  2. Доступ к главной информации должен быть максимально прост;
  3. Размеры картинок должны быть не в пикселях, а в процентах к размерам страницы;
  4. Разрешите пользователям переходить с мобильной версии на обычную;
  5. Призыв к действию должен размещаться в нужном месте;
  6. Убедитесь в заметности главного призыва в мобильной версии сайта.

Шаг 4: Мобильное SEO почти не отличается от обычного!

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