Как да проверите ускорените мобилни страници (AMP)

В нашия последен AMP урок ние ви показахме как да приемете AMP (ускорени мобилни страници), за да спечелите значително повишаване на скоростта, както и по-добра експозиция в резултатите от мобилното търсене на Google за уебсайта ви в мобилната среда..

Като видях AMPПредполагам, че сте започнали или имате планове да започнете да правите промени в уебсайтовете си, за да ги спазвате AMP. Внимателно следвайте указанията в Документите и съставете CSS, за да оформите AMP страниците, за да съответстват на вашия визуален апетит.

Сега има едно последно нещо, което трябва да направите: валидиране на тези страници.

AMP валидатори

Има няколко начина за валидиране на AMP страниците:

1. Добавете в # Развитие = 1 следете в края на URL адреса на страницата AMP. Докладът ще бъде проектиран в конзола в DevTools.
2. Като алтернатива можете да използвате онлайн AMP валидатора.
3. Можете също да използвате разширението AMP на Chrome.

Тези инструменти ще създадат отчет, в който се извеждат грешки или предупреждения в страниците. Въз основа на това можете да изберете какво да поправите.

Утвърждаването на AMP главно урежда използването на HTML елементи, на с, и декларации за стил. Уверете се, че тези неща в страницата са съвместими с AMP и че нищо, което нарушава насоките на AMP, не е оставено там. В противен случай AMP страницата ви няма да се показва никъде.

Структура на данни

AMP изисква също структурата на данните за схемата. Тези данни се съдържат в глава на страницата в JSON формат. Той съдържа контекстуална информация на страницата, включително заглавието, логото и името на издателя, датата на публикуване и промяна и т.н..

В зависимост от целта на страницата данните за включване могат да се различават: статии, рецензии, рецепти, видеоклипове и т.н. Можете да се обърнете към документацията на Google Типове данни за подробности относно типа данни.

Необходими са някои данни, които ще доведат до грешки, ако не се предоставят; Няколко други типа данни са по избор и ще създават само предупреждения. Този тип грешки обаче няма да се появят в гореспоменатите валидатори на AMP.

Вместо това те ще се показват в инструмента за тестване на структурирани данни на Google, както и в профила ви в Google Webmasters.

Потребителите на AMP или клиент, който поддържа AMP, като Google Search и Twitter Moments, могат да използват този набор от данни, за да представят съдържанието на AMP в тяхната страница с резултати.

Затова, освен следвайки указанията на AMP с техните собствени персонализирани HTML елементи, трябва да са налице и необходимите данни за схемата.

Пренебрегвани грешки

Повечето грешки се отбелязват в Документите изрично и лесно могат да бъдат намерени. Няколко грешки обаче са контекстуализирани с променливи, които може да не забележим, като например “Невалидна стойност на атрибута”, което казва "Атрибутът"% 1 "в маркер"% 2 "е зададен на невалидна стойност"% 3 ".".

Този доклад за грешка не споменава и не посочва точно коя стойност е невалиден . Но това, което знам е, че не можем да поставим широчина и височина на елемент към 100% или Автоматичен. Тези стойности на атрибутите трябва да бъдат с точния размер на изображението, за да се запази съотношението на изображението.

Това е само един пример. Има няколко персонализирани елемента - усилвател-IMG, усилвател-вградена рамка, и ампер обяви - със собствени набори от правила за валидиране срещу използването на атрибут и неговата стойност.

Това би могло да направи валидирането на AMP страницата трудна задача, особено ако вземем под внимание стотици или (може би) хиляди стари съдържания, публикувани преди години.

Заключителна мисъл

AMP все още е на ранен етап. Тя е в много активно развитие с общите усилия на Google и на общността за уеб разработки. Но AMP със сигурност ще се развива. Подобно на HTML5, в бъдеще може да има елементи, атрибути и някои практики. Така Уверете се, че вашите AMP страници са постоянно валидирани от време на време на базата на последните промени в насоките.