Это новое руководство покажет вам все, что вам нужно знать о мобильном SEO.

Сначала я покажу вам, почему мобильная оптимизация важнее, чем когда-либо.

Затем я помогу вам подготовить ваш сайт к индексу Google для мобильных устройств.

Звучит неплохо? Давайте погрузимся прямо в …

Оптимизация для мобильных телефонов 101

Оптимизация для мобильных телефонов 101

В этой главе я помогу вам разобраться в основах.

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

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

Что такое мобильное SEO?


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

Почему важно мобильное SEO?


Короче говоря: количество мобильных поисков взрывается.

Фактически, 58% всех поисков в Google теперь выполняются с мобильного устройства.

Мобильный .vs.  рабочий стол

И эта тенденция быстро растет. По данным Google, на мобильном телефоне выполняется на 27,8 млрд. Запросов больше, чем на рабочем столе.

Мобильные Запросы

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

«SEO» теперь об оптимизации для «мобильного SEO»?


Да, довольно. По крайней мере, если вы оптимизируете свой сайт для Google.

Сегодня 95% всех мобильных поисков осуществляется в Google.

Мобильный поиск в Google

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

На самом деле они уже есть …

Во-первых, Google выпустил обновление для мобильных устройств (которое многие называют «Mobilegeddon»).

Обновление для мобильных устройств

Это обновление оштрафовало сайты, которые не были совместимы с мобильными устройствами (за поиск, выполняемый на смартфонах).

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

То есть, пока Google не сделал КАЖДЫЙ поиск в мобильном поиске. Как? Сделав весь свой алгоритм «Мобильный-Первый».

Что такое индекс Google для мобильных устройств?


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

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

Так что, если кто-то будет искать с iPhone, Google покажет им мобильные результаты. И если кто-то что-то ищет на рабочем столе, он получит «результаты на рабочем столе».

Модель поиска Google

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

Google Mobile First Search Model

В главах 3, 4 и 5 я постараюсь убедиться, что ваш сайт оптимизирован для мобильного SEO.

Является ли Google Mobile-First Index большим предложением?


Это зависит.

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

Так что если ваш сайт …

  • Загружает ресурсы на всех устройствах
  • Не скрывает контент в мобильных версиях вашего сайта
  • Грузится быстро, как ожидают мобильные пользователи
  • Имеет рабочие внутренние ссылки и перенаправления
  • Имеет UX, который оптимизирован для любого устройства, которое используют ваши посетители

Тогда да, ты в порядке.

Если нет, вы можете заметить падение рейтинга, как Google выкатывает это.

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

Но сначала…

Что Google считает «мобильным»?


Для большинства людей «мобильное устройство» означает смартфон или планшет.

Однако Google помещает планшеты «в свой класс» и заявляет: «когда мы говорим о мобильных устройствах, мы обычно не включаем планшеты в определение».

Другими словами, по словам Google: мобильные телефоны = смартфоны.

Честно говоря, это не должно сильно влиять на ваш мобильный SEO.

Основная идея здесь — оптимизировать ваш сайт под ЛЮБОЕ устройство.

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

Google не считает планшеты «Мобильными»

ГЛАВА 2:Как реализовать мобильный веб-сайт, который размещается в Google

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

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

Так что, если мобильные посетители получат доступ к мини-версии вашего рабочего стола, у вас проблемы.

К счастью, реализовать мобильный сайт не сложно и не сложно.

И в этой главе я собираюсь изложить несколько различных способов реализации мобильной версии вашего сайта (с акцентом на SEO для мобильных устройств).

Когда дело доходит до мобильного, у вас есть 3 варианта


Есть 3 различных способа настроить ваш сайт для мобильных устройств.1

Во-первых, у вас есть отдельные URL-адреса (это также называется конфигурацией «М.»).

С этой настройкой у вас есть «основная» версия рабочего стола вашего сайта. У вас также есть мобильная версия («М.») версии вашего сайта.

Отдельные URL

Другими словами, ваш сайт выясняет, какое устройство использует ваш посетитель … и затем направляет их на URL-адрес, оптимизированный для этого устройства.

Отдельные URL были популярны в те времена. Cегодня? Не так много.

Почему? Во-первых, им очень тяжело управлять.

