Мобильный SEO | Оптимизация для Google Mobile First Index | Ракетные пилоты

1. Что такое мобильная оптимизация?
2. Статистика и тенденции мобильной хронологии
3. Тестирование вашего сайта на мобильность
4. Варианты для мобильного сайта
5. Адаптивный дизайн
6. Динамическое Обслуживание
7. Отдельный мобильный URL
8. Мобильный дружественный с хорошим пользовательским опытом
9. Заголовок
10. Ваша форма Отправить
11. Всплывающие окна и оверлеи
12. Лучшие практики мобильного SEO
13. Популярные инструменты тестирования скорости сайта
14. Устранить блокировку рендеринга JavaScript и CSS в превосходном контенте
15. Использование кэширования в браузере
16. Оптимизировать изображения
17. Сократить время отклика сервера
18. Сократить HTML
19. Оптимизация для локального и мобильного SEO вместе
20. Другие советы по мобильной оптимизации
21. Google Mobile-First Index
22. Резюме

Что такое мобильная оптимизация?

Оптимизация поисковой системы для мобильных устройств (SEO) - это все лучшие практики, связанные с ранжированием сайта в поисковых системах для мобильных поисков. Если вы хотите внедрить Mobile SEO для своего местного бизнеса, важно понимать, что существуют разные соображения относительно настольных компьютеров и мобильных устройств, когда речь заходит о SEO и пользовательском опыте. Чтобы понять важность сосредоточения на мобильном телефоне, давайте рассмотрим некоторые статистические данные.

Статистика и тенденции мобильной хронологии

Апрель 2015: Google выпустил Mobilegeddon , Это было обновление их алгоритма, которое повысило рейтинг страниц, удобных для мобильных устройств, в результатах поисковых систем.

Январь 2016 года: Google сообщил веб-мастерам, что страницы, которые нелегко доступны пользователям с мобильного поиска, могут не иметь такого высокого рейтинга. В частности, это касалось навязчивых всплывающих окон, которые делают основной контент недоступным.

Май 2016: местные поиски растут На 50% быстрее чем мобильный поиск. Это очень важный показатель для местных предприятий, и он заставил многие предприятия начать работу над своими Местное SEO , Эта статистика позволяет всем понять, что мобильные и локальные поисковые запросы - явная тенденция.

Октябрь 2016: Мобильный и планшетный интернет превысил рабочий стол впервые во всем мире.

Июнь 2017: Google объявляет о Mobile-First Index ,

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

Тестирование вашего сайта на мобильность

К счастью, есть несколько отличных бесплатных инструментов, которые позволяют вам проверить ваш сайт на мобильность. Вот пара самых популярных инструментов:

Мобильный тест Google: это прямо вперед. Введите свой URL, и Google получит ваш сайт и проведет тест для мобильных устройств. Инструмент скажет, подходит ли ваш сайт для мобильных устройств или нет, и позволит вам получить доступ к общему сайту для мобильных устройств. Чтобы получить доступ к отчету, ваш сайт должен быть проверен через Google Search Console. Если ваш сайт не настроен через консоль поиска Google, вам обязательно нужно потратить время на проверку вашего сайта. Обязательно отправляйте карту сайта и постоянно пользуйтесь поисковой консолью Google, чтобы помочь Технический SEO ,

Тест Bing Mobile Friendliness : Мне нравится тест Bing, потому что, когда сайт не проходит тест, он сообщит вам, почему сайт не прошел, поэтому у вас есть конкретные элементы действий для решения. Распространенные ошибки включают в себя:

• Окно просмотра не настроено правильно
• Управление масштабированием ограничено
• Содержание страницы не соответствует ширине устройства
• Текст на странице слишком маленький
• Ссылки и цели нажатия слишком близки / малы

Эти ошибки являются действиями, которые ваш веб-разработчик должен исправить. Отправьте отчет и заставьте его или ее работать!

Варианты для мобильного сайта

Когда дело доходит до создания вашего нового сайта, вам придется выбирать между адаптивным дизайном, динамическим обслуживанием или другим URL-адресом для мобильных устройств. У каждого варианта есть свои плюсы и минусы. Давайте рассмотрим каждого из них тщательно.

Адаптивный дизайн

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

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

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

Плюсы: один сайт имеет один URL и прост в обслуживании. Преимущества адаптивного дизайна в большинстве случаев значительно перевешивают недостатки. Это более рентабельно и проще управлять одним сайтом, чем несколькими.

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

