Швидке керівництво по налаштуванню AMP на WordPress

1. Крок 1. Встановіть і активуйте AMP-плагін (и)
2. Крок 2: Налаштуйте Google Analytics
3. Крок 3. Налаштуйте параметри плагіна Glue for Yoast SEO
4. Крок 4. Перевірте настройки AMP
5. Крок 5. Додайте найважливіші AMP-сторінки в Google
6. Крок 6: Перевірте звіт по AMP в Search Console
7. Крок 7. Перевірте швидкість завантаження сторінок
8. Почніть роботу з AMP

Наша команда-партнер Artmisto

Автор: Стефані Левон (Stephanie LeVonne) - SEO-аналітик в агентстві інтернет-маркетингу Elite SEM.

У сучасному мобільно-орієнтованому світі швидке завантаження сторінок - це необхідна умова для задоволеності користувачів. Крім того, швидкість сайту впливає на конверсію і показник відмов.

Сьогодні користувачі очікують, що мобільні сайти будуть завантажуватися так само швидко, як і їх десктопні еквіваленти. за підрахунками Amazon, лише 1 секунда затримки в завантаженні сторінок могла б привести до зниження річної виручки компанії на $ 1,6 млрд.

Прискорені мобільні сторінки (Accelerated Mobile Pages, AMP) за короткий час стали стандартом того, як повинні створюватися швидкі сторінки. AMP завантажуються на 15-80% швидше, ніж звичайні мобільні сторінки без втрат у функціональності. Складність впровадження цієї технології багато в чому залежить від використовуваної CMS. При цьому WordPress може стати відмінною тестової середовищем для того, щоб подивитися, як буде виглядати ваші прискорені сторінки.

Щоб налаштувати AMP на WordPress, дотримуйтесь наступних 7 кроків.

Примітка. Даний посібник передбачає, що під час налаштування WordPress ви активували плагін Yoast SEO . Якщо це не так, ви можете пропустити ті частини керівництва, які з ним пов'язані. AMP-функціональність ви зможете впровадити і без нього. Однак ми настійно рекомендуємо використовувати цей плагін, якщо ви серйозно налаштовані щодо SEO-оптимізації вашого сайту на WordPress.

Крок 1. Встановіть і активуйте AMP-плагін (и)

Щоб почати впровадження AMP, вам потрібен додаток AMP від ​​Automattic . Це базовий плагін, який потрібен для того, щоб AMP-сторінки працювали.

Він буде автоматично генерувати сумісні з AMP версії ваших постів. Щоб їх переглянути, потрібно додати / amp / в кінець URL. наприклад:

Зверніть увагу, що в результаті використання цього плагіна AMP-сумісними будуть тільки пости, а не сторінки. Щоб зробити AMP-сумісними сторінки, потрібно буде встановити додатковий плагін (подробиці нижче).

Після встановлення плагіну AMP ви зможете доповнити його іншими плагінами для розширення функціональності. Є кілька безкоштовних варіантів для вибору. Ми радимо використовувати такі:

• AMP for WP - Accelerated Mobile Pages . Серед можливостей цього плагіна значиться інтеграція з Google AdSense, підтримка rel = canonical, зручний конструктор AMP-сторінок і можливість створювати AMP-контент, який відрізняється від вмісту стандартних мобільних сторінок.

• Glue for Yoast SEO & AMP . За допомогою цього плагіна можна робити сторінки, пости і медіафайли сумісними з AMP. Glue for Yoast також гарантує, що встановлений за замовчуванням AMP-плагін використовує коректні метадані. Так само, як і плагін AMP для WP, він дозволяє налаштовувати оформлення AMP-сторінок. Крім того, він дозволяє вибрати іконку і поміняти то, як логотип сайту буде виглядати на AMP-сторінці.

Примітка. Для роботи цього плагіна необхідно встановити і активувати плагін Yoast SEO.

Крок 2: Налаштуйте Google Analytics

Щоб налаштувати Google Analytics, спочатку потрібно знайти ідентифікатор відстеження сайту. Для цього виконайте такі дії:

