Як перевірити прискорені мобільні сторінки (AMP)
У нашому останньому підручнику AMP, ми показали вам, як прийняти AMP (прискорені мобільні сторінки), щоб отримати значне підвищення швидкості, а також краще відображення в результатах пошуку Google для мобільних пристроїв для вашого веб-сайту в мобільному середовищі..
Побачивши AMPПотенціал, я припускаю, що ви почали чи плануєте починати вносити зміни до своїх веб-сайтів для дотримання AMP. Уважно дотримуйтесь інструкцій у Документах та створюйте свій CSS, щоб стилювати сторінки AMP відповідно до вашого візуального апетиту.
Тепер можна зробити останнє: перевірка цих сторінок.
AMP Валідатори
Існує декілька способів перевірки сторінок AMP:
- Додати в
# development = 1слід в кінці URL-адреси сторінки AMP. Звіт буде спроектований у форматі Консоль на вкладці DevTools. - Також можна скористатися онлайн-валідатором AMP.
- Можна також використовувати розширення AMP Chrome.
Ці інструменти створюватимуть у звітах помилки або попередження на сторінках. Виходячи з цього, ви можете вибрати, що потрібно виправити.
Перевірка AMP насамперед регулює використання елементів HTML, s, і декларації стилю. Переконайтеся, що ці речі на сторінці всі AMP-сумісні, і що ніщо, що порушує керівні принципи AMP залишаються там. В іншому випадку ваша сторінка AMP не з'явиться ніде.
Структура даних
AMP також вимагає структури даних схеми. Ці дані викладені в межах керівник тега сторінки у форматі JSON. Він містить контекстну інформацію сторінки, включаючи назву, логотип та ім'я видавця, дату його опублікування та зміни, тощо.
Залежно від призначення сторінки, дані для включення можуть відрізнятися: Статті, Відгуки, Рецепти, Відео та ін..
Існують певні дані, які дають помилки, якщо вони не надаються; Деякі інші типи даних є необов'язковими і дають лише попередження. Такі помилки, однак, не з'являться у вищезгаданих валідаторах AMP.
Натомість вони відображатимуться у засобі тестування структурованих даних Google, а також у вашому обліковому записі Google Webmasters.
Споживачі AMP або клієнт, який підтримує AMP, такі як Google Search і Twitter Moments, можуть використовувати цей набір даних для представлення вмісту AMP на сторінці результатів.
Отже, окрім наступних настанов AMP зі своїми власними користувацькими елементами HTML, необхідні дані схеми також мають бути встановлені..
Забули помилки
Більшість помилок чітко зазначено в Документах і можуть бути легко знайдені. Однак деякі помилки контекстуалізуються з змінними, які ми можемо не помітити, наприклад, “Недійсне значення атрибута”, що говорить "Атрибут"% 1 "в тезі"% 2 "встановлено на неприпустиме значення"% 3 ".".
Цей звіт про помилку не згадує або точно не вказує які значення недійсний. Але те, що я знаю, це те, що ми не можемо встановити ширина і висота з 100% або авто. Ці значення атрибутів повинні бути точним розміром зображення, щоб зберегти співвідношення зображень.
Це лише один приклад. Існує ряд користувацьких елементів - amp-img, amp-iframe, і amp-ads - з їх власними наборами правил перевірки проти використання атрибута та його значення.
Це може зробити завдання перевірки AMP-сторінки складним, особливо якщо взяти до уваги сотні або (можливо) тисячі застарілого вмісту, опублікованого багато років тому.
Заключна думка
AMP все ще знаходиться на початковій стадії. Це дуже активний розвиток з комунальними зусиллями Google і спільноти веб-розробників. Але AMP, безумовно, розвиватиметься. Подібно до HTML5, можуть існувати елементи, атрибути та деякі практики, які в майбутньому знецінюються. Тому переконайтеся, що ваші сторінки AMP періодично перевіряються на основі останніх змін до керівних принципів.
