BruceClay - Советы по оптимизации мобильного SEO и UX

1. Оптимизация вашего сайта для мобильного SEO
2. Во-первых, местные поисковики, где он находится.
3. Сколько мобильных пользователей получают доступ к вашему сайту?
4. Мобильная SEO часть 1: выбор правильной конфигурации для мобильных устройств
5. Часть 2: Must-Dos
6. Часть 3: Оптимизация мобильного UX - осчастливить пользователей
7. Оптимизируйте свой мобильный сайт для ускорения загрузки страниц.
8. Подумайте об использовании AMP или PWA.
9. Сделайте свой мобильный сайт простым и удобным для навигации.
10. Адаптируйте ваш контент в соответствии с потребностями вашей аудитории.

Мобильный телефон является приоритетом № 1 для SEO сегодня. Вот почему ...

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

Во-вторых, согласно данным Google, на смартфонах происходит больше поисков, чем на настольных компьютерах .

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

Мобильное SEO имеет решающее значение не только потому, что большинство пользователей составляют смартфоны, но и потому, что Google и Bing используют мобильность в качестве сигнала ранжирования в мобильном поиске . На самом деле, Google даже переключается на «мобильный индекс в первую очередь» - это означает, что мобильная версия вашего сайта имеет значение для ранжирования.

Является ли мобильное SEO вашего сайта всем необходимым? На этом уроке вы научитесь:

• Оптимизируйте свой сайт, чтобы найти его в мобильном поиске.
• Посмотрите, сколько мобильных посетителей у вас сегодня.
• Выберите один из трех способов настройки вашего мобильного сайта.
• Убедитесь, что ваш сайт действительно мобильный.
• Повысьте удобство работы с мобильными устройствами (UX) и скорость загрузки страниц.

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

Переход на «сначала мобильные» может потребовать некоторой переориентации вашего сайта и его поисковой оптимизации.

Во-первых, местные поисковики, где он находится.

Большинство поисковых запросов дают другой набор результатов на смартфонах, чем на настольных компьютерах (62 процента в соответствии с исследование ). Одна из причин заключается в том, что мобильные результаты влияют на местоположение гораздо сильнее, чем результаты на рабочем столе.

Поисковые системы хотят показывать результаты, расположенные рядом с мобильным поисковиком - особенно для запросов с локальными намерениями, таких как «кафе», «химчистка» или все более распространенные поиски «рядом со мной».

Поэтому, если вы работаете с местным или локальным бизнесом, ваша первая задача по поисковой оптимизации для мобильных устройств - правильно настроить свой бизнес для локального поиска. Стандартизируйте свой NAP (имя, адрес, номер телефона) в метаданных вашего сайта и там, где указана ваша компания. И убедитесь, что ваш бизнес проверен с обоими Google My Business а также Bing Места для бизнеса ,

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

Сколько мобильных пользователей получают доступ к вашему сайту?

Давайте посмотрим на вашу аудиторию конкретно. Какой объем трафика вашего веб-сайта теперь поступает с мобильных устройств?

Вы можете рассказать, как люди получают доступ к вашему сайту, взглянув на вашу Google Analytics (это бесплатное программное обеспечение, и мы настоятельно рекомендуем вам установить Google Analytics если вы еще этого не сделали) Как показано на рисунке ниже, если вы выберете « Мобильный» > « Обзор» в меню « Аудитория» , вы увидите точный процент посетителей сайта, посещающих ваш сайт по сравнению с настольным ПК, смартфоном или планшетом.

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

Мобильная SEO часть 1: выбор правильной конфигурации для мобильных устройств

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

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

• Адаптивный дизайн обслуживает одинаковое содержимое и URL-адреса на всех устройствах, но изменяет макет и форматирование в соответствии с размером окна пользователя (выполняется с помощью CSS). Это предпочтительная мобильная конфигурация Google. Для поддержания адаптивного сайта требуется меньше усилий, поскольку обновляется только одна версия контента. Один из возможных недостатков UX и SEO - скорость загрузки страницы может быть медленнее с адаптивным дизайном, чем с другими мобильными конфигурациями. Необходимо соблюдать осторожность, чтобы сохранить быстро загружаемые страницы (подробнее о защите скорости см. Часть 2).

  СОВЕТ: Для реализации адаптивного дизайна вам нужны HTML-шаблоны, которые могут автоматически изменять размер в зависимости от устройства пользователя, используя правила CSS. Если ваш сайт работает на WordPress, это может быть так же просто, как купить и установить адаптированную для мобильных устройств тему.

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

  СОВЕТ: Для динамического обслуживания требуется HTTP-заголовок «варьировать ответ», поэтому поисковые системы не думают, что вы пытаетесь скрыть контент (см. технические SEO советы больше о том, как избежать маскировки и других красных флагов).

• Отдельный мобильный сайт требует поддержки двух отдельных веб-сайтов с разными URL-адресами и различным HTML-содержанием на каждом. Эта конфигурация может быть оптимальной, если у мобильных пользователей совсем другие потребности, чем у пользователей настольных компьютеров, но обслуживание сайта требует вдвое больше работы. Вы также рискуете создать дублированный контент для поисковых систем, если не будете осторожны (подробнее об этом см. В Части 2).

  СОВЕТ. Из-за индекса Google для мобильных устройств убедитесь, что на отдельном сайте m-dot достаточно контента и функций (таких как разметка схемы, контент и т. Д.), Чтобы иметь хороший рейтинг самостоятельно.

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

