5 лучших плагинов WordPress AMP

В этом руководстве мы собираемся показать вам, как именно начать работу с AMP для WordPress. Сначала, хотя давайте получим некоторый контекст.

Более половины всего интернет-трафика приходится на мобильные устройства. Мобильность имеет ключевое значение, особенно если вы занимаетесь контентом. Здесь, в MobiLoud, мы занимаемся мобильными технологиями, помогая клиентам улучшить мобильный UX и взаимодействие с помощью наших нативных приложений и платформ PWA.

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

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

Что такое AMP?

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

Цель состояла в том, чтобы создать:

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

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

С тех пор AMP стал важной частью Интернета. Это также довольно легко настроить с помощью плагинов AMP. Но как это работает и в чем преимущества? Давайте разберемся.

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

AMP, по сути, создает урезанные дубликаты HTML существующего веб-контента.

Страницы, которые «преобразованы» в AMP, проходят трехэтапное преобразование:

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

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

Страницы AMP не заменят существующую каноническую версию страницы. Читатели будут иметь полный доступ к обеим версиям.

Каковы преимущества AMP?

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

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

В блоге The Keyword менеджер по продукту Google Руди Гальфи рассказывает о плачевном состоянии мобильного Интернета в 2015 году: среднее время загрузки мобильных сайтов составляет целых 19 секунд при подключении к сети 3G. Чтобы издатели могли совершенствоваться, нужен был общий стандарт.

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

Говоря конкретно, AMP потенциально может помочь вам:

• Уменьшите показатель отказов — взаимосвязь между показателем отказов и временем загрузки очевидна. Сделайте ваши страницы значительно быстрее, меньше пользователей будут уходить.
• Увеличьте вовлеченность и трафик — в среднем AMP приводит к увеличению общего трафика на 10% и увеличению времени, проведенного на странице, на 100%. Исследование Chartbeat показало, что читатели взаимодействуют с AMP-контентом на 35% дольше, чем со стандартными мобильными страницами.
• Получите повышение SEO — хотя AMP не является прямым фактором ранжирования, скорость — это!
• Увеличьте доход — AMP, по-видимому, связан с увеличением доходов от рекламы и продаж электронной коммерции.
• Попадите в главные новости . Одним из самых больших преимуществ является то, что AMP демонстрирует страницы в карусели Google Top Stories.

Итак, мы увидели, что есть много причин для внедрения AMP для издателей. Теперь, как лучше всего это сделать?

Давайте разберемся.

AMP для WordPress

WordPress был основным партнером проекта AMP, поэтому неудивительно, что внедрить AMP в WordPress очень просто.

Теперь, в 2021 году, настроить AMP на вашем сайте WordPress очень просто. Лучший способ сделать это — использовать один из лучших плагинов AMP для WordPress.

Мы составили список из 5 лучших плагинов AMP, чтобы помочь вам с выбором. Давайте кратко рассмотрим каждый.

Лучшие плагины AMP для WordPress

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

AMP — официальный плагин AMP для WordPress

Если вы новичок в AMP на WordPress, то вам может подойти официальный плагин от проекта AMP. Когда дело доходит до реализации основной идеи плагинов AMP, это трудно превзойти.

Automattic (материнская компания WordPress) и Google вносят свой вклад, и с более чем 500 000 активных установок AMP остается самым популярным плагином AMP в репозитории плагинов WordPress.

Вот некоторые из особенностей, которые делают плагин сильным соперником:

• Автоматизация разметки AMP: AMP автоматизирует процесс вставки разметки AMP. Придерживаясь шаблона создания контента WordPress по умолчанию, пользователи просто следуют обычному рабочему процессу, к которому они привыкли.

• Идентификация источника ошибки: Плагин обеспечивает бесперебойную и безошибочную работу AMP. Ключом к этому является его способность находить и исправлять ошибки в вашем HTML.

• Совместимость тем по умолчанию: AMP также совместим с основными темами WordPress.

С этим плагином можно выбрать один из трех режимов шаблона.

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

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

AMP для WP — ускоренные мобильные страницы

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

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

Вот некоторые другие функции, которые предлагает AMP для WP:

