Domovská » Kódování » Jak ověřit zrychlené mobilní stránky (AMP)

    Jak ověřit zrychlené mobilní stránky (AMP)

    V našem posledním tutoriálu AMP jsme vám ukázali, jak přijmout AMP (Accelerated Mobile Pages), abyste získali výrazné zvýšení rychlosti, a také lepší expozici ve výsledcích vyhledávání mobilních stránek Google pro vaše webové stránky v mobilním prostředí..

    Viděl jsem AMPPředpokládám, že jste možná začali, nebo máte v plánu začít provádět změny na svých webových stránkách, aby vyhověly AMP. Pečlivě dodržujte pokyny uvedené v Dokumentech a vytvořte svůj CSS tak, aby stránky stylů AMP odpovídaly vaší vizuální chuti.

    Nyní je ještě jedna poslední věc: ověření těchto stránek.

    Validátory AMP

    Existuje několik způsobů, jak ověřit stránky AMP:

    1. Přidat do # development = 1 na konci stránky URL AMP stránky. Zpráva bude promítnuta v. \ T Utěšit v části DevTools.
    2. Alternativně můžete použít online validátor AMP.
    3. Můžete také použít rozšíření Chrome AMP.

    Tyto nástroje budou vytvářet sestavy obsahující chyby nebo varování na stránkách. Na základě toho si můžete vybrat, co chcete opravit.

    Chybová zpráva AMP v konzole DevTools.

    Platí především AMP validace použití HTML elementů, s, a deklarace stylu. Ujistěte se, že tyto věci na stránce jsou všechny kompatibilní s AMP a že tam není nic, co by porušovalo pokyny AMP. Jinak se stránka AMP nezobrazí nikde.

    Datová struktura

    AMP také vyžaduje strukturu dat schématu. Tato data jsou uvedena v rámci hlava stránky ve formátu JSON. Obsahuje kontextovou informaci o stránce včetně názvu, loga a jména vydavatele, data, kdy byla zveřejněna a upravena atd..

    V závislosti na účelu stránky se mohou údaje, které mají být zahrnuty, lišit: Články, recenze, recepty, videa atd. Podrobnosti o typu dat naleznete v Dokumentaci typů dat Google..

    Jsou požadována některá data, která mohou způsobit chyby, pokud nejsou dodány; několik dalších typů dat je volitelných a bude vytvářet pouze varování. Tyto chyby se však ve výše uvedených validátorech AMP neobjeví.

    Místo toho se zobrazí ve Nástroji pro testování strukturovaných dat Google a také ve vašem účtu Google pro webmastery.

    Spotřebitelé AMP nebo klient, který podporuje AMP, například Google Search a Twitter Moments, mohou tuto sadu dat použít k prezentaci obsahu AMP na stránce výsledků.

    AMP kolotoč v Google SERP

    Kromě následujících směrnic AMP s jejich vlastními vlastními HTML elementy musí být požadovaná data schématu také na místě.

    Přehlédnuté chyby

    Většina chyb je v dokumentech výslovně uvedena a lze je snadno nahlédnout do záblesku. Několik chyb je však kontextualizováno s proměnnými, které si můžeme nevšimnout, jako je například “Neplatná hodnota atributu”, který říká "Atribut '% 1' ve značce '% 2' je nastaven na neplatnou hodnotu '% 3'.".

    Tato chybová zpráva se nezmiňuje ani přesně neuvádí která hodnota je neplatný . Ale vím, že nemůžeme nastavit šířka a výška z prvek 100% nebo auto. Tyto hodnoty atributů musí být přesná velikost obrázku, aby se zachoval poměr obrázků.

    To je jen jeden příklad. Existuje několik vlastních prvků - amp-img, amp-iframe, a amp-reklamy - s vlastními soubory pravidel validace proti použití atributu a jeho hodnoty.

    To by mohlo učinit ověřování AMP stránky skličujícím úkolem, zejména pokud vezmeme v úvahu stovky nebo (možná) tisíce starších obsahů publikovaných před lety..

    Závěrečná myšlenka

    AMP je stále v rané fázi. To je ve velmi aktivním vývoji se společným úsilím od Google a komunita vývoje webu. Ale AMP se jistě vyvíjí. Podobně jako HTML5 mohou existovat elementy, atributy a některé praktiky, které budou v budoucnu znehodnocovány. Tak Ujistěte se, že vaše stránky AMP jsou z času na čas neustále ověřovány na základě posledních změn pokynů.