Пропустить

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

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

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

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

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

Более Загрузка 554.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)

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

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

Скачать

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

Этот плагин работает отлично. Статьи 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.

Подводя итог

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

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

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

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

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

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

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