Úvodná » kódovanie » Ako potvrdiť zrýchlené mobilné stránky (AMP)

    Ako potvrdiť zrýchlené mobilné stránky (AMP)

    V našom poslednom výučbe AMP sme vám ukázali, ako prijať AMP (zrýchlené mobilné stránky), aby získali výrazné zvýšenie rýchlosti a lepšiu expozíciu vo výsledkoch mobilného vyhľadávania Google pre vaše webové stránky v mobilnom prostredí.

    Keď sme videli AMPPotenciál, predpokladám, že ste mohli začať alebo plánujete začať s vykonávaním zmien na vašich webových stránkach AMP. Opatrne dodržiavajte pokyny v dokumentoch a zostavte svoj CSS tak, aby ste štýl stránky AMP prispôsobili svojmu vizuálnemu chuti.

    Teraz je tu jedna posledná vec, ktorú je potrebné urobiť: overenie týchto stránok.

    Validátory AMP

    Existuje niekoľko spôsobov, ako môžete overiť vaše stránky AMP:

    1. Pridať do priečinka # Rozvoj = 1 na konci adresy URL stránky AMP. Správa bude premietnutá v konzola pod nástrojmi DevTools.
    2. Alternatívne môžete použiť on-line validátor AMP.
    3. Môžete tiež použiť rozšírenie AMP pre Chrome.

    Tieto nástroje vytvoria prehľad obsahujúci chyby alebo upozornenia na stránkach. Na základe toho si môžete vybrať, čo chcete opraviť.

    Prehľad o chybách AMP v konzole DevTools.

    Overenie AMP sa riadi predovšetkým používanie prvkov HTML, s, a štýl vyhlásenia. Uistite sa, že tieto veci na stránke sú všetky kompatibilné s AMP a že v nich zostáva nič, čo by porušovalo pokyny AMP. V opačnom prípade sa vaša stránka AMP nezobrazí nikde.

    Dátová štruktúra

    AMP tiež vyžaduje schému dátovej štruktúry. Tieto údaje sú stanovené v rámci hlava značku stránky vo formáte JSON. Obsahuje kontextové informácie o stránke vrátane názvu, loga a mena vydavateľa, dátumu publikovania a úpravy, atď..

    V závislosti od účelu stránky sa údaje, ktoré sa majú zahrnúť, môžu líšiť: články, recenzie, recepty, videá atď. Podrobnejšie informácie o dátovom type nájdete v Dokumentácii typov údajov Google.

    Existujú určité údaje, ktoré by mohli spôsobiť chyby, ak nie sú dodané; Niekoľko ďalších typov údajov je nepovinné a vydá len výstrahy. Tento typ chýb sa však nezobrazí vo vyššie uvedených validátoroch AMP.

    Namiesto toho sa budú zobrazovať v nástroji na testovanie štruktúrovaných údajov Google, ako aj vo vašom účte Google Webmasters.

    Spotrebitelia spoločnosti AMP alebo klienti, ktorí podporujú AMP, ako napríklad Google Search a Twitter Moments, môžu použiť túto sadu údajov na zobrazenie obsahu AMP na svojej stránke výsledkov.

    AMP kolotoč v službe Google SERP

    Takže okrem usmernení AMP s vlastnými vlastnými prvkami HTML musia byť potrebné aj požadované údaje schémy.

    Prehliadnuté chyby

    Väčšina chýb je výslovne uvedená v dokumentoch a dá sa ľahko pozrieť. Niekoľko chýb sa však kontextualizuje s premennými, ktoré si môžeme nevšimnúť, ako napr “Neplatná hodnota atribútu”, čo hovorí "Atribút '% 1' v značke '% 2' je nastavený na neplatnú hodnotu '% 3'.".

    Táto správa o chybe sa nezmieňuje ani presne neuvádza ktorá hodnota je neplatné . Ale čo viem, je, že nemôžeme nastaviť šírka a výška z prvok do 100% alebo auto. Tieto hodnoty atribútov musia mať presnú veľkosť obrazu, aby sa zachoval pomer strán.

    Toto je len jeden príklad. Existuje množstvo vlastných prvkov - amp-img, amp-iframe, a ampérhodi- reklamy - s vlastnými súbormi pravidiel overenia proti použitiu atribútu a jeho hodnote.

    To by mohlo robiť potvrdzovanie stránky AMP skľučujúcou úlohou, najmä ak vezmeme do úvahy stovky alebo (možno) tisícky starších obsahov uverejnených pred niekoľkými rokmi.

    Konečná myšlienka

    AMP je stále v počiatočnej fáze. Je to veľmi aktívny vývoj so spoločným úsilím spoločnosti Google a komunity vývoja webu. ale AMP sa určite vyvíja. Podobne ako v prípade HTML5, môžu existovať prvky, atribúty a niektoré postupy, ktoré sa budú v budúcnosti zhoršovať. tak uistite sa, že vaše stránky AMP sú čas od času neustále overované na základe posledných zmien smerníc.