AMP It Up! Почему и как Drupal AMP (и что он может сделать с вашим сайтом)

Когда в октябре 2015 года был запущен проект ускоренных мобильных страниц (AMP) с открытым исходным кодом, Google AMP часто сравнивали с мгновенными статьями Facebook. Тем не менее, оба технологических гиганта разделяют общую цель - ускорить загрузку веб-страниц. В то время как AMP можно получить с помощью веб-URL, мгновенные статьи Facebook были нацелены только на облегчение боли для пользователей приложений. Объединившись с некоторыми влиятельными партнерами по запуску в издательском и технологическом секторах, Google AMP стремился повлиять на будущее распространения контента на мобильных устройствах.

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

Что такое AMP?

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

AMP - это платформа с открытым исходным кодом, которая упрощает HTML, оптимизирует правила CSS, ограничивает использование Javascript (вместо этого может использовать библиотеку компонентов AMP) и доставляет страницы через кеш Google AMP (сеть доставки контента на основе прокси).

Почему AMP ??

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

Это быстро, как очень быстро

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

Органический стимул

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

Рентабельность инвестиций

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

Drupal и AMP

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

AMP создает HTML, который ускоряет работу в Интернете. Реализовать модуль AMP в Drupal действительно просто. Просто скачайте, включите и настройте!
Прежде чем вы начнете интеграцию модуля AMP с Drupal, вам необходимо:
Модуль AMP: модуль AMP в основном обрабатывает преобразование обычных HTML-страниц Drupal в страницы с жалобами на AMP.

Два основных компонента модуля AMP:

Модуль AMP: модуль AMP в основном обрабатывает преобразование обычных HTML-страниц Drupal в страницы с жалобами на AMP.
Два основных компонента модуля AMP:

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

Библиотека AMP PHP: состоящая из базовой темы AMP и подтемы ExAMPle, библиотека Drupal AMP PHP обрабатывает окончательные исправления. Пользователи также могут создать свою собственную подтему AMP с нуля или изменить подтему ExAMPle по умолчанию в соответствии со своими конкретными требованиями.

Как настроить AMP с Drupal?

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

Загрузите модуль AMP

Подготовив локальный компьютер, введите следующую команду терминала:

drush dl amp, amptheme, composer_manager

Эта команда загрузит модуль AMP, тему AMP и модуль Composer Manager (предположим, если у вас еще нет Composer Manager).

Если вы были пользователем Drupal 8, вы, вероятно, знакомы с Composer и его функцией как упаковочного инструмента для PHP, который устанавливает зависимости для проекта. Компоновщик используется для установки библиотеки PHP, которая преобразует необработанный HTML в AMP HTML. Также композитор поможет наладить работу этой библиотеки с Drupal.

Однако, поскольку для модуля AMP явно не требуется Composer Manager для зависимости, альтернативные рабочие процессы могут использовать файлы Composer модуля без использования Composer Manager.

Затем включите элементы, необходимые для начала работы:

drush en composer_manager, amptheme, ampsubtheme_example

Перед включением самого модуля AMP необходимо включить подтему AMP. В конфигурации по умолчанию для модуля AMP для темы AMP установлено значение «ExAMPle subtheme».

Как включить модуль AMP?

Модуль AMP для Drupal можно включить с помощью Drush. После включения модуля Composer Manager позаботится о загрузке других библиотек AMP и их зависимостей.

drush en amp

Конфигурация

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

Установка темы AMP

После того, как модуль AMP и тип контента настроены, пора выбрать тему для страниц AMP и настроить ее. Модули просмотра и средства форматирования полей модуля Drupal AMP заботятся об основном содержимом страницы. С другой стороны, тема Drupal AMP изменяет разметку за пределами области основного содержимого страницы.

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