amp wordpress что это
WordPress.org
Русский
AMP для WP — Ускоренные мобильные страницы
Описание
AMP for WP automatically adds Accelerated Mobile Pages (Google AMP Project) functionality to your WordPress site. AMP makes your website faster for Mobile visitors.
Extensions
Some useful extensions to extend AMP features, check AMP Adsense Support, Contact Form 7 Support, Email Opt-in Support and Call To Action Support. To view more, go to our Extensions page.
Support
We try our best to provide support on WordPress.org forums. However, We have a special community support where you can ask us questions and get help about your AMP related questions. Delivering a good user experience means a lot to us and so we try our best to reply each and every question that gets asked.
Bug Reports
Bug reports for AMP for WP are welcomed on GitHub. Please note GitHub is not a support forum, and issues that aren’t properly qualified as bugs will be closed.
Features:
JOIN CHAT GROUP COMMUNITY: Purpose of this group is to get proper suggestions and feedback from plugin users and the community so that we can make the plugin even better.
Getting Started:
1. User Documentation: The AMP for WordPress plugin is easy to setup but we have some tutorials and guides prepared for you which will help you dive deep with the plugin.
2. Developer Docs: We have created special documentations for developers and semi technical users who are willing to modify the plugin according to their own needs.
3. Support: We try our best to provide support on WordPress.org forums. However, We have a special community support where you can ask us questions and get help about your AMP related questions. Delivering a good user experience means a lot to us and so we try our best to reply each and every question that gets asked.
4. Premium Support: We will personally take care that your website’s AMP version is perfectly validated. We will make sure that your AMP version gets approved and indexed by Google Webmaster Tools properly and we will even keep an eye on AMP updates from Google and implement them into your website.
Credits
Some code used in this plugin was forked from ‘AMP for WordPress’ plugin https://wordpress.org/plugins/amp/ — License URI: http://www.gnu.org/licenses/gpl-2.0.html.
Mobile & Tablet detection library used https://github.com/serbanghita/Mobile-Detect — License URI: https://github.com/serbanghita/Mobile-Detect/blob/master/LICENSE.txt
PHP CSS Parser library used https://github.com/sabberworm/PHP-CSS-Parser — License URI: https://github.com/sabberworm/PHP-CSS-Parser#license (PHP-CSS-Parser is freely distributable under the terms of an MIT-style license.)
AMP Optimizer library used https://github.com/ampproject/amp-toolbox/tree/main/packages/optimizer — License URI: https://github.com/ampproject/amp-toolbox#license (AMP Toolbox is made by the AMP Project, and is licensed under the Apache License, Version 2.0.)
Скриншоты
Установка
WordPress.org
Русский
Описание
Page Experience (PX) is a set of ranking signals—including Core Web Vitals (CWV)—measuring the user experience of interacting with a web page. AMP is a powerful tool which applies many optimizations and best practices automatically on your site, making it easier for you to achieve good page experience for your visitors. The official AMP Plugin, supported by the AMP team, makes it easy to bring the power of AMP to your WordPress site, seamlessly integrating with the normal publishing flow and allowing the use of existing themes and plugins.
For more videos like this, check out the ongoing AMP for WordPress video series.
The plugin’s key features include:
The official AMP plugin for WordPress is a powerful tool that helps you build user-first WordPress sites, that is, sites that are fast, beautiful, secure, engaging, and accessible. A user-first site will deliver experiences that delight your users and therefore will increase user engagement and the success of your site. And, contrary to the popular belief of being only for mobile sites (it doesn’t stand for Accelerated Mobile Pages anymore!), AMP is a fully responsive web component framework, which means that you can provide AMP experiences for your users on both mobile and desktop devices.
AMP Plugin Audience: Everyone
This plugin can be used by both developers and non-developer users:
The bottom line is that regardless of your technical expertise, the AMP plugin can be useful to you.
Template Modes
The official AMP plugin enables site owners to serve AMP to their users in different ways, which are referred to as template modes: Standard, Transitional, and Reader. The differences between them are in terms of the number of themes used (one or two), and the number of versions of the site (non-AMP, AMP). Each template mode brings its own value proposition and serves the needs of different scenarios in the large and diverse WordPress ecosystem. And in all cases, the AMP plugin provides as much support as possible in terms of automating the generation of AMP pages, as well as keeping the option chosen AMP valid. In a nutshell, the available template modes are the following:
Standard Mode: This template mode is the ideal, as there is only one theme for serving requests and a single version of your site: the AMP version. Besides enabling all of your site to be AMP-first, this has the added benefit of reducing development and maintenance costs. This mode is the best choice for sites where the theme and plugins used in the site are fully AMP-compatible. It’s also a good option if some components are not AMP-compatible but the site owner has the resources or the know-how to fix them. See our showcase of sites using Standard mode.
Transitional Mode: In this mode there is also a single theme used, but there can be two versions of each page: AMP and non-AMP. The active theme is used for serving the AMP and non-AMP versions of a given URL. This mode is a good choice if the site uses a theme that is not fully AMP compatible, but the functional differences between the AMP and non-AMP pages are acceptable (due to graceful degradation). In this case, users accessing the site from mobile devices can get the AMP version and get an optimized experience which also retains the look and feel of the non-AMP version. Check out our showcase of sites using Transitional mode.
Reader Mode: In this mode there are two different themes, one for AMP pages and another for non-AMP pages, and therefore there are also two versions of the site. This mode may be selected when the site is using an AMP-incompatible theme, but the level of incompatibilities is significant without graceful degradation. It’s also a good choice if you are not technically savvy (or simply do not want to deal with the incompatibilities) and therefore want simplified and robust workflows that allow you to take advantage of AMP with minimal effort.
Different modes would be recommended in different scenarios, depending on the specifics of your site and your role. As you configure the plugin, it will suggest the mode that might be best for you based on its assessment of the theme and plugins used on your site. And, independently of the mode used, you have the option of serving all or only a portion of your site as AMP. This gives you all the flexibility you need to get started enabling AMP on your site progressively.
AMP Ecosystem
It is possible today to assemble great looking user-first sites powered by the AMP plugin by picking and choosing themes and plugins from a growing AMP-compatible ecosystem. In this context, the AMP plugin acts as an orchestrator of the overall AMP content creation and publishing process; it serves as a validator and enforcer making it easier to not only get to AMP experiences, but to maintain them with confidence.
Many popular theme and plugin developers have taken efforts to support the official AMP plugin. If you are using a theme like Astra or Newspack, or if you are using plugins like Yoast or WP Forms — they will work out of the box! You can see the growing list of tested themes and plugins.
AMP Development
Although there is a growing ecosystem of AMP-compatible WordPress components, there is still a ways to go before majority AMP compatibility in the ecosystem. If you are a developer, or you have the resources to pursue development projects, you may want in some cases to develop custom plugin or theme to serve your specific needs. The official AMP plugin can be of great help to you by providing powerful and effective developer tools that shed light into the AMP development process as it is done in WordPress. This includes mechanisms for detailing the root causes of validation issues, the contextual space to understand them properly, and methods to deal with them during the process of achieving full AMP compatibility. Read more about Developer Tools.
Getting Started
To learn more about the plugin and start leveraging its capabilities to power your AMP publishing workflow, check the official AMP plugin product site.
If you are a developer, we encourage you to follow along or contribute to the development of this plugin on GitHub.
We have put up a comprehensive FAQ page and extensive documentation to help you start as smoothly as possible.
But if you need some help, we are right here to support you in the plugin’s support forum, as well as through GitHub issues (for technical bugs and feature requests). And our thriving AMP Expert ecosystem has indie freelancers to enterprise grade agencies in case you need commercial support!
Google AMP для WordPress: с чего начать + лучшие плагины
За последние несколько лет многое изменилось, когда дело доходит до внедрения AMP в WordPress, и вам больше не нужен AMP для достижения некоторых преимуществ, ранее связанных с AMP (например, появление в результатах Google Top Stories на мобильных устройствах).
В этой статье вы узнаете о новых полезных плагинах и изменениях в экосистеме AMP.
Что такое Google Accelerated Mobile Pages (AMP)?
Google Accelerated Mobile Pages, или сокращенно AMP, – это платформа, оптимизирующая производительность вашего сайта на мобильных устройствах.
По сути, это особый способ кодирования сайта, оптимизированный для повышения производительности. Вам не нужно быть разработчиком, чтобы настроить это все на WordPress. Есть несколько отличных плагинов WordPress AMP, которые могут справиться со всем за вас.
Однако полезно понимать, что происходит за кулисами и почему AMP «отделен» от мобильной версии вашей темы WordPress.
Вторая ключевая часть AMP – это кеширование. Ваш AMP-контент будет кэшироваться на серверах различных платформ, в первую очередь Google. Допустим, кто-то ищет ваш сайт в Google. Затем Google может предоставить им AMP-версию вашей страницы прямо из своего кеша.
Google – не единственный источник кеширования. У Bing также есть собственный кеш AMP.
Эта комбинация «оптимизированный код + кеширование» обеспечивает молниеносную загрузку.
Как выглядит контент AMP?
В результатах поиска Google контент AMP отмечен значком AMP. Например, вы увидите значок AMP в правом верхнем углу при просмотре поля Google Top Stories:
Что касается вашего собственного сайта, здесь нет особого «AMP-дизайна». Если все сделано правильно, ваш AMP-контент должен выглядеть примерно так же, как и ваш не-AMP-дизайн. Большая разница – это закулисный код и кеширование.
Преимущества Google AMP для WordPress
Минусы Google AMP для WordPress
Вот пример проблемы с URL-адресом – расскажем как исправить это в конце поста:
Как настроить Google AMP для WordPress
У вас есть несколько вариантов использования Google AMP в WordPress:
1. AMP-совместимая тема
Самый простой способ – выбрать тему WordPress со встроенной поддержкой AMP. С момента первого запуска AMP в 2016 году многие самые популярные темы добавили встроенную поддержку AMP.
Вам нужно установить официальный плагин AMP, и ваша тема будет обрабатывать все стили для обеспечения единого отображения. Официальный плагин AMP не имеет большого количества функций – он просто включает функциональность AMP, чтобы ваша тема реализовала все остальное.
Рекомендуем идти этим путем, если это возможно, по нескольким причинам:
Вот некоторые примеров тем со встроенной поддержкой AMP:
Вы также можете обратиться к документации разработчика вашей темы, чтобы узнать, есть ли в теме встроенная поддержка AMP.
Помните – даже с AMP-совместимой темой все равно необходимо установить официальный плагин AMP, чтобы включить AMP в функционал WordPress.
Когда вы настраиваете функции официального плагина в мастере установки, выберите Transitional для Template Mode:
Если вы перейдете в AMP → Настройки, вы также можете включить / отключить AMP для определенных типов записей, а также сделать другие варианты конфигурации, например, остановить определенные плагины от запуска на ваших страницах AMP:
2. Используйте плагин WordPress AMP
Если ваша тема не поддерживает AMP, и вы не хотите переключаться на поддерживающую его тему, можете найти специальные плагины WordPress AMP для настройки версии AMP ваших страниц.
После того, как вы установите и активируете бесплатный плагин с WordPress.org, он запустит мастер настройки важных параметров. Вы можете использовать базовую или расширенную настройку в соответствии с вашими потребностями:
Если вы включили расширенную настройку, то получите больше возможностей настроить дизайн AMP-контента. Вы можете выбрать из предложенных готовых макетов / тем (хотя для большинства требуется премиум-версия).
Опять же, этот метод определенно сложнее, чем выбор темы, уже имеющей поддержку AMP. Но в таком подходе есть ряд преимуществ:
Как использовать настоящие URL-адреса AMP для WordPress
Как уже упоминалось в разделе «За» и «Против», одним большим недостатком Google AMP является то, что ваши AMP-страницы будут выглядеть так, как будто они обслуживаются из кеша, а не из доменного имени вашего веб-сайта.
Если вы собираетесь использовать AMP, я рекомендую исправить эту проблему с помощью функции Cloudflare AMP Real URL, которая настраивает его так, чтобы вместо этого отображалось фактическое доменное имя вашего сайта.
Чтобы включить эту функцию, нужно добавить свой сайт WordPress в Cloudflare, если вы еще этого не сделали. Затем перейдите в настройки скорости и выберите вкладку Оптимизация. Если вы прокрутите вниз, то увидите параметр, позволяющий включить реальный URL AMP:
Google AMP – это интересный способ улучшить время загрузки мобильной страницы вашего сайта и повысить удобство работы пользователей.
По мере роста популярности за последние несколько лет многие темы WordPress начали предлагать встроенную поддержку AMP, что упрощает использование AMP и обеспечивает одинаковый дизайн всего сайта. Но если ваша тема не подходит, можете использовать плагин AMP for WP.
У AMP есть свои плюсы и минусы, поэтому логично протестировать его самостоятельно, чтобы увидеть, как он влияет именно на ваш сайт.
Amp для WordPress настройка плагина
AMP – это технология Google, позволяющая ускорить загрузку страниц сайта на мобильных устройствах используя свой кэш, при этом не загружая сервер на котором расположен ваш сайт. Новый тренд мобильной верстки набирает обороты, так как скорость мобильной загрузки – один из факторов ранжирования. В данном статье разберём подробную настройку плагина AMP для WP. Для примера возьму свой блог и поэтапно пройду по всем пунктам настроек плагина для AMP-страниц.
Выбор AMP Плагин WordPress для страниц блога
Для создания мобильных страниц Amp версии для сайта потребуется плагин. Но прежде чем что-то начать делать рекомендую сделать бекап сайта WordPress и базы данных. После выполнения этого шага можно приступать к установке и настройке плагина для AMP (Accelerated Mobile Page WordPress).
Есть несколько плагинов для AMP версий сайта. Каждый имеет свои функции которые различаются между собой. Изучайте каждый плагин, перед установкой на свой блог. Так как в дальнейшем возможно быть таким ситуациям как не обновления плагина со стороны разработчика. Пропустив несколько обновлений может привести к неработоспособности сайта в целом а также мелких ошибок, которые могут не очень хорошо сказаться на ваш блог. Я не сторонник установок различных плагинов на свой блог, стараюсь обходить всевозможными путями.
Чем больше плагинов установлены у вас на сайте, тем выше риск несовместимости и замедленной работы страницы и блога в целом.
Если вы не хотите глубоко погружаться в настройку ускоренных мобильных страниц для вашего сайта, то можно выбрать плагин AMP for WordPress. Вы можете настроить вид AMP страниц своего сайта, просматривать предварительно любые изменения, перед тем как опубликовать. Доступны такие настройки: текст сайта, ссылки и цвет фона. Плюс, мы можете выбрать, какую цветовую схему вы хотите использовать – светлую или тёмную.
Однако, если вы хотите больше настроек внешнего вида для вашего сайта и возможность их расширять в будущем рекомендую плагин для ускоренных мобильных страниц WordPress (AMP для WP – Ускоренные мобильные страницы)
Установка плагина для Amp страниц
Сайты, размещенные на вордпресс, поддерживаются технологией amp при помощи разработанных плагинов с автоматической генерацией мобильной страницы. Первое, что нужно сделать, это установить и активировать плагин WordPress AMP, который легко найти в репозитории WordPress.org. В установке плагина нет ничего особенного.
После того как активировали плагин ваши сообщения автоматически получат динамически генерируемые мобильные версии AMP. Вы можете получить доступ к этим страницам, добавив amp в конце своего URL (example.com/my-post/amp). По умолчанию страницы amp word press имеет собственный макет для отображения сообщений, связанных с AMP. Но вы можете настроить wordpress amp под дизайн своего сайта.
Настройка «AMP для WP – Ускоренные мобильные страницы»
После установки и активации плагина переходим в раздел AMP с такими под настройками Settings, Design, Extensions и другие. Давайте подробнее разберем каждый пункт настроек Amp плагина WordPress.
При первом переходе в раздел настроек плагина AMP для Wp попадаем на страницу настроек, где нужно выполнить перевод следующих слов на тот язык, который используется сайтом. Содержание по умолчанию будет выводится на английском языке.
General
Вкладка подразумевает глобальные настройки. Здесь нужно будет выбрать логотип сайта, который будет отображаться в шапке сайта. А также будет прописан в структурированной разметке данных для отображения вашего логотипа или словесного названия сайта в карточке с записью из вашего блога в поисковой выдаче. Логотип должен соответствовать рекомендациям google для структурированной разметки.
Так же в этой вкладке выбираем какие части блога нужно будет создавать AMP страницы. Рекомендую выбрать Записи и Страницы. Но если у вас главная страница содержит информацию на которую посетители приходят с поисковой системы, то нужно будет выбрать и после настроить accelerated mobile pages с соответствием AMP разметкой.
Advertisement Positions
В момент написания статьи разработчики выпустили новую версию плагина в котором добавили некоторые новшевства. Одна из которых эта
Надеемся что в скором будущем разработчики добавят возможность размещать и рекламный код РСЯ. Кстати рекламный код от РСЯ намного быстрее отображается на страницах, чем Google Adsense. Adsense немного тормозит примерно на секунды 2 после полной загрузки страницы.
PageBuilder
Новая функция по настройке страниц с помощью сторонних инструментов дополнений таких плагинов как Elementor, Divi Builder, Avia и т.п. Настроить отображение страниц неотличимых от мобильной версии сайта можно и через стандартный редактор страниц от плагина AMPforWP.
Если вы хотите превратить ваш сайт в мобильное приложение, то эта вкладка поможет вам сделать это в пару кликов. Изначально это было платным дополнением, но разработчики решили реализовать эту функцию для всех. Чтобы пользователи могли использовать преимущества и функциональность плагина без какой-либо оплаты.
Функция работает как в версии с AMP так и без AMP. После активации этого расширения на панели параметров WordPress появится опция New PWA. После вы можете настроить мобильное приложение для своего веб-сайта.
Performance
Настройка повышенной производительности сайта за счет увеличения скорости страницы и время загрузки с опциями Minify (минимизации) и кэширования в браузере на стороне пользователя.
Веб-аналитака
Собраны все возможные сервисы для отслеживания посещаемости сайта, а также взаимодействия пользователя с различными элементами на странице. Для активации google analytics следует ввести номер счетчика, каждый сервис предоставляет свой id счетчика, сохранить.
Structured data
Структурированные данные для того чтобы оптимизировать AMP-контент в выдаче Google Поиска. AMP-страницы со структурированными данными могут появляться в расширенных результатах, например в карусели «Главные новости». Несоблюдение всех правил может привести к тому, что карточка вашего сайта будет некорректно показан в карусели «Главные новости» или не появится там вообще.
Notice Bar & GDPR
Позволяет отображать на странице уведомление о принятие cookie, сделано для того чтобы веб-сайт получал разрешение от посетителей прежде, чем записывать cookies на их компьютеры. Это значит, что вы должны создать файл или страницу где четко объяснить, какие cookies для чего используются.
Push Notification
Включает интеграцию с сервисом OneSignal по сбору подписчиков для дальнейшего информирования о выходе новых статей на вашем сайте. В наши дни этот вариант используется с целью недобросовестного обогащения. Рассылая различные коммерческие предложения и навязывания различных товаров по партнерским программам.
Contact form
Этот раздел необходим для связи с администрацией сайта, так как автор блога может оказывать различные услуги. Просто пообщаться с автором блога, сообщить ему об ошибке на сайте, спросить что-то, предложить сотрудничать или разместить партнерскую ссылку — да мало ли может быть причин, чтобы связаться с автором блога. Для этого и существует обратная связь.
Coments
Комментарии – важный элемент сайта, но и одновременно опасный. Функция позволяет включать получать комментарии других людей, узнавать их мнение по поводу поднятой в посте блога темы.
Instant Articles
Настройка мгновенных статей на Facebook в формате текстовых материалов, обогащенных видео и картинками, которые доступны в приложении Facebook. Это новый способ публикации и отображения статей с вашего сайта на вашей фан-странице.
Hide AMP Bulk Tools
Позволяет выбор дополнительных параметров для скрытия определенных страниц, категорий, тегов от преобразования в amp страницы.
Advanced settings
Дополнительные настройки для AMP страниц вашего блога. Позволяет выбор таких функций:
E-commerce
Позволяет включать совместимость с WooCommerce и расширяет функциональность сайтов превращая их в полноценные интернет-магазины. С помощью которого можно построить свой коммерческий проект и набирать очень высокий уровень популярности.
Настройка дизайна страниц плагином AMP для WP
В вкладке Design вы можете настроить внешний вид своего сайта для AMP страниц. Для этого выберите тему AMP из предложенного списка в меню Theme Selector. Выбор дизайна и цветовой схемы с шрифтами (вкладка Global), выбор отображения заголовка и подвала, слайдер на главной странице и многое другое.
С помощью html редактора кода пользовательского css вы можете настроить amp таблицу стилей для AMP-страниц своего блога. В разделе Social вы можете также выбрать, какие кнопки социальных сейте вы желаете отображать на своих страницах сайта WordPress AMP.
Бесплатная версия AMP плагин WordPress содержит широкий набор функций. Однако, вы можете значительно улучшить внешний вид и функциональность вашего сайта AMP с платными расширениями. Или приобрести pro версию плагина AMP для WP – Ускоренные мобильные страницы