Как правильно настроить Google AMP на своем сайте WordPress

/

Вы хотите установить Google AMP на свой сайт WordPress? Ускоренные мобильные страницы или AMP - это способ ускорить загрузку вашего сайта на мобильных устройствах. Веб-сайты с быстрой загрузкой предлагают лучший пользовательский интерфейс и могут улучшить ваш трафик. В этой статье мы покажем вам, как настроить Google AMP в WordPress.

Google AMP для WordPress

Что такое Google AMP?

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

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

Ускоренные мобильные страницы (AMP) в поиске и просмотре в браузере

Ускоренные мобильные страницы или AMP используют минимальный HTML и ограниченный Javascript. Это позволяет размещать контент в Google AMP Cache. Затем Google может мгновенно предоставить эту кешированную версию пользователям, когда они нажмут на вашу ссылку в результатах поиска.

Это очень похоже на мгновенные статьи в Facebook. Однако мгновенные статьи ограничены только платформой Facebook, а точнее их мобильным приложением.

Ускоренные мобильные страницы не зависят от платформы и могут использоваться любым приложением, браузером или средством веб-просмотра. В настоящее время его используют Google, Twitter, LinkedIn, Reddit и другие.

Плюсы и минусы Google AMP (ускоренные мобильные страницы)

Эксперты по SEO утверждают, что Accelerated Mobile Pages поможет вам занять более высокое место в Google и улучшит пользовательский опыт для мобильных пользователей при медленном подключении к Интернету. Однако это несколько проблем для владельцев веб-сайтов, блоггеров и маркетологов.

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

Хотя Google AMP поддерживает Google Analytics, он не поддерживает многие другие аналитические платформы. То же самое и с вариантами рекламы, которые ограничены несколькими рекламными платформами.

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

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

Примечание. От блоггеров было несколько жалоб на Google AMP.

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

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

По указанным выше причинам мы пока не переключаем на Google AMP.

Однако, поскольку некоторые из наших читателей спрашивали о том, как настроить Google AMP в WordPress, мы создали пошаговый процесс настройки ускоренных мобильных страниц в WordPress.

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

Первое, что вам нужно сделать, это установить и активировать плагин AMP. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.

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

Страница настроек плагина WordPress AMP

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

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

Не забудьте нажать кнопку «Сохранить», чтобы сохранить изменения.

Теперь вы можете посетить любое отдельное сообщение на своем веб-сайте и добавить / amp / в конце URL-адреса. Как это:

http://example.com/2016/10/my-blog-post/amp/

Это покажет вам урезанную AMP-версию того же поста.

Предварительный просмотр AMP для мобильных устройств

Если вы просмотрите исходный код исходного сообщения, вы найдете эту строку в HTML:

Эта строка сообщает поисковым системам и другим приложениям / службам, использующим AMP, где искать AMP-версию страницы.

Поиск проблемы:

Если вы видите ошибку 404 при попытке просмотреть версию усилителя, то вам нужно сделать следующее.

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

Просмотр ускоренных мобильных страниц в Google Search Console

Хотите знать, как ваши ускоренные мобильные страницы работают в поиске Google? Вы можете легко проверить это с помощью Google Search Console.

Войдите в свою панель управления Google Search Console и нажмите «Вид поиска» »Ускоренные мобильные страницы.

Ускоренные мобильные страницы в Google Search Console

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

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

Плагин AMP для WordPress имеет очень ограниченные возможности настройки. Однако вы можете использовать некоторые другие плагины WordPress, чтобы добавить еще несколько настроек.

Если вы уже используете Yoast SEO, вам необходимо установить и активировать Glue для Yoast SEO & AMP.

Это дополнительный плагин для плагинов Yoast SEO и AMP. После активации вам необходимо посетить страницу SEO »AMP, чтобы настроить параметры плагина.

Аддон Yoast SEO AMP

Плагин позволяет включить поддержку AMP для других типов сообщений.

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

Вкладка Дизайн для AMP с использованием аддона Yoast AMP

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

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

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

Однако вам необходимо убедиться, что ваши AMP-страницы проверены после установки любых надстроек.

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как импортировать и экспортировать меню навигации в WordPress

Вы хотите экспортировать меню навигации с одного сайта WordPress и импортировать его на другой? Функция импорта / экспорта WordPress по умолчанию позволяет

Как установить пиксель ремаркетинга / ретаргетинга Facebook в WordPress

Вы изучаете ретаргетинг рекламы на Facebook? Вы хотите установить пиксель ремаркетинга / ретаргетинга Facebook в WordPress? В этой статье мы покажем вам, как

Как показать общее количество зарегистрированных пользователей в WordPress

Вы когда-нибудь хотели показать общее количество зарегистрированных пользователей на вашем сайте WordPress? Социальное доказательство, такое как

Как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал вашему сайту WordPress

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