Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

За останні кілька років багато що змінилося, коли справа доходить до впровадження AMP у WordPress, і вам більше не потрібен AMP для досягнення деяких переваг, раніше пов'язаних з AMP (наприклад, поява в результатах Google Top Stories на мобільних пристроях).

У цій статті ви дізнаєтеся про нові корисні плагіни та зміни в екосистемі AMP.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Щотаке Google Accelerated Mobile Pages (AMP)?

Google Accelerated Mobile Pages, або скорочено AMP – це платформа, яка оптимізує продуктивність вашого сайту на мобільних пристроях.

По суті це особливий спосіб кодування сайту, оптимізований для підвищення продуктивності. Вам не потрібно бути розробником, щоб настроїти це все на WordPress. Є кілька відмінних плагінів WordPress AMP, які можуть дати раду всім за вас.

Однак корисно розуміти, що відбувається за лаштунками і чому AMP «відокремлений» від мобільної версії вашої теми WordPress.

Друга ключова частина AMP – це кешування. Ваш AMP-контент кешуватиметься на серверах різних платформ, в першу чергу Google. Припустимо, хтось шукає ваш сайт у Google. Потім Google може надати їм AMP-версію вашої сторінки прямо зі свого кеша.

Google – не єдине джерело кешування. Bing також має власний кеш AMP.

Ця комбінація «оптимізований код + кешування» забезпечує блискавичне завантаження.

Який вигляд має контент AMP?

У результатах пошуку Google контент AMP позначений AMP. Наприклад, ви побачите піктограму AMP у верхньому правому куті під час перегляду поля Google Top Stories:

Google Top Stories

Щодо вашого власного сайту, тут немає особливого «AMP-дизайну». Якщо все зроблено правильно, ваш AMP-контент має виглядати приблизно так само, як і ваш не-AMP-дизайн. Велика різниця – це закулісний код та кешування.

Переваги Google AMP для WordPress

  • AMP значно прискорює завантаження сайту для мобільних відвідувачів, що зручно для користувачів.
  • Ви можете підвищити залучення користувачів. Багато власників повідомляють про збільшення часу перебування на сайті, кількість сторінок за відвідування та інші показники.
  • Ви також можете підвищити шанси, що ваш сайт з'явиться в рейтингу Google Top Stories. Вам більше не потрібно використовувати AMP для відображення, тому що тепер він базується на Core Web Vitals. Тим не менш, AMP, як і раніше, залишається одним з кращих способів покращити показники Core Web Vitals, тому ця перевага зберігається, хоча і непрямим чином.
  • Оскільки час завантаження сторінки є фактором ранжування в індексі мобільного пошуку Google, використання AMP може опосередковано підвищити SEO рейтинг за рахунок підвищення продуктивності сайту на мобільних пристроях. Наприклад, WompMobile проаналізував 26 доменів, у які вони додали підтримку AMP, виявили, що органічний трафік збільшився в середньому на 27,1%, а CTR у результатах пошуку зріс на 15,3%.

Мінуси Google AMP для WordPress

  • Через кешування ваш сайт буде виглядати так, начебто він обслуговується з домену Google, а не з вашого власного домену по замовчуванням. Однак ви можете вирішити цю проблему за допомогою функції Cloudflare AMP Real URL.
  • Деякі власники сайтів повідомляють про проблеми з монетизацією/коефіцієнтом конверсії AMP-контенту. Однак, це, ймовірно, в основному визначається тим, як ви реалізуєте AMP, а не обов'язково самим AMP.

Ось приклад проблеми з URL-адресою – розповімо як виправити це наприкінці посту:

Ось приклад проблеми з URL-адресою

Дивіться також:

Як запросити у Google повторне сканування URL-ів вашого сайту WordPress.

Як налаштувати Google AMP для WordPress

У вас є кілька варіантів використання Google AMP у WordPress:

  • Виберіть AMP-сумісну тему.
  • Використовуйте плагін WordPress AMP, що настроюється.

1. AMP-сумісна тема

Найпростіший спосіб – вибрати тему WordPress із вбудованою підтримкою AMP. З моменту першого запуску AMP у 2016 році багато найпопулярніших тем додали вбудовану підтримку AMP.

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

Рекомендуємо йти цим шляхом, якщо це можливо, з кількох причин:

  • Це найпростіший варіант, тому що тут дуже мало ручного налаштування.
  • Це гарантує, що ваш AMP-контент відповідає решті вашого сайту (одна з найбільших проблем при впровадженні AMP).

