Как создать AMP-страницы для сайта WordPress?

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

Как это работает?

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

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

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

Создание AMP-страниц для сайта WordPress

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

  • Использование официального плагина AMP
  • Использование другого плагина AMP для WP
  • Найдите мобильную тему с поддержкой AMP
  • Внедрить AMP вручную

Давайте объясним создание AMP-страниц с помощью официального плагина AMP в этой статье.

Создание страниц AMP с помощью официального плагина AMP

Войдите в свою административную панель WordPress и перейдите в раздел «Плагины> Добавить новый». Введите «AMP» в поле поиска, чтобы отфильтровать релевантные результаты. Вы найдете два популярных плагина AMP, доступных для WordPress в бесплатном репозитории – AMP от официальной команды WordPress и AMP для WP от другого разработчика.

Плагины WordPress AMP

AMP – это официальный плагин AMP для WordPress, созданный Google, Automattic и другими разработчиками. Давайте объясним, как создавать AMP-страницы с помощью этого официального плагина.

  • Найдя плагин, установите и активируйте его на своем сайте WordPress. Это создаст меню «AMP» рядом с опциями «Общие» и «Аналитика».
  • Перейдите в «AMP> Общие» и настройте следующие параметры для создания страниц AMP.

Изучите WordPress: Просмотрите более 300 бесплатных руководств по WordPress.

Включение AMP

Можно включить AMP для вашего сайта. Просто установите флажок «Веб-сайт» в разделе «Опыт».

Включить AMP на сайте WordPress
Включить AMP на сайте WordPress

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

Выберите режим веб-сайта

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

  • Режим чтения – это будет использовать тему AMP и создавать парные страницы AMP на вашем сайте. Хотя это простой способ включить AMP, он создаст другой и простой макет для вашего AMP-сайта. Этот режим поддерживает только сообщения / страницы и не поддерживает перенаправление с мобильных устройств. По сути, это означает, что ваши AMP-страницы будут обслуживаться только при наличии запроса / amp / URL от Google или другой платформы потребления.
  • Переходный режим – этот режим аналогичен режиму чтения, ожидается, что он использует шаблоны вашей текущей темы для создания страниц AMP.
  • Стандартный режим – включение этого режима превратит ваш сайт в полноценный AMP-сайт со всеми каноническими URL-адресами, указывающими на / amp / URLs. ИТ-специалисты также используют макет вашей темы для создания мобильных страниц AMP.
Выберите режим AMP веб-сайта
Выберите режим AMP веб-сайта

Скорее всего, вы можете использовать только режим чтения в своей теме, особенно если вы используете тему WordPress на основе jQuery для своего сайта. Убедитесь, что все функции скрипта, такие как пункты меню на вашем сайте, работают с AMP, независимо от выбранного вами режима.

Выбор типа сообщения и шаблонов

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

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

Проверка ошибок

Опять же, опция проверки ошибок зависит от выбранного вами режима.

  • Режим чтения не требует проверки ошибок, так как он использует настраиваемый макет AMP.
  • В стандартном режиме все ошибки AMP автоматически анализируются и принимаются, поскольку ваш сайт использует канонические URL-адреса AMP.
  • Когда вы используете переходный режим, вы можете либо автоматически получить доступ к ошибкам AMP, либо вручную проверить и принять. Мы рекомендуем вам установить флажок «Автоматически получать доступ к очистке для любых вновь обнаруженных ошибок проверки AMP».
Обработка проверки AMP
Обработка проверки AMP
Проверить URL

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

Ошибки проверки AMP
Ошибки проверки AMP

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

Индекс ошибок

Вы можете перейти в раздел «AMP> Error Index» и просмотреть подробную информацию о каждой ошибке проверки. В столбце «Тип» вы можете увидеть компонент, вызывающий ошибку, например JS или CSS. Вы щелкаете раскрывающийся список и просматриваете полный URL-адрес компонента, чтобы предпринять корректирующие действия.

Индекс ошибок проверки AMP
Индекс ошибки проверки AMP

Кеширование

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

Добавление аналитики

Плагин позволяет добавлять код отслеживания Google Analytics, поскольку страницы AMP требуют отдельного отслеживания из-за изменения URL-адреса. Перейдите в раздел «AMP> Analytics» и добавьте свой код Analytics, как указано в примере кода.

Настройка AMP Google Analytics
Настройка AMP Google Analytics

Заключительные слова

Хотя у плагина AMP есть настройки одной отдельной страницы, настроить страницы AMP на сайте WordPress – непростая задача. Режим чтения может работать из коробки, если у вас простая тема. Два других режима и даже режим чтения нарушат работу jQuery и других функций JavaScript на вашем сайте. Поэтому мы настоятельно рекомендуем вам сначала протестировать на своем тестовом или локальном сайте, прежде чем пробовать AMP на действующем сайте. Кроме того, вы можете попробовать другой плагин AMP для WP или темы, поддерживаемые AMP, для упрощения настройки.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *