Сегодня мобильный телефон — это не просто инструмент связи, а целый мир, который помещается в ладонь. За ним мы тянемся, только открыв свои веки, и именно его последним выпускаем из рук перед тем как ложиться спать. Поэтому совсем не удивительно, что онлайн-бизнес стремительно переходит в мобайл-формат, запуская мобильные версии сайтов.
О том, что и как необходимо сделать, чтобы мобильная версия вашего сайта оказалась в ТОПе поисковой выдачи — читайте в новом материале!
URL
У мобильной версии вашего сайта должен быть свой собственный url-адрес. Это необходимо для того, чтобы алгоритмы поисковых систем идентифицировали его как отдельный ресурс. Рекомендую размещать мобильную версию на отдельном поддомене.
Динамический показ
Для того чтобы ваш сайт адекватно смотрелся на экране любого мобильного устройства, рекомендую в коде настроить динамический показ. Сделать это можно, прописав в http заголовок Vary» — это решит вопрос в адекватностью отображения содержания вашего сайта.
Читайте также: 12 лайфхаков поиска в Google, о которых не знает 90% пользователей
Редирект
Настроить редирект необходимо для того, чтобы алгоритмы поисковых систем могли понять источник трафика и показать правильную версию сайта. Сделать это можно, прописав в заголовке «Vary» «User-Agent».
Изображения с небольшим весом
Так как мобильный интернет не всегда радует высокой скоростью, а wi-fi есть не везде, необходимо оптимизировать визуальный контент. Рекомендую не использовать длинные тяжелые видео ролики и тяжелые изображения — замените их лучше более «легкими» альтернативами, а еще лучше — просто дайте ссылку на скачивание материалов.
Никакого flash
Забудьте о популярном ранее flash- формате. Если есть необходимость использовать анимационные элементы в мобильной версии сайта, рекомендую дорабатывать ее посредством HTML5.
Кликабельные кнопки
Так как на экране мобильных устройств меньше места, нежели на экране компьютера, необходимо позаботиться, чтобы пользователям было удобно нажимать на ссылки. Поэтому я рекомендую оформлять их в виде ярких кнопок и размещать в самых просматриваемых местах сайта.
Навигация
Не забывайте о том, что в телефоне сложнее двигаться по сайту, чем на компьютере. Поэтому я рекомендую подробно прописать понятный и экономный по времени сценарий, когда пользователь сможет добраться до интересующей его информации спустя 2-3 перехода — не больше.
Текст и ввод данных
Около 80% всех мобильных версий сайтов страдают одним и тем же: сложно найти поля для ввода текста. Дело в том, что в случае неадаптивной верстки, такое поле пропадает, а потом появляется зачастую не там, где планировалось. Рекомендую решить эту проблему за счет масштабированности полей, внедрения подсвечиваемости обязательных полей и добавления графических элементов для подсказок.
Уникальный контент
Пропишите уникальные подводки ко всем материалам, ссылки на которые будут размещены в вашей мобильной версии сайта. Можно, конечно, просто правильно настроить редирект, о котором я уже говорила выше, и указать необходимые атрибуты, убедив поисковые алгоритмы в том, что вы берет контент из собственного сайта, но это не дает вам 100% избежания возможного бана.
Читайте также: Мобильная реклама — на новом витке развития
Ссылайтесь на сайт
Очень многие программисты почему-то забывают указать ссылку на полную версию сайта в рамках мобильной версии, но это необходимо делать! Такая ссылка дает возможность подстраховаться на тот случай, если что-то не сработает в мобильной версии или источник трафика определяется неверно.
Надеюсь, мои советы помогут вашим сайтам оставаться в ТОП поисковой выдачи! Удачи и процветания!