• Поддержка AdSense и возможность отслеживать скрипты
• Совместимость с контактными формами от Gravity Forms, Contact Form 7 и Ninja Forms (требуется платное расширение)
• Интегрируется с WooCommerce и Easy Digital Downloads
• Поддержка по электронной почте и призыв к действию (CTA)
• Полная совместимость плагинов SEO (включая Yoast SEO, All in One SEO, SEOPress и т. д.)

AMP для WP — это бесплатный продукт. Бесплатная версия предлагает только одну тему, которую можно полностью настроить. Премиум-версия начинается с хорошей разовой цены в 19 долларов. Отдельные расширения могут стоить до 89 долларов. Если вам нужна полная полезность на вашем сайте, вы можете заплатить 149 долларов, чтобы получить доступ ко всем расширениям на одном сайте.

AMP WP – Google AMP для WordPress

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

Помимо этих вариантов дизайна, есть еще несколько областей, где вы можете проявить творческий подход:

• Решите, для каких типов записей использовать AMP.
• Переключение между параметрами макета, такими как добавление или удаление заголовка
• Добавьте социальные ссылки
• Включите аналитику отслеживания показателей, такую ​​как Facebook Pixel, Google Analytics и множество других.

Плагин поддерживает приличное количество других вариантов интеграции. Нужна поддержка редактора Gutenberg, боковой панели и слайдера, поддержка Jetpack и Yoast SEO? Вы найдете их все включенными!

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

weeblrAMP

Как и AMP для WP, weeblrAMP — еще один бесплатный плагин AMP для WordPress, о котором стоит упомянуть. Чтобы оправдать начальную цену премиум-версии в 49 долларов, плагин включает в себя множество функций, которые оставляют вас избалованными выбором.

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

• AMP для всех типов контента WordPress (посты, страницы, категории и т. д.)
• Поддержка рекламы в AMP-контенте
• Полная интеграция с другими плагинами, такими как Yoast SEO и Elementor.
• Google Analytics и Диспетчер тегов Google
• Собственные комментарии WordPress на страницах AMP

Если вы решите пойти дальше, вы получите неограниченный доступ к расширенным функциям в премиум-версии. Хотите интегрировать контактные формы от сторонних поставщиков, WooCommerce и Facebook Pixel? Тогда платная версия для вас.

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

Все в одном пакете SEO

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

С более чем 2 миллионами активных установок плагин уже завоевал отличную репутацию среди владельцев сайтов и экспертов по SEO. Если вы беспокоитесь о SEO-эффективности вашего AMP-контента, вам обязательно стоит рассмотреть этот инструмент. Он эффективно интегрируется (не требует сторонних надстроек) с AMP для WP и другими плагинами AMP для WordPress.

Вместе вы можете без проблем получать заголовки, описания и другие важные метаданные и отображать их на AMP. Более того, AIOSEO — единственный плагин, который включает SEO-интеграцию для WooCommerce в своей бесплатной версии!

Частным лицам и компаниям, которым требуются расширенные функции, такие как поддержка нескольких сайтов, интеграция API и карта сайта для видео, необходимо будет приобрести пакет платной подписки. Существует четыре плана от 49,50 до 299,50 долларов в год.

Какой плагин AMP WordPress вам подходит?

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

Хотя любой из предложенных выше вариантов эффективно реализует AMP, каждый из них выделяется в определенных областях.

Вот краткий обзор лучших плагинов AMP для WordPress и почему вы должны их рассмотреть:

1. Официальный плагин AMP: самое простое и эффективное решение для новичков
2. AMP для WP: бесплатный продукт с широким набором функций.
3. AMP WP: бесплатный плагин с достойными вариантами интеграции
4. weeblrAMP: многофункциональное решение, поддерживающее пользовательский код CSS.
5. All in One SEO Pack: мощный SEO-плагин с поддержкой Google AMP

Хотите узнать больше о плагинах для мобильного WordPress? Ознакомьтесь с нашей статьей о лучших мобильных плагинах для WordPress.

Стоит ли использовать AMP для WordPress? (Проблемы с AMP)