Также «М.» сайты имеют множество проблем с SEO (например, тот факт, что вам нужно несколько URL-адресов для каждой части контента на вашем сайте, и что для этого требуются сложные теги rel = canonical и rel = alternate).

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

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

Когда вы размещаете контент динамически, весь ваш контент находится по одному и тому же URL. Но вы показываете каждому пользователю разные HTML / CSS в зависимости от устройства, которое они используют.

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

Например, если вы посетите https://backlinko.com/seo-tools на рабочем столе, вы получите готовую настольную версию сайта:

SEO инструменты сообщение

Но если вы зайдете на страницу со своего iPhone 8, вы все равно будете на https://backlinko.com/seo-tools , но вам будет показана версия страницы «iPhone 8»:

SEO Tools post - Мобильная версия

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

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

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

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

Наконец, у нас есть адаптивный дизайн.

Я сохранил лучшее для последнего.

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

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

Лучшая часть? Адаптивный дизайн делает это без отдельных URL или разных HTML для каждого устройства.

ЧИТАТЬ  ИССЛЕДОВАНИЕ КЛЮЧЕВЫХ СЛОВ:

С точки зрения SEO-ориентированности, Responsive Design выбрасывает все остальные варианты из воды.

Почему? Короче говоря:

  • Весь ваш контент находится на одном URL (хорошо для обмена и получения ссылок)
  • Минимальные головные боли SEO (без «rel = canonical tags», дублированных проблем с контентом и т. Д.)
  • Безумно удобный (UX — большая часть SEO благодаря RankBrain )
  • Нет перенаправлений (которые вызывают технические проблемы SEO и могут замедлить ваш сайт)

И если вы все еще не уверены, Google рекомендует адаптивные макеты. Так что.

ГЛАВА 3:Как оптимизировать свой сайт для мобильных устройств

Мобильный Оптимизация

Теперь, когда ваш сайт настроен для мобильных посетителей, пришло время привести ваш мобильный SEO в порядок.

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

Воспользуйтесь тестом Google Mobile Usability


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

Чтобы использовать его, зайдите в свою учетную запись GSC. Затем нажмите «Мобильный юзабилити».

(Это на боковой панели нового GSC)

Консоль поиска Google - раздел «Удобство использования мобильных устройств»

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

Консоль поиска Google - Отчет об использовании мобильных устройств - без ошибок

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

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

Просто вставьте свой URL в инструмент …

Google Mobile Friendly Test

… и получите полный отчет.

Мобильный дружественный отчет

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

Мобильный робот Google

Googlebot на рабочем столе без проблем сканировал эти ресурсы. Но мобильная версия не могла этого сделать.

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

Супер пупер полезно.

Пусть Google сканирует все


Вы блокируете Googlebot доступ к Javascript, CSS или другим важным частям кода вашего сайта?

Раньше это было не страшно. Но сегодня это ОЧЕНЬ плохая идея.

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

И если они не уверены в том, что он удобен для мобильных устройств, удачи в рейтинге Mobile-first.

Как вы знаете, если это проблема?

Сначала проверьте ваш файл robots.txt . Это говорит Googlebot не сканировать и не индексировать определенные части вашего сайта. Этот файл обычно находится по адресу site.com/robots.txt. Вы также можете увидеть его в консоли поиска Google.

Google Crawl

Пока вы там, нажмите «Индекс Google» -> «Заблокированные ресурсы». Это даст вам знать, если вы запрещаете роботу Googlebot сканировать определенные части вашего сайта.

Блокировка Googlebot

Если вы не блокируете ничего важного, значит, все готово.

Поместите Кибоша во всплывающих окнах


Я знаю: все ненавидят всплывающие окна.

Я не собираюсь вступать в эту дискуссию здесь. Но я скажу вам, что Google также ненавидит всплывающие окна … особенно для мобильных пользователей.

Помните: работа Google № 1 — показывать своим пользователям удивительный контент. А если этот контент скрыт за гигантским всплывающим окном? Это уже не так удивительно.

Фактически, Google выпустил обновление , специально предназначенное для «навязчивых» всплывающих окон.

Навязчивые всплывающие окна

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

Как узнать, какие всплывающие окна в порядке?

Google приводит несколько примеров допустимых всплывающих окон …

Допустимые всплывающие окна

… и всплывающие окна, которые могут оштрафовать ваш сайт.

