Налаштування AMP на WordPress за 10 хвилин

1. Що таке AMP?
2. Переваги використання AMP для сайту
3. Налаштування AMP на WordPress за 5 хвилин
4. Перевірка AMP на сайті онлайн
5. Результати роботи (оновлено 10.07.2017)

Новий тренд мобільного верстки AMP вже з'явився в Google Webmaster Tools і доступний для використання веб-майстрами. У статті обговоримо що це, переваги використання і налаштування AMP на WordPress.

Що таке AMP?

AMP (accelerated mobile pages) - сторінки для мобільних пристроїв з прискореної завантаженням.

Насправді, AMP - це не просто сторінки, а новий стандарт сторінок з власної розміткою, обмеженнями та вимогами.

Детальну інформацію про AMP ви можете знайти на офіційному сайті проекту www.ampproject.org .

Рекомендації Google для індексування сторінок в форматі AMP HTML ви можете знайти на сторінці https://support.google.com/webmasters/answer/6340290?hl=ru (Якщо будете налаштовувати під WordPress, заглиблюватися у вивчення не потрібно).

Читайте також: Налаштування AMP на магазині WooCommerce

Переваги використання AMP для сайту

Після появи AMP проста адаптивна верстка стала неефективним рішенням адаптації для мобільних пристроїв! Сторінка зі звичайною адаптивної версткою - це лише красива оболонка, в якій зручно працювати, але яка завантажує всі скрипти, стилі і блоки з комп'ютерної версії сторінки, просто приховуючи їх клієнтам з мобільним пристроїв.

Сторінка в форматі AMP не містить зайвого коду - використання HTML, CSS і JS обмежена. У AMP HTML контент сторінки, який потрібно донести відвідувачеві, повністю передається в незмінному вигляді.

Коментар Андрія Ліпатцева про технологію AMP, її придатність і переваги:

Налаштування AMP на WordPress за 5 хвилин

1. Встановлюємо модуль «AMP». У цього модуля немає налаштувань, після його установки у вашого блогу відразу з'являються клони записів і сторінок в форматі AMP, доступні за посиланням поста або сторінки з додаванням в URL / amp / або якщо не налаштоване ЧПУ -? Amp = 1. Додатково, в звичайні статті додається рядок, яка сповіщає Google про те, що у сторінки є клон в форматі AMP HTML.
2. Встановлюємо модуль «Glue for Yoast SEO & AMP». Цей модуль з'єднує настройки Yoast SEO і плагіна AMP. Крім того, з'являються додаткові налаштування (у вкладці Yoast -> AMP). Наприклад, з його допомогою можна встановити код Google Analytics або Яндекс Метрика, стилізувати сторінки або застосувати кастомний javaScript, вибрати таксономії, для яких потрібно включити генерацію сторінок в форматі AMP.

Не вийшло налаштувати AMP на вашому WordPress? зверніться по контактам і я допоможу за $ 30.

Перевірка AMP на сайті онлайн

Щоб перевірити, чи коректно відпрацьовує код, відкрийте вашу сторінку в форматі AMP в браузері Google Chrome. Натисніть праву кнопку в будь-якій частині сторінки -> Переглянути код -> Console. Нижче скріншот того, що ви повинні побачити в підсумку (Powered by AMP ⚡ HTML). Якщо в коді помилки - вони висвітяться в консолі.

Результати роботи (оновлено 10.07.2017)

На моєму блозі почали індексуватися AMP-версії постів. Всі вони в топі Google за їх назвами та пов'язаним пошуковим запитам, якщо гуглити на мобільному пристрої. Скріншот одного із запиту, за якими вийшли в топ відразу 2 статті.