Мобильная оптимизация – тема слишком обширная, чтобы уместить ее в одну короткую заметку. Вместе с тем, существует четкий пошаговый план, воплотив который, вебмастер может получить вполне конкурентоспособный и работающий на любом мобильном устройстве продукт.
Шаг 1: Изучаем предпочтения поисковых систем касательно мобильной оптимизации.
Во время запуска мобильной версии ресурса вебмастер может избрать один вариант на выбор: либо использовать адаптивный дизайн (устройство, с которого зашел на сайт посетитель, распознается автоматически и отображение сайта меняется согласно полученным данным), или использовать отдельную версию для мобильных устройств, установленную на поддомене, например, "m.yourwebsite.com".
Поисковые системы хорошо относятся к обоим описанным вариантам, однако учитывают то, насколько конкурентна мобильная среда, следование рекомендациям поисковых систем.
Шаг 2: Делаем дизайн сайта адаптивным
Чтобы достичь преимущества в мобильной среде, стоит учесть рекомендации Google, а именно – ориентироваться скорее на адаптивный дизайн, чем создавать отдельную мобильную версию сайта. При адаптивном дизайне CSS (система управления контентом) автоматически переключает стили в зависимости от устройства, с которого зашли на сайт.
Способов сделать дизайн сайта адаптивным много, но основных всего два:
- Приобрести адаптивную тему для системы управления с уже готовым реализованным адаптивным дизайном;
- Заняться изготовлением адаптивного дизайна самостоятельно – встроить нужную версию в имеющийся дизайн. ----- Какой способ выбрать – зависит от конкретных характеристик и особенностей сайта, а также объема страниц и сложности дизайна.
Шаг 3: Постичь особенности мобильного дизайна
Неважно, какой способ сделать сайт доступным с мобильных устройств выберете лично Вы. Не стоит забывать о важных моментах, которые касаются принципов мобильного дизайна:
- Прокрутка для мобильного сайта – абсолютное зло;
- Доступ к главной информации должен быть максимально прост;
- Размеры картинок должны быть не в пикселях, а в процентах к размерам страницы;
- Разрешите пользователям переходить с мобильной версии на обычную;
- Призыв к действию должен размещаться в нужном месте;
- Убедитесь в заметности главного призыва в мобильной версии сайта.
Шаг 4: Мобильное SEO почти не отличается от обычного!
Никогда не стоит забывать об особенностях мобильного SEO. Принципы его таковы, что ничем не отличаются от общих принципов поисковой оптимизации.
