Homepage » Coding » A gyorsított mobil oldalak (AMP) érvényesítése

    A gyorsított mobil oldalak (AMP) érvényesítése

    Utolsó AMP bemutatónkban megmutattuk, hogyan fogadhatja el az AMP-t (Gyorsított mobil oldalak), hogy jelentős sebességnövelést érjen el, valamint hogy a mobil környezetben a Google mobilkeresési eredményét jobban meg tudja jeleníteni a webhelyen.

    Látta AMPlehetősége, feltételezem, hogy elkezdte vagy tervezi, hogy elkezdi változtatni a webhelyeit, hogy megfeleljen AMP. Óvatosan kövesse a dokumentumokat, és állítsa össze a CSS-t, hogy az AMP oldalakat úgy alakítsa, hogy megfeleljen a vizuális étvágyának.

    Most van egy utolsó dolog: az oldalak érvényesítése.

    AMP érvényesítők

    Az AMP oldalak többféle módon érvényesíthetők:

    1. Add hozzá a # Fejlesztési = 1 nyomvonal az AMP oldal URL-címének végén. A jelentést a Konzol fül alatt a DevTools.
    2. Alternatívaként az online AMP érvényesítőt is használhatja.
    3. Használhatja a Chrome AMP kiterjesztését is.

    Ezek az eszközök jelentést készítenek az oldalakon található hibákról vagy figyelmeztetésekről. Ennek alapján választhat, hogy mit kell javítani.

    AMP hibajelentés a DevTools konzolban.

    Az AMP érvényesítése elsősorban a szabályozást szabályozza HTML elemek használatát, a s, és a stílus nyilatkozatok. Győződjön meg róla, hogy ezek az oldalak mind az AMP-kompatibilisek, és hogy semmi sem sérti az AMP irányelveit. Ellenkező esetben az AMP oldal nem jelenik meg sehol.

    Adatszerkezet

    Az AMP a Schema adatszerkezetét is igényli. Ezeket az adatokat a fej JSON formátumú oldal címkéje. Tartalmazza az oldal tartalmi információit, beleértve a címet, a kiadó logóját és nevét, a közzététel dátumát és a módosítást stb..

    Az oldal céljától függően a feltüntetendő adatok eltérőek lehetnek: Cikkek, Vélemények, Receptek, Videók stb. Az adattípust a Google Adattípusok Dokumentációjában találhatja meg..

    Van néhány adat, amely hibákat eredményez, ha nem adják meg; néhány más típusú adat opcionális, és csak figyelmeztetéseket ad. Az ilyen típusú hibák azonban nem jelennek meg a fent említett AMP érvényesítőkben.

    Ehelyett megjelennek a Google strukturált adatainak tesztelési eszközében, valamint a Google Webmesterek fiókjában.

    Az AMP-fogyasztók vagy az AMP-t támogató ügyfél, például a Google Search és a Twitter pillanatok, felhasználhatják ezt az adatkészletet az AMP tartalmának bemutatásához az eredményoldalukon.

    AMP karusszel a Google SERP-ben

    Tehát az AMP-irányelvek saját, saját HTML-elemeikkel való követése mellett a szükséges sémaadatoknak is helyben kell lenniük.

    Figyelmen kívül hagyott hibák

    A legtöbb hibát a dokumentumokban kifejezetten feljegyzik, és könnyen áttekinthetők. Néhány hiba azonban kontextusba kerül a változókkal, amelyeket nem tudunk észrevenni, mint például a “Érvénytelen attribútumérték”, ami azt mondja "A (z)"% 2 "címke"% 1 "attribútuma az"% 3 "érvénytelen értékre van állítva.".

    Ez a hibajelentés nem említi vagy nem sorolja fel pontosan melyik érték érvénytelen . De amit tudok, az, hogy nem tudjuk beállítani szélesség és a magasság nak,-nek elem 100% vagy kocsi. Ezeknek az attribútumértékeknek a képméret megőrzése érdekében a kép pontos méretének kell lenniük.

    Ez csak egy példa. Számos egyéni elem van - amp-img, amp-iframe, és amp-hirdetések - a saját érvényesítési szabályrendszerükkel egy attribútum és annak értéke ellen.

    Ez az AMP-oldal érvényesítését ijesztő feladatvá teheti, különösen akkor, ha több száz (esetleg) több ezer, korábbi években közzétett tartalmat veszünk figyelembe.

    Végső gondolat

    Az AMP még korai szakaszában van. Nagyon aktívan fejlődik a Google és a webfejlesztő közösség közös erőfeszítéseivel. De Az AMP minden bizonnyal fejlődik. A HTML5-hez hasonlóan lehetnek olyan elemek, attribútumok és bizonyos gyakorlatok, amelyek a jövőben elavulnak. Így győződjön meg arról, hogy az AMP oldalai időről időre érvényesülnek az iránymutatások legújabb változásai alapján.