Ось деякі приклади тем із вбудованою підтримкою AMP:

  • Astra – пропонує вбудовану підтримку AMP та намагається автоматично підібрати стиль.
  • GeneratePress – пропонує підтримку AMP через офіційний плагін інтеграції на GitHub.
  • OceanWP – пропонує вбудовану підтримку AMP для більшості функцій, за деякими винятками, докладно описаними у цій статті.
  • Фірн – пропонує вбудовану підтримку AMP, за деякими винятками, які докладно описані у цій статті. Для функцій, які працюють, вже реалізовані резервні варіанти.

Ви також можете звернутися до документації розробника вашої теми, щоб дізнатися, чи в темі є вбудована підтримка AMP.

Пам'ятайте – навіть з AMP-сумісною темою все одно необхідно встановити офіційний AMP-плагін, щоб включити AMP у функціонал WordPress.

Коли ви налаштуєте функції офіційного плагіна в майстрі установки, виберіть Перехідний для Template Mode:

Template Mode

Якщо ви перейдете в AMP → Установки, ви також можете увімкнути / вимкнути AMP для певних типів записів, а також зробити інші варіанти конфігурації, наприклад, зупинити певні плагіни від запуску на ваших сторінках AMP:

AMP Налаштування

2. Використовуйте плагін WordPress AMP

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

Найпопулярніший варіант – це плагін AMP для WP. Одна з справді добрих особливостей цього плагіна – він пропонує підтримку Elementor та Divi. Так що якщо ви створили свій сайт за допомогою одного з цих конструкторів сторінок, плагін може бути відмінним варіантом для додавання AMP. Зазвичай він включає безліч додаткових параметрів налаштування та інтеграції (наприклад, підтримку популярних плагінів форм).

Після того, як ви встановите та активуєте безкоштовний плагін з WordPress.org, він запустить майстер налаштування важливих параметрів. Ви можете використовувати базове або розширене налаштування відповідно до ваших потреб:

Активація плагіна

Якщо ви увімкнули розширене налаштування, то отримаєте більше можливостей налаштувати дизайн контенту AMP. Ви можете вибрати із запропонованих готових макетів/тем (хоча для більшості потрібна преміум-версія).

Дизайн AMP-контенту

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

Знову ж таки, цей метод виразно складніший, ніж вибір теми, що вже має підтримку AMP. Але в такому підході є низка переваг:

  • Працює з конструкторами сторінок (Elementor та Divi).
  • Має інтеграції для безлічі плагінів, крім вашої теми, таких як плагіни контактної форми.
  • Дозволяє додавати AMP, що настроюється, навіть якщо ваша тема не підтримує AMP.

Хоча основний плагін безкоштовний, розробник продає понад 47 розширеньякі можуть вас зацікавити. Ці розширення призначені для додавання нових інтеграцій, функцій та варіантів компонування.

Як використовувати справжні URL-адреси AMP для WordPress

Як вже згадувалося в розділі «За» та «Проти», одним великим недоліком Google AMP є те, що ваші AMP-сторінки будуть виглядати так, начебто вони обслуговуються з кешу, а не доменне ім'я вашого веб-сайту.

Наприклад, якщо хтось натискає на результат AMP для вашого сайту в Google, URL буде починатися з https://google.com/amp/. Вочевидь, це дуже добре з погляду маркетингу.

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

Щоб увімкнути цю функцію, потрібно додати свій сайт WordPress у Cloudflare, якщо ви ще цього не зробили. Потім перейдіть до параметрів швидкості та виберіть вкладку Оптимізація. Якщо ви прокрутите вниз, побачите параметр, що дозволяє включити реальний URL AMP:

Включити реальну URL-адресу AMP

Google AMP – це цікавий спосіб покращити час завантаження мобільної сторінки вашого сайту та підвищити зручність роботи користувачів.

У міру зростання популярності за останні кілька років багато тем WordPress почали пропонувати вбудовану підтримку AMP, що спрощує використання AMP і забезпечує однаковий дизайн всього сайту. Але якщо ваша тема не підходить, ви можете використовувати плагін AMP for WP.

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

Джерело:  wplift.com

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 1

Ксенія Юріївна Бастрикова:

Здрастуйте, встановила AMP на свої сайти і тепер знайомлюся. Але на мою думку це дуже хороший спосіб для прискорення мобільних сторінок. Однак Google не дуже поспішає індексувати нові сторінки для мобільних користувачів.

Додати коментар або відгук