Динамическое Обслуживание

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

Сервер распознает устройство и сразу же предоставляет другой набор HTML и CSS для соответствия размерам устройства.

Плюсы: Вероятно, самый большой плюс к динамическому обслуживанию - это возможность настроить контент, отображаемый на каждом устройстве. Иногда определенный контент выглядит хорошо на рабочем столе, но не создает впечатлений на мобильном телефоне. Благодаря динамическому обслуживанию вы можете показывать разные копии, изображения или видео на разных устройствах, создавая уникальные возможности для каждого устройства. Предполагая, что у вас есть веские основания для этой стратегии, динамическая подача очень удобна.

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

Отдельный мобильный URL

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

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

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

Минусы: правильная реализация имеет несколько технических соображений и больше рисков. Вам нужно будет настроить двунаправленная аннотация , По сути, это тег rel = «canonical» на странице рабочего стола, указывающий на соответствующую мобильную страницу. А затем тег rel = «canonical» на странице мобильного устройства, указывающий на соответствующую страницу рабочего стола. Эта стратегия также идет с более высокой стоимостью обслуживания.

Мобильный дружественный с хорошим пользовательским опытом

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

Заголовок

Скорее всего, заголовок вашего рабочего стола не будет выглядеть так же, как заголовок вашего мобильного телефона. Вытащите телефон, зайдите на свой сайт и просмотрите заголовок с мобильного телефона. Есть ли информация, которая жизненно важна для пользователя, который был свернут? Я часто вижу номера телефонов скрытыми. Если у вас есть сайт электронной коммерции, убедитесь, что кнопка «Купить сейчас» видна в заголовке. На самом деле, пройти через опыт покупки каждого продукта. Составьте список проблем, которые вы нашли разочарование или шаги, которые могут быть ненужными. Затем поработайте со своим разработчиком, чтобы внести изменения. Иногда небольшие изменения в пути пользователя к покупке могут оказать большое влияние на конверсии.

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

Ваша форма Отправить

Иногда эта большая, понятная и простая в использовании форма отлично смотрится на рабочем столе, но слишком длинна или широка для мобильных устройств. Отправьте в мобильный телефон форму заявки и убедитесь, что опыт был безупречен. Если полей для заполнения слишком много, нетерпеливые мобильные посетители могут отскочить. Убедитесь, что вы собираете только то, что уместно. Если вы не уверены, сколько полей использовать, запустите простой тест. Проверьте свою более полную форму по сравнению с короткой формой и посмотрите, какая из них генерирует больше конверсий. Отложите ваше чувство в сторону и позвольте данным говорить!

Всплывающие окна и оверлеи

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

Лучшие практики мобильного SEO

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

• 47% людей ожидают, что ваш сайт загрузится менее чем за 2 секунды
• 40% полностью откажутся, если загрузка вашего сайта займет более 3 секунд
• 85% интернет-пользователей ожидают, что мобильный сайт будет загружаться быстрее или быстрее, чем на рабочем столе
• Показатель отказов значительно увеличивается каждую секунду, которую ваш сайт загружает

Медленные сайты определяют, покидает ли пользователь или остается, влияет ли он на общее восприятие, убивает конверсии и является Сигнал ранжирования SEO ,

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

Популярные инструменты тестирования скорости сайта

Как и при тестировании на мобильность, нет недостатка в инструментах для скоростного тестирования.

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

Google PageSpeed ​​Insights это инструмент от Google, который оценит ваш сайт от 1 до 100, причем 100 - самый быстрый. Как правило, вы должны стремиться иметь скорость 85 или лучше. PageSpeed ​​даст вам оценку как для настольных компьютеров, так и для мобильных устройств, а также список областей для улучшения.

GTmetrix это инструмент, основанный на PageSpeed ​​и инструменте Yahoo YSlow , GTmetrix присваивает оценку от A до F, а также предоставляет раздел водопада, видео и раздел истории. По умолчанию это тест из Канады, но если вы зарегистрируете бесплатную учетную запись, вы можете изменить местоположение на Соединенные Штаты. GTmetrix покажет вам предметы, которые продвигают скорость и предметы действия, которые необходимо решить, чтобы улучшить скорость сайта.