• Прихильника чи критика наразі Google Analytics.
• Натисніть Адміністратор.
• У спадному меню в стовпці АККАУНТ виберіть потрібний обліковий запис.
• В меню РЕСУРС виберіть потрібний ресурс.
• У розділі РЕСУРС виберіть Відстеження> Код відстеження. Ідентифікатор буде розташований у верхній частині сторінки. Він повинен починатися з UA.

Скопіюйте свій ідентифікатор відстеження, потім увійдіть в WordPress. На панелі навігації зліва перейдіть в розділ AMP> Analytics і вставте ID в поле «Google Analytics». Потім натисніть «Save Changes».

Крок 3. Налаштуйте параметри плагіна Glue for Yoast SEO

На цьому кроці ми розглянемо базові варіанти конфігурації плагіна Glue for Yoast SEO, який згадувався на першому кроці. Ви можете пропустити цей етап, якщо ви вирішили не встановлювати даний плагін.

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

Щоб почати, перейдіть в Yoast SEO> AMP> Post Types. Тут ви зможете вказати, які типи постів повинні бути сумісними з AMP.

На другій вкладці, «Design» ви зможете налаштувати оформлення AMP-сторінок: застосувати стилі CSS, налаштувати колір шрифту і посилань, завантажити призначену для користувача іконку AMP і встановити зображення за замовчуванням для тих сторінок, у яких немає пов'язаних з ними картинок.

Крок 4. Перевірте настройки AMP

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

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

• Варіант 1. Інструмент «Перевірка сторінок AMP»
  • Перейдіть за посиланням: https://search.google.com/test/amp .
  • Введіть потрібний URL, натисніть «Перевірити», оцініть результат - відповідає чи не відповідає сторінка критеріям AMP.

• Варіант 2. Консоль розробника в браузері Chrome
  • Відкрийте AMP-сторінку в браузері. Додайте в кінець URL наступну фразу: # development = 1. приклад: http://eliteseoteam.com/healthy-spaghetti-squash-pad-thai/amp/#development=1
  • Відкрийте консоль розробника (натисніть F12 або в меню Chrome виберіть «Додаткові інструменти», потім - «Інструменти розробника») і перевірте сторінку на наявність помилок валідації. Якщо все в порядку, валідація повинна бути успішною.

• Варіант 3: AMP Validator
  • Перейдіть за посиланням: https://validator.ampproject.org/
  • Введіть адресу AMP-сторінки в поле «URL», натисніть «Validate».
  • Інструмент знайде і виділить помилки в HTML-коді.

Примітка. Ви також можете використовувати розширення AMP Validator для Chrome , Щоб отримати ті ж результати прямо на сторінці.

Крок 5. Додайте найважливіші AMP-сторінки в Google

• При використанні інструменту «Перевірка сторінок AMP» ви можете натиснути «Додати в Google» відразу після отримання позитивного результату перевірки.
• Інший спосіб: якщо ви авторизовані в Search Console, ви можете додати сторінку в Google прямо в результатах пошуку:

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

Крок 6: Перевірте звіт по AMP в Search Console

Google Search Console дає можливість управляти всіма AMP-сторінками в одному місці.

У ньому буде представлено кількість проіндексованих сторінок і помилки, виявлені при їх скануванні. Виявивши недоліки, ви зможете усунути їх за допомогою інструментів, описаних у кроці 4.

Крок 7. Перевірте швидкість завантаження сторінок

Пройшовши всі попередні кроки, оцініть отримані вигоди. Перевірте швидкість завантаження прискорених і стандартних мобільних сторінок за допомогою відповідного інструменту (наприклад, WebPageTest ) І порівняйте результати.

Почніть роботу з AMP

В недалекому майбутньому Google запустить mobile-first індекс і почне враховувати швидкість завантаження мобільних сторінок в ранжируванні. Тому зараз впровадження AMP стає критично важливим для сайтів. Дотримуючись запропонованим вище кроків, ви зможете швидко і легко налаштувати AMP на своєму WordPress-сайті.

За останніми новинами Google AMP можна стежити на сайті проекту .