Часть 2: Must-Dos

Есть несколько вещей, которые вы ДОЛЖНЫ делать независимо от того, какую конфигурацию вы используете. В этом разделе объясняются четыре технические задачи, которые нужно включить в свой мобильный контрольный список SEO…

1. Будьте мобильны.

Основным условием для получения SEO-поддержки для мобильных устройств является прохождение Google. Мобильный тест , Поскольку это определяется постранично, проверьте каждую из ваших важных страниц. В результатах будут перечислены проблемы, которые вам, возможно, понадобится устранить, или появится зеленый индикатор для мобильных устройств:

2. Сообщите поисковым системам, какая страница отформатирована для мобильных устройств.

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

• Адаптивные сайты должны размещать следующий метатег в заголовке каждого веб-документа, чтобы указать, что страница будет адаптирована для всех устройств:
  <meta name = ”viewport” content = ”width = device-width, initial-scale = 1.0 ″>
• Динамически обслуживаемые сайты должны использовать HTTP-заголовок Vary в своем ответе на каждый запрос. (Для получения дополнительной информации см. Google's Помощь по настройке динамической подачи .)
• Отдельные сайты для мобильных и настольных компьютеров должны включать теги <link> с элементами rel = ”canonical” и rel = ”alternate”, чтобы показать соответствующий URL-адрес для каждой страницы. (Подробнее см. В Google Справка по аннотированию настольных и мобильных URL-адресов .)

3. Держите все ресурсы страницы доступными для сканирования.

Как правило, вы не должны блокировать поисковые системы от просмотра ваших файлов CSS, файлов изображений, файлов JavaScript и любых других ресурсов, необходимых для отображения страницы. Они хотят видеть страницу так, как она выглядит для пользователей. Поэтому разрешите всем пользовательским агентам поисковых систем - Googlebot, Bingbot и всем их друзьям - свободно сканировать ресурсы страницы. ( Совет: см. Шаг 16 как правильно использовать robots.txt.)

Вы можете дважды проверить, что все можно сканировать, используя инструмент Google Fetch and Render внутри Search Console.

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

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

Часть 3: Оптимизация мобильного UX - осчастливить пользователей

Когда дело доходит до вашей мобильной стратегии SEO, пользовательский опыт (UX) является наиболее важным фактором успеха . Приветствуем посетителей с быстро загружающимся сайтом и хорошим мобильным дизайном. Эти вещи влияют на рейтинг вашего сайта, поскольку поисковые системы хотят, чтобы их поисковики приносили удовлетворение.

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

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

Как мы обсуждали в Шаг 16 этого урока SEO, медленно скорость загрузки страницы может оказать негативное влияние на ваш рейтинг . На мобильном устройстве медленный сайт чувствует себя еще медленнее! Этот вид плохого пользовательского опыта может снизить ваши шансы на мобильный трафик и конверсии. Google знает это, поэтому они предлагают мобильную и настольную версию своего инструмента PageSpeed.

Какой самый большой виновник медленного мобильного сайта?

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

Из-за видео загрузка ваших веб-страниц может занять слишком много времени. Рассмотрите возможность встраивания видео меньшего или более низкого качества, чтобы уменьшить объем требуемых данных, если это не сильно влияет на качество просмотра на более быстрых устройствах. Другой вариант загрузки видео и других больших файлов - предложить несколько размеров загрузки. Затем пользователи могут выбрать, какой из них лучше всего соответствует их текущей полосе пропускания и устройству. Всегда ищите способы удовлетворить потребности различных пользователей и дать каждому посетителю хороший опыт на вашем сайте.

Подумайте об использовании AMP или PWA.

Другим быстродействующим решением является AMP (Accelerated Mobile Pages), проект с открытым исходным кодом под руководством Google, направленный на то, чтобы сделать мобильный интернет быстрее. AMP не для каждого сайта, так как функциональность на странице ограничена. Но результаты AMP загружаются практически мгновенно для мобильных поисковиков и получают специальную обработку (но не рейтинги) в результатах Google. (Узнайте больше о AMP .)

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

Сделайте свой мобильный сайт простым и удобным для навигации.

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

Когда дело доходит до мобильного поиска, чем меньше, тем лучше. Сделайте так, чтобы каждое слово считалось с ценный контент то есть:

• Написано с точки зрения мобильного пользователя.
• Легкий доступ с большими целями и четкими опциями навигации.
• Читается с достаточно большим текстом шрифта, который читается на маленьком экране.
• В целом, мобильный телефон. ( Совет: не забудьте проверить ваши важные страницы в Google бесплатно Мобильный тест инструмент, чтобы увидеть, если они проходят.)

Адаптируйте ваш контент в соответствии с потребностями вашей аудитории.

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

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

Создайте свой контент, чтобы дать пользователям то, что им нужно.

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

СОВЕТ: Убедитесь, что вы включили достаточно контента на своем мобильном сайте, чтобы поддерживать рейтинг длинных хвостов, благодаря индексу Google для мобильных устройств. Также добавьте туда разметку, чтобы претендовать на избранные фрагменты и другие улучшения страницы результатов поиска. (См. Наш Руководство по разметке схемы Больше подробностей.)

SEO ОБУЧЕНИЕ БОНУС

Это видео дает ответы на распространенные вопросы веб-мастеров о передовых методах мобильного SEO для определения целей, полей и размеров шрифта.

Здесь Google дает конкретные технические советы о том, как создавать мобильные страницы, ориентированные на пользователя.

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

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

Похожие

Комментарии