miért AMP?
a mobileszközökön végzett keresések száma meghaladta az asztalt. Az “Accelerated Mobile Pages” (AMP) nevű nyílt forráskódú keretrendszert egy fő céllal hozták létre: gyors betöltési idők létrehozása a mobil felhasználók számára. Ez volt a reakció a növekvő kereslet a rövid terhelési idő – olyan kérdés, amely már többször felvetette a kiadók és a vállalkozások.
a kezdeményezést azzal a céllal indították el, hogy olyan rendszert hozzanak létre, amely minden érdekelt számára előnyös lenne., A hirdetőknek, a kiadóknak és a felhasználóknak egyaránt profitálniuk kell az AMP-ből.
hogyan alakult az AMP projekt
az “Accelerated Mobile Pages Project” 2015-ben indult egy cégcsoport, köztük a Google, a WordPress és a szoftver óriás Adobe. A kezdetektől számos nemzetközi hírportálokon is részt vettek az AMP projekt, az első néhány weboldalak végrehajtási AMP, hogy A Gyám (egyesült KIRÁLYSÁG), A Washington Post Egy (NEKÜNK), a Frankfurter Allgemeine Zeitung, valamint Die Zeit (Németország), az El Pais (Spanyolország)., A Twitter és a LinkedIn a kezdetektől fogva technológiai partnerként is részt vesz az AMP-ben.
ma szinte minden nagy online média AMP technológiát használ. Felismerték a gyors betöltésű mobil webhelyek nagy értékét. A megfelelő bővítmények segítségével a WordPress felhasználók az AMP-n keresztül is közzétehetnek, bár még nincs eCommerce megoldás az AMP számára.
miért AMP egy jó ötlet
az elmúlt évtizedben, az okostelefon megelőzte az asztali PC számos iparágban és országban, egyre az elsődleges eszköz az emberek használják, hogy menjen online., Mobiltelefonunkat egy közeli étterem keresésére használjuk, telefonunkon vásárolunk, vagy a vonaton lévő telefonainkon a híreket olvassuk dolgozni. Különösen fontos a mobil felhasználók számára, hogy a webhelyek gyorsan betöltődjenek. A kritikus vágási pont állítólag három másodperc. Ha egy weboldal betöltése tovább tart, akkor a mobilinternet-felhasználók többsége ugrál, majd elhagyja az oldalt.
AMP jó ötlet, mert kifejezetten olyan webhelyek létrehozására tervezték, amelyek a lehető leggyorsabban betöltődnek a mobileszközökön.,
probléma: Web … sites … that … load… too … slow…ly
a webtartalom gyors betöltése a kapcsolat sebességétől és a weboldal fájlméretétől függ. Mindkét szempont összefügg. Néhány oldal lassan töltődik be, még akkor is, ha a kapcsolat sebessége gyors, ha a betöltendő fájlok mennyisége túl nagy. Hasonlóképpen, még egy technikailag optimalizált oldal is lassan tölthet be, ha a kapcsolat túl lassú.
megoldás: AMP
Az AMP nem befolyásolhatja az internetkapcsolat rendelkezésre álló kapacitását,így a technológia a terhelési idők szempontjára összpontosít., Az AMP megteremti a legjobb feltételeket a mobil webhely gyors betöltéséhez, még akkor is, ha az adatátvitel lassú. Ehhez korlátozza a szükséges JavaScript és CSS elemek számát, biztosítva, hogy csak néhány erőforrást kell betölteni ahhoz, hogy egy oldal megtekinthető legyen.
Az AMP rövid betöltési idejének kulcsa elsősorban a betöltendő fájlok csökkentésében rejlik. Egy másik fontos tényező egy proxykiszolgáló, amely készen áll a céloldal gyorsítótárára., Ezt a tartalmat egy tartalomszolgáltató hálózaton keresztül továbbítják, amelynek az az előnye, hogy az oldal mindig azonos sebességgel építhető fel, bárhonnan a felhasználó hozzáfér.
AMP forráskód
Általánosságban elmondható, hogy minden szerver elolvashatja az AMP forráskódját, mert a kód jól ismert szkripteken alapul. A következő három elem jellemző az AMP-re:
- AMP HTML: a gyorsított Mobil oldal HTML kódja a lényegre korlátozódik. Az oldal betöltésekor csak egy http kérés kerül elküldésre.
- AMP JavaScript: az AMP aszinkron JS kódot használ., Ez lehetővé teszi a webhely számára, hogy az összes JS elem betöltése előtt megkezdje az építkezést.
- AMP CDN: minden AMP webhely gyorsítótárát világszerte különböző szerverekre menti. Ezt a tartalmat a lehető legrövidebb úton lehet eljuttatni a felhasználóhoz egy tartalomszolgáltató hálózat segítségével. A CDN másik előnye, hogy az oldal funkcionalitását folyamatosan ellenőrzik. Ez segít elkerülni a hibákat.
milyen változtatásokat kell végrehajtani a HTML kódban az AMP végrehajtásához?
számos speciális funkciók egy weboldal HTML kell annak érdekében, hogy fut át AMP., Minden audiovizuális médiatartalmat speciális AMP-címkékkel kell megjelölni, például amp-img, amp-video, amp-audio vagy amp-iframe. Egy példa arra, hogyan lehet egy képet beilleszteni egy oldal forráskódjába az AMP segítségével:
< amp-img src= ” myimage.,jpg” alt=”mit látsz a képen” height=”200″ width=”300″></amp-img>
ezen Felül, a következő címkék kell venni minden oldalon, így jelennek meg helyesen használja ERŐSÍTŐ:
Az előnye AMP a különböző érintett csoportok
Mint már említettük, AMP indult a nagy cél, a kedvezményezett mindenki: a Hirdetők, a kiadók pedig a felhasználók.a
- hirdetők: a hirdetők különböző hirdetési formátumokkal használhatják az AMP-t., A hirdetési tartalom aszinkron módon töltődik be, ami azt jelenti, hogy a felhasználói élményt nem zavarják azok a hirdetések, amelyek megakadályozzák az oldal betöltését.
- kiadók: a kiadók profitálnak az AMP webhelyek kiemelkedő elhelyezéséből a hírkörnyezetben. A mobilra optimalizált webhelyek magas használhatósága szintén hozzájárul a pozitív felhasználói jelekhez.
- felhasználók: az AMP-t használó webhelyek tökéletesek a felhasználók számára. Nem kell sokáig várniuk, amíg az oldalak betöltődnek, sőt bízhatnak a nagy teljesítményben is, amikor lassú internetkapcsolaton böngésznek.,
AMP és a mobil-első Index
AMP Csak egy megközelítés, hogy optimalizálja weboldalak mobil eszközök. A mobil optimalizálás fontosságának tudatosítása – nemcsak a SEO közösség körében-nőtt, különösen a 2015-ös Google-frissítés óta, amely kifejezetten a webhelyek mobilbarátságának ösztönzésére irányult. A Google keresőmotorja azóta tovább haladt a mobil-első megközelítés felé, amikor bejelentette, hogy mobil indexe-egy bizonyos ponton-a Google keresési eredményeinek elsődleges indexévé válik., Ez csak növeli az erősítő fontosságát.
Az AMP mellett vannak más mobil optimalizálási stratégiák is, beleértve a reszponzív webes tervezést, vagy különálló mobil URL-ek használatát progresszív webes alkalmazásokkal.