Pingdom является одним из самых популярных инструментов для тестирования скорости. Они делят отчеты на категории, которые включают водопад, оценку производительности, анализ страниц и историю. Варианты тестирования по умолчанию: Сан-Хосе, Калифорния; Мельбурн, Австралия; и Стокгольм, Швеция. Вы можете протестировать бесплатно или воспользоваться автоматическим тестированием каждые тридцать минут с платным аккаунтом.

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

Устранить блокировку рендеринга JavaScript и CSS в превосходном контенте

Что все это значит? Когда ваш браузер, такой как Chrome, Firefox или Safari, загружает веб-страницу, JavaScript и CSS запрещают отображение страницы до тех пор, пока она не будет загружена браузером.

Теперь некоторые ресурсы необходимо загрузить и обработать, прежде чем что-либо отображать. Но это применимо только к JavaScript и CSS в некоторых случаях, и они не нужны для рендеринга. чрезмерное содержание ,

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

Итак, как вы достигаете этой цели? Цель состоит в том, чтобы удалить ненужные JavaScript и CSS из критический путь рендеринга ,

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

Использование кэширования в браузере

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

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

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

Оптимизировать изображения

Оптимизация изображений - это общая рекомендация Google, Yslow и GT Metrix. Это на самом деле больше, чем вы думаете. Прежде всего, вы хотите убедиться, что вы используете правильный тип формата изображения для вашего варианта использования. Существует три общепринятых формата изображения: GIF, PNG и JPEG. Посмотрите эту схему в Google, чтобы решить, какой формат использовать:

После того, как вы определились с форматом, вам нужно убедиться, что ваши изображения оптимизированы по скорости.

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

Сократить время отклика сервера

Ответ сервера или время до первого байта является метрикой, измеряющей время ожидания ответа от вашего сервера.

Хотя существует множество переменных, которые могут влиять на время отклика сервера, обычно оно сводится к двум основным факторам: базам данных и хостингу.

Базы данных

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

Хостинг

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

Есть целый ряд хороших хостинговых компаний. Если вы используете WordPress, моя рекомендация номер один будет WP Engine. Мы размещаем Rocket Pilots и большинство сайтов наших клиентов на WP Engine. Сайты работают быстро, поставляются с автоматическими сертификатами SSL, автоматически настраивают кэширование в браузере и имеют отличную поддержку. Я бы также порекомендовал DreamHost и InMotion Hosting.

Сократить HTML

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

Оптимизация для локального и мобильного SEO вместе

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

Расстояние пользователя до вашего бизнеса

Google учитывает близость пользователя к вашей компании при проведении поиска. Для того, чтобы ваш адрес был кристально понятным для поисковых систем, вы захотите полностью создать свой Google My Business Page и убедитесь, что ваш бизнес указан в известных каталогах, таких как Yahoo, Bing Places , а также Yp.com ,

SEO на странице + мобильное SEO

Вот отличная возможность использовать SEO на странице для улучшения вашего мобильного SEO. Где вы можете, укажите свой город и ключевое слово в URL, заголовок страницы, тег H1, в начале своей копии и тег заголовка. Также обязательно используйте свой город или свой адрес в мета-описании. На странице ответов поисковой системы для мобильных устройств меньше недвижимости, поэтому показ пользователя, который находится рядом с ним, может убедить его перейти по вашей ссылке и повысить естественный рейтинг кликов.

Другие советы по мобильной оптимизации

Нет вспышки

Flash часто недоступен с мобильного устройства. Это создает плохой опыт для пользователя и способствует высоким показателям отказов. В качестве альтернативы используйте HTML5.

Google Mobile-First Index

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

«У нас пока нет сроков запуска ... У нас есть несколько идей, когда это будет запущено, но, вероятно, это далеко за четверть. График работы наших инженеров был изначально на конец 2017 года. Прямо сейчас мы думаем о будущем 2018 году », - сказал Гари Иллес из SMX Advanced.

Он заверил участников, что Google будет эффективно общаться со всеми до запуска, и у веб-мастеров будет достаточно времени для подготовки. Этот индекс - еще одна причина для обеспечения мобильности вашего сайта и возможность опередить конкурентов.

Резюме

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

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

Если вам нужна помощь с вашим мобильным SEO, не стесняйтесь свяжитесь с нами напрямую , Мы регулярно помогаем малым предприятиям повышать свои рейтинги, и мы будем рады помочь вам!