TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як створити сторінки AMP для сайту WordPress?

3

Майбутнє – це мобільні пристрої, і Google спонукає веб -майстрів та видавців впровадити AMP на своєму сайті. AMP означає Accelerated Mobile Pages, що допоможе швидше завантажувати сторінки на мобільних пристроях. Однак він має недоліки, оскільки не підтримує функції JavaScript, які є частиною багатьох веб -сайтів WordPress. Тому вам потрібно ретельно протестувати сторінки AMP і вирішити, чи працює він для вас, перш ніж впроваджувати їх на веб -сайт. У цій статті ми розглянемо, як створити сторінки AMP для сайту WordPress.

Як це працює?

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

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

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

Створення сторінок AMP для сайту WordPress

У WordPress завжди є кілька варіантів виконання одного завдання, і AMP не є винятком із цього. Ви можете створювати сторінки AMP з наступними трьома параметрами:

  • Використання офіційного плагіна AMP
  • Використання іншого AMP для плагіна WP
  • Знайдіть мобільну тему, що підтримується AMP
  • Реалізуйте AMP вручну

Пояснимо створення сторінок AMP за допомогою офіційного плагіна AMP у цій статті.

Створення сторінок AMP з офіційним плагіном AMP

Увійдіть у свою панель адміністрування WordPress і перейдіть до розділу «Плагіни> Додати новий». Шукайте «AMP» у вікні пошуку, щоб відфільтрувати відповідні результати. Ви знайдете два популярні плагіни AMP, доступні для WordPress у безкоштовному сховищі – AMP офіційною командою WordPress та AMP для WP іншим розробником.

Як створити сторінки AMP для сайту WordPress?

Плагіни AMP WordPress

AMP – це офіційний плагін AMP для WordPress від Google, Automattic та інших розробників. Пояснимо створення AMP -сторінок за допомогою цього офіційного плагіна.

  • Після визначення плагіна встановіть та активуйте на своєму веб -сайті WordPress. Це створить меню “AMP" збоку з параметрами “Загальні” та “Аналітика”.
  • Перейдіть до “AMP> Загальні” та налаштуйте наведені нижче параметри для створення сторінок AMP.

Вивчіть WordPress: Перегляньте 400+ безкоштовних посібників WordPress.

Увімкнення AMP

Ви можете ввімкнути AMP для свого веб -сайту. Просто встановіть прапорець "Веб -сайт" у розділі "Досвід".

Як створити сторінки AMP для сайту WordPress?

Увімкніть AMP на сайті WordPress

Параметр «Історії» буде вимкнено за замовчуванням, оскільки вам потрібен плагін Гутенберга для створення історій за допомогою AMP.

Виберіть режим веб -сайту

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

  • Режим читання – для цього буде використано тему AMP та створено парні сторінки AMP на вашому сайті. Хоча це простий спосіб увімкнути AMP, він створить інший і простий макет для вашого сайту AMP. Цей режим підтримує лише публікації/сторінки та не підтримує переспрямування з мобільних пристроїв. Це, по суті, означає, що ваші сторінки AMP будуть обслуговуватися лише за наявності запиту на / amp / URL від Google або іншої платформи споживання.
  • Перехідний режим – цей режим подібний до режиму читання, який передбачає використання шаблонів вашої поточної теми для створення сторінок AMP.
  • Стандартний режим – якщо ввімкнути цей режим, ваш сайт стане повноцінним сайтом AMP із усіма канонічними URL -адресами, що вказують на / amp / URL -адреси. ІТ також використовує макет вашої теми для створення AMP -сторінок для мобільних пристроїв.

Як створити сторінки AMP для сайту WordPress?

Виберіть режим AMP веб -сайту

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

Вибір типу публікації та шаблонів

Залежно від вибраного режиму ви можете вибрати підтримку типу допису для AMP.

  • Режим читання дозволяє вибирати публікації, сторінки та засоби масової інформації. Ми рекомендуємо вам вибрати дописи, якщо ви хочете використовувати режим читання.

Як створити сторінки AMP для сайту WordPress?

Увімкніть тип публікації та кешування AMP

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

Як створити сторінки AMP для сайту WordPress?

Параметри шаблонів перехідного та стандартного режимів

Перевірка помилок

Знову ж таки, параметр перевірки помилок залежить від обраного вами режиму.

  • Режим читання не потребує перевірки помилок, оскільки він використовує власний макет AMP.
  • У стандартному режимі всі помилки AMP автоматично аналізуються та приймаються, оскільки ваш сайт використовує канонічні URL -адреси AMP.
  • Коли ви використовуєте перехідний режим, ви можете або автоматично отримати доступ до помилок AMP, або перевірити та прийняти вручну. Ми рекомендуємо вам поставити прапорець біля пункту "Автоматичний доступ до дезінфекції для будь -яких нещодавно виявлених помилок перевірки AMP".

Як створити сторінки AMP для сайту WordPress?

Обробка перевірки AMP

Перевірити URL -адреси

Коли ви вмикаєте стандартний або перехідний режим, плагін створює ще два пункти підменю у меню “AMP”. Ви можете перейти до розділу «AMP> Перевірені URL -адреси», щоб переглянути перевірені URL -адреси AMP на своєму сайті. Якщо ви вибрали автоматичну перевірку URL -адрес для перехідного режиму або вибрали стандартний режим, цей розділ призначений для довідки для перегляду перевірених URL -адрес. Якщо ви вимкнули автоматичну перевірку для перехідного режиму, вам слід перевірити розділ «Перевірені URL -адреси» та перевірити вручну, щоб видалити помилки. В іншому випадку це вплине на макети сторінок і, швидше за все, порушить відображення вашого сайту.

Як створити сторінки AMP для сайту WordPress?

Помилки перевірки AMP

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

Індекс помилок

Ви можете перейти до розділу «AMP> Індекс помилок» і переглянути деталі кожної помилки перевірки. У стовпці "Тип" ви можете побачити компонент, який викликає помилку, наприклад JS або CSS. Ви натискаєте на спадне меню і переглядаєте повну URL -адресу компонента, щоб вжити коригувальних дій.

Як створити сторінки AMP для сайту WordPress?

Індекс помилок перевірки AMP

Кешування

Перейдіть до «AMP> Загальні» та увімкніть останній параметр для кешування. Це допоможе вам кешувати сторінки AMP і швидше обслуговуватись на мобільних пристроях із кешованого вмісту.

Додавання Analytics

Плагін дозволяє додавати код відстеження Google Analytics, оскільки сторінки AMP потребують окремого відстеження через зміну URL -адреси. Перейдіть до розділу «AMP> Analytics» і додайте код Analytics, як зазначено у прикладі коду.

Як створити сторінки AMP для сайту WordPress?

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

Заключні слова

Хоча плагін AMP має одну налаштування однієї сторінки, налаштувати сторінки AMP на веб -сайті WordPress нелегко. Режим читання може працювати нестандартно, якщо у вас проста тема. Інші два режими і навіть режим читання порушать роботу jQuery та інших функцій JavaScript на вашому сайті. Тому ми настійно рекомендуємо вам спочатку протестувати на своєму тестувальному або локальному сайті, перш ніж спробувати AMP на веб -сайті. Крім того, ви можете спробувати інші плагіни AMP для WP або теми, що підтримуються AMP для полегшення налаштування.

Джерело запису: www.webnots.com

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. ПрийнятиЧитати далі