Як зробити GeneratePress і AMP повністю сумісними

GeneratePress і AMP сумісні. У цій публікації я покажу вам, як зробити GeneratePress 100% сумісним з AMP.

Accelerated Mobile Pages (AMP) – це проект із відкритим кодом, створений Google разом із Automattic. Мета — зробити сайти швидшими на мобільних телефонах.

Якщо більшість ваших відвідувачів приходять із мобільних пристроїв, то AMP може з часом значно збільшити ваш трафік.

Але якщо у вас більшість відвідувачів із комп’ютера, ви можете не помітити суттєвої різниці, але воно того варте.

GeneratePress це найшвидша тема WordPress, яку я бачив. Ви можете побачити мій Огляд GeneratePress. Хороша новина полягає в тому, що він на 100% сумісний з AMP.

Впровадження AMP на вашому сайті/блозі

Найкращий спосіб впровадження AMP – використання Офіційний плагін AMP який створено та підтримується самою Google.

Відвідайте каталог WordPress, щоб установити та активувати плагін. Для цього натисніть плагіни на інформаційній панелі, а потім натисніть Додати новий. Перейшовши на сторінку, знайдіть AMP. ви побачите плагін AMP.

Після встановлення активуйте плагін. Потім натисніть на налаштування. Ви побачите три варіанти. Стандартний режим, перехідний режим або режим читання. Режим читання працюватиме нормально. Оскільки для роботи він не залежить від вашої теми. Але якщо у вас виникли проблеми із запуском GeneratePress у перехідному або стандартному режимі, виконайте наведені тут дії.

Навіть якщо ви використовуєте інший плагін AMP, ці кроки працюватимуть.

Як зробити GeneratePress і AMP повністю сумісними

Виконайте такі дії, щоб зробити GeneratePress і AMP повністю сумісними:

1. Завантажте та встановіть плагін AMP for GeneratePress

Існує офіційний плагін від Тома Узборна, розробника та засновника GeneratePress. Метою плагіна є вирішення проблем із сумісністю з AMP.

Плагін ще не доступний у каталозі WordPress. Але Том сказав мені в електронному листі, що він незабаром зробить його доступним.

Наразі ви можете отримати плагін з GitHub.

Опинившись там, натисніть Клонувати або завантажити. Потім натисніть завантажити zip.

Тепер, щоб перейти на інформаційну панель WordPress, натисніть плагіни, а потім натисніть «Додати новий». На новій сторінці натисніть плагін завантаження, виберіть файл, який ви щойно завантажили, і встановіть його.

Після встановлення активуйте його. Ось і все.

2. Перемкніть AMP у перехідний або стандартний режим

Тепер знову перейдіть до налаштувань плагіна AMP і перейдіть у перехідний або стандартний режим. Перехідний режим означає, що фреймворк вашої теми використовується для обслуговування AMP і Non-AMP, а стандартний означає, що ваш сайт у першу чергу використовує AMP.

Якщо ваш сайт працює в перехідному режимі AMP, він працюватиме і в стандартному режимі. Єдиною відмінністю між ними є канонічна URL-адреса.

У перехідному режимі потрібно додати ?amp у кінці ваших посилань, включаючи домашню сторінку для доступу до AMP.

Але в стандартному режимі доповнення не потрібні. Ваші канонічні URL-адреси amp.

Для цього тесту я використовую перехідний режим, щоб показати, що він працює. Я віддаю перевагу використанню AMP у режимі читання, оскільки більшість моїх відвідувачів є з комп’ютера.

3. Проведіть тест AMP.

Після переходу на перехідний режим або стандартний. Ви побачите багато помилок! Без паніки!

Ви можете побачити помилки, які я отримав після зміни BloggingTools на перехідний режим.

Було 48 індексів помилок.

Більшість цих помилок є попередженнями. Деякі з них викликані плагінами. Ці попередження мають на меті повідомити вам, що виділені елементи не відображатимуться в AMP.

Я не помітив жодного серйозного попередження, пов’язаного з темою.

Основна проблема, яку я помітив, полягала в моєму плагіні кешування Breeze. Додавання CSS, здається, не влаштовувало AMP. Тому я деактивував Breeze і перейшов до тестування.

Ви можете використовувати Офіційний інструмент Google для тестування AMP.

Результат показує, що AMP працює без проблем. Дивіться нижче.

Ось тест для моєї домашньої сторінки.

Тоді я протестував сторінку допису:

З наведеного вище ви можете бачити, що AMP і GeneratePress повністю сумісні.

Загальні проблеми

Якщо у вас виникають проблеми з роботою AMP у перехідному або стандартному режимі, швидше за все, проблема в одному з ваших плагінів.

Ймовірно, основними винуватцями будуть плагіни кешування або плагіни оптимізації, які не сумісні з AMP.