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

Мобильный трафик имеет решающее значение для любой цифровой стратегии. Схожий веб-отчет о состоянии мобильной сети США за 2015 год утверждает, что 56% всего трафика на сайты составляет мобильный трафик. В Acquia мы увидели, что наш собственный мобильный трафик вырос на 17% с 2014 по 2015 год. Но за последние двенадцать месяцев все стало действительно интересно. В первой половине этого года наш мобильный трафик увеличился только на 50%. Так что да, мы действительно заботимся о мобильной работе на нашем сайте. С чего начать, чтобы убедиться, что вы продвигаете свою лучшую мобильную ногу?

Когда я думаю о «Мобильной оптимизации», я думаю о двух вещах: поисковая оптимизация (SEO) для мобильных устройств и создание веб-макета, оптимизированного для мобильных браузеров. При оптимизации поиска Google, Google заботится об обоих этих пунктах. Давайте начнем с того, что сосредоточимся на мобильном SEO.

Основное SEO
Первое, что вам нужно сделать, это убедиться, что ваш сайт оптимизирован для SEO. Это дает вам прочную основу для начала. Если вы не уверены, что ваш сайт в целом хорошо оптимизирован, прочитайте мой предыдущий блог о SEO оптимизация ,

Скорость страницы
Мобильные пользователи обычно находятся в пути и хотят быстро получать информацию о иногда ненадежных соединениях. Скорость страницы очень важна для мобильных устройств, поэтому вы захотите узнать, сможете ли вы минимизировать свой код, и продолжайте: диета веса страницы . »Это заставит вас меньше полагаться на перенаправления и максимально использовать службы кэширования, такие как CloudFlare или другие CDN.

Оптимизировать заголовки страниц и метаописания
У вас меньше места для игр на мобильном телефоне, поэтому краткость очень важна для использования ограниченного пространства экрана. Это поможет в поиске страниц результатов поиска (SERP) и в конечном итоге поможет пользователям попасть на ваш сайт.

Schema.org
При ограниченном пространстве в целом наличие структурированных данных и богатых фрагментов, доступных на вашем сайте, увеличит эффективность поисковой выдачи.

Не используйте Flash
Некоторое время назад я не видел Adobe Flash, но мобильные браузеры не могут поддерживать эти эффекты, поэтому используйте HTML5, если вам нужны эффекты, предлагаемые Flash.

Не используйте всплывающие окна
Всплывающие окна могут показаться отличной идеей, но они вызывают много проблем на мобильных устройствах. Я видел сценарии, в которых я прокручивал до конца страницы, нажимал на что-то, и затем экран становился серым, но я не вижу ничего нового. Где всплывающее окно? Или страшный синдром «я не могу закрыть всплывающее окно». Не заставляйте пользователей покидать ваш сайт. Плохие всплывающие окна будут выгнать их навсегда.

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

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

(изображение по ссылке с https://developers.google.com/webmasters/mobile-sites/ )

На Acquia.com мы сделали «мобильную оптимизацию» на шаг вперед. Когда мы впервые запустили нашу домашнюю страницу, мы сделали все новые изображения / значки полной ширины для мобильных устройств. Это сделало нашу домашнюю страницу чрезвычайно длинной, и хотя прокрутка была более приемлемой для мобильных устройств, она по-прежнему не использовала наше пространство. Таким образом, мы еще раз взглянули на наш мобильный опыт и смогли гораздо лучше использовать мобильное пространство, вот несколько изображений того, что мы сделали:

Мобильный телефон продолжает расти, и это не то, что мы можем игнорировать. Итак, давайте примем это!

Ссылочные материалы:
https://developers.google.com/webmasters/mobile-sites/
http://marketingland.com/mobile-top-sites-165725
https://moz.com/learn/seo/mobile-optimization
http://signalfire.us/blog/what-is-responsive-design/

Похожие

Комментарии