Як встановити та налаштувати плагін Accelerated Mobile Pages (AMP) у WordPress
Сторінки, оптимізовані з AMP, з'являться в мобільному браузері в топ результатів Google Search, відсунувши статті в традиційному HTML вниз рейтингу. Завантажуватись вони будуть миттєво.
Щиро кажучи, ми скептично налаштовані по відношенню до AMP для блогерів чи невеликих видавців. Часто ми пишемо контент, який потрапляє до топ-результатів Google Search. А тепер доведеться освоювати нову технологію з обмеженими ресурсами та надією, що наш контент опиниться в топі. Цікаво, що на відміну від великих видавництв, у пошуку немає записів блогів в AMP:
У 1995 році Microsoft випускав MSN News як частину MSN Online Network, яка була запущена з Windows 95 - відповідь Microsoft на AOL. MSN News вимагали Application Viewer, що працював на платформі Microsoft Media Viewer. Протягом року мало статися злиття веб з NBC, що пізніше стало MSNBC.com. Microsoft налаштовував своє середовище розробки, щоб одночасно генерувати Media View і HTML. Це створило величезну кількість нових проблем.
Безкоштовний плагін WordPress AMP
Хороша новина в тому, що WordPress випустивбезкоштовний AMP плагін, який допоможе вам впровадити AMP без зайвих зусиль. Проте є й багато обмежень. Потрібно спростити дизайн, бувають конфлікти з WordPress плагінами та загальними методами оптимізації. AMP може стати додатковим тягарем для розробників WordPress тем.
AMP знаходиться тільки на початку свого шляху, і ми розчаровані, що Google вирішив створити абсолютно нове середовище розробки, а не вибрав шлях працювати з видавцями над оптимізацією HTML5 для швидкого настроювання завантаження сторінки. Це було б логічніше. Але ж у команді Googleодні генії! (Сарказм.)
Незважаючи на наші побоювання, сьогодні ми розповімо вам про встановлення AMP плагіна для WordPress і Yoast SEO Glue для AMP плагіна, що дозволить вам краще контролювати зовнішній вигляд вашого сайту.
Як виглядає AMP на WordPress?
У прикладі ви можете побачити різницю між AMP і HTML сторінками. Звичайно, у версії AMP сторінка завантажується швидше.
Зображення сторінки в оригіналі на HTML5 :
Тег наступного посилання додано до кожної сторінки в блок head >. Це повідомляє пошукові системи, що доступна AMP версія цієї сторінки.
Зображення сторінки в AMP версії :
Прибрали меню та навігацію по сайту, а також практично всю фірмову символіку, зате сторінка завантажується дуже швидко.
Давайте поговоримо про активацію AMP на WordPress.
AMP WordPress Plugin
Ви можете вивчити тазавантажити AMP WordPress Plugin з директорії плагінів WordPress, або прямо зі своєї консолі.
Просто зайдіть в Плагіни → Додати новий і пошукайте AMP:
Після встановлення натисніть Активувати:
Glue for Yoast SEO & AMP
Універсальний AMP плагін від WordPress пропонує декілька налаштувань. Yoast SEO створили аддон для їхнього популярного плагіна, який додатково посилює вашу підтримку AMP.
Ви можетезавантажити Glue for Yoast SEO & AMP із безкоштовного каталогу плагінів. Але спочатку переконайтеся, що ви встановили плагінYoast SEO.
Ви можете змінювати налаштування AMP через бічне меню Yoast SEO – просто натисніть AMP внизу меню:
По-перше, Yoast дозволяє вам розширити функціональність AMP. За умовчанням, AMP змінює лише актуальні записи – це спеціальні статті новин:
Примітка: Якщо ви бачите порожністорінки під вкладками, то переконайтеся, що оновили оригінал плагіна Yoast SEO, це має допомогти.
По-друге, Yoast пропонує кілька корисних способів налаштування фірмової символіки, дизайну та кольорів:
І нарешті, вони пропонують спосіб розміщення коду користувача Analytics в стилі AMP. Це не так просто, як здається. Зверніть увагу на код, який ми вставили нижче:
Ми знайшлиAMP версію для впровадження Google Analytics. Просто налаштуйте свій вихідний код для вашого веб-сайту:
Ми впевнені, що Yoast продовжить оновлювати свій плагін Glue разом із розвитком AMP плагіна.
Налагодження помилок AMP
Через кілька днів після встановлення AMP ми отримали електронний лист від Google Search Console, який повідомляє про помилки на 10 сторінках. Але насправді не працювали всі наші записи AMP на сайті.
Ми натиснули на одну зі сторінок:
Потім натиснули Open Page і розглянули помилки детальніше. Ви можете зробити це вручну, додавши/amp#development=1 в кінці URL. А потім відкрити Developer Console у вашому браузері:
Нам потрібно провести більше досліджень, наприклад, чи вимкне W3 Total Cache скрипти для певних шляхів, як/amp/, чи потрібно шукати інше рішення. Повернувши цей скрипт назад у head > ми руйнуємо Google Page Speed.
Ми так і не вирішили, що важливіше: Google Page Speed, підтримка AMP або розробка та налагодження.
Ми не впевнені, чи дійсно AMP сторінки вашого блогу з'являться в топі пошуку, а також сумніваємося, що ви отримаєте великий дохід від них без додаткових налаштувань. Здається, Google пристосовує AMP для великих медіа видавництв, які мають ресурси для налаштування фірмової символіки, естетичності та доходу.
AMP – це загальнодоступний шляхоптимізації веб, а Facebook Instant Articles тільки "для еліти". Але ми б надали перевагу, щоб Google створив модель пріоритетного завантаження в HTML5.
Ми вважаємо, що AMP заважає дрібним видавництвам працювати. Ми раді, що WordPress не перестає допомагати, швидше за все дизайнери тим теж щось вигадають. Здається, Google тепер почав допомагати лише великим веб-видавцям.