Без сомнения, интеграция плагинов AMP на ваш сайт WordPress — отличный шаг. Согласно отчету Google о Slate.com, внедрение AMP способно увеличить трафик вашего сайта на целых 44%. Аналогичные результаты были получены и с другими крупными брендами, такими как WordPress, Reddit, Bing, eBay и Pinterest.

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

Технические проблемы

Во-первых, без надлежащего опыта внедрение и тестирование AMP может быть довольно сложным.

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

Компромиссы дизайна

С самого начала AMP отдавал предпочтение скорости , а не стилю. С AMP вы можете проиграть в отделе дизайна.

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

Вам решать, стоят ли эти компромиссы того.

Если вам действительно важны скорость и мобильный UX, но вы не хотите разбираться с минусами AMP — тогда есть другие варианты.

Альтернативы AMP

Есть две отличные альтернативы AMP, которые позволяют быстро и оптимально работать с мобильными пользователями без особых компромиссов.

Это отличные и превосходные варианты для издателей — прогрессивные веб-приложения и нативные новостные приложения .

Прогрессивные веб-приложения (PWA)

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

Вы получите гораздо более быстрый сайт, все преимущества AMP и многое другое, а также другие преимущества, такие как возможность отправлять push-уведомления и создавать офлайн-функции!

PWA также дают много тех же преимуществ SEO благодаря скорости и постоянно демонстрируют преимущества по всем направлениям для издателей и других компаний, которые их создали.

Чтобы получить полное представление о PWA, ознакомьтесь с нашим подробным руководством, в котором представлено более 50 примеров PWA!

Нативные мобильные приложения

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

• Дом для ваших самых преданных читателей и ценное место на их домашнем экране
• Значительное повышение лояльности, вовлеченности и удержания
• Новый источник дохода за счет рекламы, встроенных покупок и подписок.
• Возможность охватить всех пользователей с помощью push-уведомлений, независимо от устройства
• Ценный канал, который принадлежит вам на 100%, а не Google или любой другой платформе.
• Более высокие коэффициенты конверсии для приложений электронной коммерции

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

Ознакомьтесь с историей Simple Flying, ведущего в мире сайта авиационных новостей. Аудитория их приложений просматривает почти в 50 раз больше статей в месяц и тратит на каждую как минимум в два раза больше времени! Пользователи приложения гипервовлечены до такой степени, что AMP вылетает из воды.

Сообщение Huffington также обнаружило это, а генеральный директор Джимми Мэйманн отметил, что:

«Люди, которые загружают наше приложение, посещают его гораздо чаще и просматривают в 10 раз больше статей, чем люди, приходящие из мобильного Интернета».

Как вы можете воспроизвести эти впечатляющие результаты для своего собственного бренда?

Создание PWA и нативных новостных приложений

У медиа-брендов, таких как NYT и Huffington Post, есть отличные новостные приложения и PWA. Хотя построить их было непросто.

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

Лучший способ уравнять правила игры — использовать MobiLoud News. Новости — это наша платформа для преобразования любого сайта издателя WordPress в собственные новостные приложения для iOS и Android. Конечным результатом станут приложения, не уступающие по качеству приложениям всемирно известных медиа-брендов — просто посмотрите, как журнал Foreign Policy Magazine создал свои флагманские приложения с помощью News.

Мы также можем настроить для вас PWA, предоставляя вам наилучший мобильный UX как для посетителей веб-сайта, так и для вашей основной аудитории, которая будет загружать приложения.

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

Лучше всего то, что вы сэкономите 90% от стандартной цены, а приложения будут готовы менее чем за месяц. Если вы имеете право на участие в нашей программе для издателей, вам даже не придется ничего платить вперед!

Наша команда берет на себя все хлопоты, включая настройку приложений, отправку их в App Store и Google Play, а также мы берем на себя все текущее обслуживание и обновления в рамках нашего полного обслуживания, экономя вам тысячи долларов и десятки головные боли каждый год.

Мобильный UX — король

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

В 2021 году это означает нативные приложения и быстрый доступ в Интернет, а MobiLoud News — лучший способ добиться и того, и другого, эффективно и по доступной цене.

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

Закажите демонстрационный звонок сегодня!