...
WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Как реализовать Google AMP в WordPress?

20

Поисковый гигант Google всегда был в авангарде продвижения пользовательского опыта (UX). Фактически, он включил скорость сайта в качестве одного из сигналов алгоритма поисковой системы в 2010 году. Совсем недавно Google выразил свое предпочтение мобильному удобству, чтобы поощрять веб-сайты соответствовать мобильным экранам.

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

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

Что такое Google AMP?

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

Кодирование AMP состоит из трех основных частей: HTML, скриптов и функции кеширования.

  • AMP HTML похож на обычное кодирование HTML, но с дополнительными свойствами AMP. Например, теги HTML все еще существуют, но могут быть улучшены с помощью тегов, специфичных для AMP.
  • AMP JS – это библиотека скриптов, которая делает AMP тем, чем он является. Для обеспечения скорости и производительности AMP JS ускоряет рендеринг страниц за счет правильной загрузки ресурсов, использования асинхронных внешних ресурсов и расчета макетов элементов перед загрузкой каждого ресурса.
  • Google AMP Cache стал возможным через сеть доставки контента (CDN) для доставки документов AMP. Уже одно это уже ускоряет загрузку страницы за счет получения файлов AMP HTML и кеширования каждого из них.

Преимущества Google AMP

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

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

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

Google AMP в результатах поиска

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

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

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

Лучший интерфейс перетаскивания для создания потрясающих тем WordPress

Использование Google AMP в WordPress

Хотя Google AMP предназначен для создания статических страниц, этот инструмент повышения скорости также можно использовать в WordPress.

Лучший и самый простой способ внедрить коды AMP на ваш веб-сайт WordPress – использовать плагин, удачно названный AMP, созданный людьми из Automattic. Вкратце, плагин создает AMP-версии существующих URL-адресов сообщений, и вы можете получить к ним доступ, добавив термин / amp / в конце URL-адреса публикации.

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

Вот шаги по использованию плагина AMP на вашем сайте WordPress:

  1. На панели управления администратора выберите Плагины> Добавить новый.
  2. В поле поиска найдите плагин AMP.
  3. Нажмите «Установить сейчас», а затем «Активировать» плагин.

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

К сожалению, плагин AMP использует метаданные, которые могут быть неоптимальными с точки зрения поисковой оптимизации (SEO). Это особенно верно, если вы используете Yoast SEO на своем сайте WordPress. Если вас это беспокоит, вы можете найти некоторые улучшения в плагине под названием Glue for Yoast SEO и AMP.

Glue соединяет плагины Yoast SEO и AM для достижения двух целей:

  • Чтобы изменить дизайн страницы для AMP
  • Чтобы использовать правильные метаданные для лучшего SEO

Вот шаги по использованию плагина Glue:

  1. Так же, как при установке нового плагина, перейдите в Плагины> Добавить новый.
  2. Используйте поле поиска, чтобы найти «Клей для Yoast SEO и AMP».
  3. Нажмите «Установить сейчас», затем активируйте плагин.
  4. После активации перейдите в раздел SEO> Настройки AMP> Дизайн. Отсюда вы можете изменить стиль или дизайн своих AMP-страниц.
  5. Вы также можете добавить коды отслеживания, перейдя в SEO> Настройки AMP> Аналитика.

Вывод

Google всегда выступал за улучшение онлайн-просмотра и взаимодействия с пользователем, чтобы люди получали удовольствие от работы в Интернете. Помимо улучшения функций поиска, Google стремится объединить UX и SEO, чтобы остались довольны как онлайн-пользователи, так и владельцы веб-сайтов.

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

Связанное чтение: Учебник по WordPress 101

Как проверить версию WordPress

Как найти URL для входа в WordPress

Как установить WordPress

Что это за тема WordPress

Как изменить язык WordPress

Как создать собственную страницу входа в WordPress

Как создать тему WordPress с нуля

Как исправить неработающее обновление страницы WordPress

Источник записи: https://blog.templatetoaster.com

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