Bad Popups

Как на самом деле выглядит ваш отзывчивый сайт ? Проверьте этот крутой инструмент


Одно дело увидеть, как Google просматривает ваш мобильный сайт.

Но ничто не сравнится с просмотром вашего сайта на разных устройствах.

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

Он покажет вам, как ваш сайт выглядит на iPhone, планшетах и ​​многом другом:

Отзывчивый инструмент сайта

Оказывается, на телефоне я выгляжу таким же красивым, как на планшете. Я люблю этот инструмент!

Используйте мобильную версию «Fetch as Google»


Как и большинство людей, я визуальный ученик.

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

Но лично гораздо полезнее увидеть, как Google видит мою страницу.

Вот почему я рекомендую выборочное тестирование нескольких страниц на вашем сайте с помощью функции «Получить в Google» в консоли поиска Google.

Просто введите URL популярной страницы с вашего сайта:

Просмотреть как Google

(Обязательно выберите «Мобильный» из выпадающего списка)

Получить как Google Mobile

И они точно покажут вам, что видел робот Google. Вы можете даже прокрутить вниз, чтобы увидеть, пропустил ли Google что-нибудь (например, изображения, видео, меню и т. Д.).

Что видит робот Google

Очень полезно.

Пусть мобильные пользователи видят все это


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

(Например, они могут скрывать некоторый контент … или блокировать загрузку javascript)

Эти люди не делали ничего подозрительного. Блокировка этих ресурсов помогла быстрее загружать их страницы на мобильных устройствах. И это иногда улучшало мобильный опыт.

Вот пример того, что я имею в виду:

Не скрывайте контент на мобильных устройствах

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

Почему?

С Mobile-first Google считает мобильную версию вашей страницы «основной» версией.

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

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

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

Но затем Джон Мюллер из Google сказал, что для индекса Mobile-first:

«В мобильной версии страницы может быть, что у вас есть такие вкладки, папки и тому подобное, которые мы все равно будем рассматривать как обычное содержимое на странице. Даже если он скрыт от первоначального вида ».

Он также сказал, что когда речь заходит о Mobile-first:

«Если это критическое содержание, оно должно быть видно».

А?

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

А пока вот мое мнение:


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

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

ЧИТАТЬ  White Hat SEO: полное руководство

ГЛАВА 4:Как оптимизировать ваш мобильный сайт
для UX-сигналов

Mobile UX Signals

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

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

Если RankBrain считает, что ваш сайт разочаровывает их мобильных пользователей, они бросят вас как камень.

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

Мастер Мобильный Sitespeed


Заботится ли Google о скорости загрузки вашего мобильного сайта?

Черт возьми, да!

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

Это безумно сложно осуществить. К счастью, есть несколько бесплатных инструментов, которые могут помочь вам достичь амбициозного руководства Google.

Во-первых, у нас есть инструмент Google PageSpeed ​​Insights .

Этот инструмент позволяет узнать, насколько быстро ваш сайт загружается на мобильный …

… и дает вам некоторые рекомендации, которые вы можете реализовать, чтобы ускорить процесс.

Новый результат PageSpeed ​​Insights - Backlinko

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

WebPageTest.org

И вы получите список предложений, специально адаптированных для мобильных браузеров:

Адаптировано для мобильных браузеров

И если вы хотите получить реальные гиковский с PageSpeed, проверить этот отличный ресурс из Big G .

Тест скорости Big G

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

Сделайте ваш контент безумно простым для чтения на телефонах


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

Затем они нажмут на кнопку «назад», как будто завтра не наступит.

Например, вы не хотите, чтобы ваш контент выглядел так:

Разборчивость на мобильных устройствах

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

Вместо этого вы хотите, чтобы ваш шрифт был большим, жирным и разборчивым , например так:

Большой жирный текст на мобильном телефоне

Так:

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

  • Используйте шрифт размером не менее 14 пикселей (я предпочитаю 15 или 16)
  • Используйте короткие абзацы (1-2 строки в абзаце)
  • Перейти с длиной строки от 50 до 60 символов
  • Убедитесь, что между текстом и фоном есть тонны контраста (люди используют телефоны снаружи, что может затруднить чтение низкоконтрастного текста)

Это также помогает, если ваш контент действительно хорош. Но это другая история 🙂

Используйте HTML5 для видео и анимированного контента


Вы встраиваете видео в свой контент? Или ваша страница выполняет все виды модных анимаций, когда люди посещают?

Хорошо, если этот контент закодирован во Flash, он не будет работать на мобильных устройствах.

Вместо этого вы хотите закодировать это в HTML5.

Не забывайте тег «Содержимое окна просмотра»


Вы используете адаптивный дизайн? Если это так, не забудьте метатег viewport.

Этот тег изменяет размер вашей страницы в зависимости от устройства пользователя.

И Google рекомендует вам установить метатег вашего окна просмотра следующим образом:

Тег видового экрана

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

Нет тега видового экрана

Так что да, дружеское напоминание, чтобы дважды проверить, что у вас есть это настроено.

Внедрите эти 3 быстрых мобильных UX хака


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

Сделать изображения заголовка действительно маленькими

Мобильные пользователи Google хотят получить ответ прямо сейчас.

Это означает, что вы не хотите использовать гигантские изображения заголовков, например:

Mobile UX Hacks

Вместо этого удалите их или уменьшите для мобильных посетителей, например так:

Меньшие изображения заголовка на мобильном телефоне

2

Используйте много «негативного» пространства

Отрицательное пространство — это пространство между текстом, кнопками и элементами дизайна. И негативное пространство ДЕЙСТВИТЕЛЬНО важно для мобильных сайтов.

На рабочем столе вы можете сойти с загроможденной страницы.

Но на телефоне загроможденная страница НЕВОЗМОЖНА использовать.

Негативное пространство на мобильном телефоне

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

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

Негативное пространство улучшает время задержки

3

Поместите кнопки социальных сетей как панель вкладок

Дело в том, что кнопки социальных сетей могут ЗНАЧИТЕЛЬНО увеличивать количество акций, которые получает ваш контент.

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

Social Share Buttons Мобильный

Таким образом, они не отвлекают. Но если кто-то хочет поделиться — бум! — кнопки прямо здесь.

Проблема в том, что эта настройка невозможна на мобильном телефоне.

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

Сумо Мобильный SEO Инструмент

Просто.

ГЛАВА 5:Advanced Mobile SEO советы и
лучшие практики

Расширенный мобильный SEO

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

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

Исправьте свой мобильный CTR, получите больше трафика


Вероятно, мне не нужно говорить, что ваш обычный рейтинг кликов является ОГРОМНЫМ фактором рейтинга Google .

И если Google увидит, что мобильные пользователи не нажимают на ваш результат, они вас обесценит.

Но как узнать, что ваш рейтинг кликов понизился? Вот точный процесс:

Сначала перейдите к отчету об эффективности консоли поиска Google.

Перейдите к «Отчету об эффективности» в консоли поиска Google

Далее нажмите «+ Новый».

Нажмите «Создать» в отчете по эффективности консоли поиска Google.

Нажмите «Устройство»

Нажмите «Устройство» в консоли поиска Google.

И нажмите «Сравнить», чтобы сравнить настольный компьютер и мобильный:

Нажмите «Сравнить» в консоли поиска Google

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

Сравнительная таблица между настольным и мобильным устройствами - Google Search Console

Если вы заметили, что ваш CTR на рабочем столе сокращает ваш CTR по определенному ключевому слову, найдите это ключевое слово в Google (на вашем телефоне).

Возможно, ваш тег заголовка обрезается (подробнее об этом позже). Или может быть, что мобильные SERP имеют функции (например, больше рекламы), которые вытесняют органические результаты.

В любом случае, вы, как правило, получите информацию, которую вы можете использовать, чтобы увеличить свой CTR.

Преврати мобильных ослов в единорогов


Индекс Google Mobile-first означает, что Google начнет придавать большее значение сигналам мобильного UX.

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

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

Это на самом деле очень легко и стоит усилий.

Для этого войдите в свою учетную запись Google Analytics. И нажмите «Контент сайта» -> «Целевые страницы».

ЧИТАТЬ  SEO контент: полное руководство для начинающих
Целевые страницы Google Analytics

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

Google Analytics Traffic

Затем нажмите «Вторичное измерение» -> «Категория устройства».

Категория устройства Google Analytics

