Пропустить

Элементы для запуска AMP для WordPress

Divi: самая простая тема WordPress для использования

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

Facebook Мгновенные Статьи et Новости Apple это два других проекта по оптимизации мобильного контента, но они заблокированы в одной среде. Facebook Instant Article работает только в приложении Facebook, а Apple News - только тем, у кого есть устройства Apple. То, что эти программы стремятся сделать для своей аудитории, проект AMP имеет целью сделать для всех платформ.

Уже сейчас статьи формата AMP используются приложениями Google Search и LinkedIn, Twitter, Pinterest, Medium и Nuzzle. И поскольку AMP является инициативой с открытым исходным кодом, в любое время могут присоединяться дополнительные платформы.

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

Ускоренные мобильные страницы с AMP

Как подготовить

Давайте договоримся об этом: статьи AMP не являются подходящей заменой для того, чтобы иметь отзывчивый веб-сайт. Даже с доступными элементами AMP посетители вашего сайта будут иметь доступ к стандартным контентом (пока все равно, эти вещи могут измениться, если браузеры также станут совместимыми с форматом AMP).

Итак, когда посетители видят ваш контент AMP? Посетители смогут увидеть ваш контент AMP с определенных платформ, которые используют этот формат.

Вот некоторые примеры:

  • Если кто-то делится одной из ваших статей в Twitter, когда посетитель, использующий приложение Twitter, открывает ссылку, он будет получать доступ к содержимому AMP. То же самое касается доступного контента с использованием приложений LinkedIn, Pinterest, Medium и Nuzzle.
  • Когда кто-то использует браузер на мобильном устройстве, чтобы выполнить поиск Google для истории новых тенденций, в статьях результатов поиска «Лучшие истории» будет показан ряд статей AMP.
  • Всякий раз, когда новая платформа добавляет поддержку контента AMP, ваш контент будет обслуживаться для пользователей этой платформы в формат AMP.

Как MPA?

Статьи AMP построены со специальной библиотекой HTML с настраиваемыми элементами. AMP ограничивает определенные функции HTML, CSS и JavaScript для ускорения контента на мобильных устройствах. Некоторые ограничения AMP включают:

  • Все сценарии должны загружаться асинхронно. Интерактивные функции должны быть добавлены настраиваемым образом с помощью AMP HTML или в iframe. Это позволяет отображать веб-страницу, не дожидаясь загрузки сценариев заранее.
  • Все внешние ресурсы, такие как встроенные изображения, рекламные объявления и твиты, а также изображения Instagram, загружаются в виде объектов HTML и должны указывать их размер, чтобы их можно было настроить до загрузки ресурса.
  • Стили CSS должны быть объявлены в онлайн-листе, связанном с максимальным размером 50 kb.
  • Поскольку сценарии загружаются асинхронно, загрузка веб-шрифтов, которые часто очень громоздки, запускаются перед другими ресурсами.
  • Анимации не может повлиять на макет.
  • Загрузка ресурсов приоритизирована на основе позиции, причем сначала загружается контент.

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

История двух документов

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

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

Стандартная версия вашей веб-страницы связана с версией AMP со ссылкой, которая выглядит так:

<link rel = "amphtml" href = "http://www.example.com/amp_article_url">

Версия ссылок AMP связана со стандартной версией с помощью аналогичного элемента:

<link rel = "canonical" href = "http://www.example.com/full_article_url">

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

Упростите свою жизнь с помощью плагинов

Если вы чувствуете себя немного ошеломленным мыслью о том, чтобы научиться AMP HTML, чтобы создать специально отформатированные документы, вы можете использовать для этого плагины. На самом деле, есть несколько разных плагинов уже в каталоге WordPress Plugin, которые вы можете использовать.

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

Проект мобильных ускорителей (AMP)

Проект AMP Mobile Acceleration Pages (AMP)

Скачать

Установка и активация плагина и форматированных статей AMP будет генерироваться автоматически по адресу, подобному этому http://example.com/permalien-de-larticle/amp/, На данный момент этот плагин не создает статьи AMP для статей, а не страниц.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Этот плагин работает отлично. Статьи AMP были красиво отформатированы

Пользовательский AMP

AMP Пользовательское WordPress плагин

Скачать

Плагин Custom AMP позволяет вам настроить элемент AMP, сгенерированный плагином AMP. После установки плагина AMP установите этот плагин, чтобы добавить настраиваемую панель AMP на панель инструментов. На панели можно добавить выбранный логотип или изображение, выбрать, отображать ли комментарии, интегрировать WooCommerce, ссылаться на статьи, добавить меню навигации, добавить код отслеживания Google Analytics, добавить собственный код CSS и добавить дополнительный HTML-контент в нижний колонтитул статьи.

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

Facebook Мгновенные Статьи и Google Страницы по AMP PageFrog

Facebook Мгновенные Статьи и Google Страницы по AMP PageFrog WordPress плагин

Скачать

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

Плагин PageFrog является более полным вариантом, чем плагин AMP. Он включает интеграцию с несколькими платформами аналитики, напрямую подключается к Facebook-объявлениям и Google AdSense и добавляет " автомагически Выбранное изображение без нарушения проверки AMP.

Подводя итог

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

С основными платформами, такими как Google, Twitter, Pinterest, Linked, формат AMP уже является основным игроком в мобильной оптимизации. Если вы публикуете сообщения в блогах или новостные статьи на регулярной основе, создание статей AMP больше не будет для вас вариантом.

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

Вот для этого урока. Не стесняйтесь делиться ими со своими друзьями в своих любимых социальных сетях.

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
8 акции
доля8
чирикать
Регистрация
WhatsApp