Шаги по установке AMP в WordPress

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

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

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

Понимание Google AMP

Перед установкой AMP в WordPress важно понять, что такое AMP на самом деле. Это технология с открытым исходным кодом, предлагаемая Google, которая ускоряет загрузку ваших содержательных веб-страниц. Это достигается путем временного размещения ваших веб-страниц в кеше Google AMP с ограниченным кодом HTML, JS и CSS. Когда пользователь заходит на ваши веб-страницы, Google может мгновенно предоставить пользователю сохраненную версию кеша. Помимо Google, Facebook, Twitter, Reddit, LinkedIn также используют эту технологию, чтобы быстрее доставлять сообщения мобильным пользователям.

Преимущество Google AMP в том, что он не ограничивается только мобильными браузерами. Когда мобильный пользователь открывает ваши веб-страницы из любого стороннего приложения или веб-просмотра, Google AMP также обслуживает ваши страницы из своего кеша. Кроме того, установка AMP в WordPress поможет вашему сайту занять высокие позиции на страницах результатов поисковых систем. С другой стороны, поскольку веб-страницы сохраняются с ограниченным набором кода HTML, JS и CSS, ваша веб-страница не будет отображаться полностью. Любые виджеты или сторонние интеграции, такие как формы электронной почты, окна социальных сетей и т. д., будут приостановлены. Но вы все еще можете иметь Google Analytics.

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

Установка AMP в WordPress

Шаг 1. Установите плагин

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

AMP-плагин

Шаг 2. Настройка

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

Шаг 3. Проверка определенных веб-страниц

Если вы хотите увидеть, как ваши конкретные веб-страницы выглядят с помощью AMP, вы можете зайти в свой браузер и напрямую получить доступ к этой странице, а после ее полной загрузки внести изменения в URL-адрес, добавив /amp в конце. Например, если ваша обычная ссылка на веб-страницу — www.mysite.com/about-us, чтобы увидеть ее версию AMP, сделайте URL-адрес как www.mysite.com/about-us/amp/
Если страница не открывается и показывает ошибку 404, вам нужно перейти в «Панель управления», «Настройки», а затем в «Постоянные ссылки».

Когда откроется следующий экран, не вносите никаких изменений, а просто нажмите кнопку «Сохранить изменения». Это обновит постоянную ссылку и вернется на вкладку браузера, обновит веб-страницу 404, и веб-страница появится.

Шаг 4. Проверка сайта с помощью Google Search Console

Некоторые из вас могут просто установить AMP в WordPress, чтобы получить хороший рейтинг на страницах результатов поисковой системы Google. Вы можете проверить, как ваш сайт выглядит в поиске Google, используя Google Search Console (GSC). Предполагая, что вы уже добавили свой веб-сайт в GSC, перейдите в свою учетную запись GSC и в меню слева нажмите «Внешний вид в поиске». Под ним вы найдете ускоренные мобильные страницы. Внутри него вы увидите свой веб-сайт и веб-страницы. Важно отметить, что ваш веб-сайт может появиться не сразу после установки плагина AMP, поскольку индексация ваших веб-страниц Google может занять от нескольких часов до нескольких дней.

Расширенная настройка AMP

Google AMP поставляется с ограниченными возможностями настройки. Существует еще один популярный плагин под названием Glue For Yoast SEO & AMP.

Клей для Yoast SEO

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

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

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

Если у вас есть веб-сайт WordPress на основе WooCommerce, вам следует установить WP AMP, который является платным плагином. Он также поддерживает AdSense и короткие коды. Вы также можете вставлять такие элементы, как видео, с помощью iFrame.

После установки AMP в WordPress —

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

Эпоха веб-контента переместилась с компьютеров и ноутбуков на мобильные устройства и планшеты. Более 50 процентов интернет-пользователей используют мобильные устройства. Таким образом, необходимо было что-то сделать, чтобы улучшить работу в Интернете на мобильных устройствах. Именно тогда в 2016 году были запущены «Ускоренные мобильные страницы». Ускоренные мобильные страницы, также известные как AMP, — это глобальная инициатива в области технологии публикации веб-сайтов, направленная на повышение производительности веб-контента на мобильных устройствах.

Теперь возникает вопрос: «Что именно делает AMP?» Что ж, AMP — это урезанная версия HTML-кода, которая точно уменьшает время загрузки страниц и контента на мобильных устройствах. AMP HTML повышает производительность, удаляя все элементы, которые замедляют работу веб-страниц на мобильных устройствах, включая JavaScript или любые другие сторонние скрипты.

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

Одним из основных преимуществ веб-сайта, разработанного с помощью WordPress AMP, является то, что страницы загружаются на 85% быстрее, чем традиционные веб-страницы, разработанные только с помощью HTML и CSS на мобильных устройствах. Исследования показывают, что мобильные пользователи покидают веб-страницу, если она загружается более 3-4 секунд. Таким образом, компании, использующие технологию AMP для разработки страниц своих веб-сайтов, могут снизить показатель отказов посетителей. AMP также помогает сделать сайт более удобным для мобильных устройств.

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

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