Это покажет вам, как ваши UX-сигналы сравниваются на настольном и мобильном устройствах.

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

Результаты Google Analytics

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

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

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

Повысьте скорость своей мобильной страницы с помощью этих 3 советов


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

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

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

Сначала выполните тест скорости мобильного устройства на ThinkWithGoogle.com :

Думай с Google

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

И вы получите полезный отчет, который скажет вам, сколько времени занимает загрузка вашего сайта на мобильном устройстве …

Загрузка сайта на мобильный

… И показывает, как снять блокпосты со скоростью груза:

Контрольно-пропускные пункты скорости загрузки

Вот еще несколько быстрых советов, которые стоит попробовать:

  • Разрежьте свои изображения: если вы используете WordPress, я рекомендую установить оптимизатор изображений, например Smush Image Compression . Они ЗНАЧИТЕЛЬНО уменьшают размер файла ваших изображений, что может значительно сократить время загрузки.
  • Внедрите кеш браузера: сами Google рекомендуют кэшировать ваш сайт, чтобы ваш сайт загружался быстрее.
  • Запустите CDN: CDN могут заставить элементы страницы (особенно изображения) загружаться в 2-3 раза быстрее.

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


Получаете ли вы подавляющее большинство вашего органического трафика с мобильного телефона?

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

Вот как:

Хотите верьте, хотите нет, но Google на самом деле дает вам больше символов тега заголовка для работы на мобильном телефоне.

Вот точная разбивка:


Название рабочего стола : около 70 символов
Описание: около 155 символов


Название мобильного телефона : около 78 символов
Описание: около 155 символов

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

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

Например, допустим, ваш тег заголовка выглядит так:

Название страницы: Мобильные SEO Советы

Это 66 символов. Таким образом, этот заголовок будет отображаться полностью на настольном и мобильном устройствах.

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

Название страницы: Killer SEO Советы

Это 78 символов.

Да, 78 символов означают, что Google будет обрезать ваш тег заголовка при поиске на рабочем столе. Но это будет хорошо видно на мобильном телефоне.

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

Вы должны реализовать AMP?


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

Как вы, возможно, знаете, Google возглавил сбор AMP.

Должен ли я использовать AMP

А поскольку AMP является проектом Google, многие оптимизаторы поспешили внедрить AMP для сайтов своих клиентов.

(Предполагается, что Google вознаградит AMP-дружественные сайты с более высоким рейтингом).

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

AMP Icon SERP

При всем этом вопрос:

Имеет ли смысл использовать AMP?

Выбор за вами, конечно. Но мое мнение таково: вероятно, нет .

Вот почему:

Во-первых, AMP устанавливает СЕРЬЕЗНЫЕ ограничения на функциональность вашей страницы.

Хотите полный контроль над своими объявлениями? Не происходит.

Как насчет лайтбокса или всплывающего окна? Нет.

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

Во-вторых, AMP может повредить вашим усилиям по созданию ссылок.

Когда кто-то ссылается на ваш контент, эти ссылки указывают прямо на ваш сайт. Очевидно, я знаю.

Но вот сделка:

Когда кто-то ссылается на ваши страницы AMP, эта ссылка указывает на домен Google.com .

Проблемы с использованием AMP

Другими словами, AMP может стоить вам в отделе ссылок.

Так что, по крайней мере, на данный момент ссылки на страницы AMP повышают авторитет Google в доменах … а не ваши.

Наконец, AMP не может длиться долго.

LTE уже СУПЕР быстро. И 5G не за горами .

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

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

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


Как вы, наверное, знаете, мобильные SERP отображают результаты поиска в виде карточек:

Схема структурированных данных

И эти карты делают структурированные данные Schema.org супер эффективными.

Почему?

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

Например, посмотрите, как сильно отличается мобильный результат от Downshiftology от ToddyCafe.com. Этот контраст не так силен на рабочем столе:

Карты SERP

Нижняя граница? Если вы хотите больше кликов от мобильных поисковиков Google, рассмотрите возможность использования структурированных данных.

Теперь твоя очередь

Вывод

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

Надеюсь, вам понравилось.

Теперь я хотел бы услышать ваше мнение:

Что вы делаете, чтобы подготовить свой сайт для мобильного SEO?

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

В любом случае, дайте мне знать, оставив быстрый комментарий ниже.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here