{"id":579,"date":"2016-12-06T19:28:39","date_gmt":"2016-12-06T19:28:39","guid":{"rendered":"https:\/\/itzen.hu\/?p=579"},"modified":"2016-12-06T19:29:48","modified_gmt":"2016-12-06T19:29:48","slug":"reszponziv-weboldal-vagy-amp","status":"publish","type":"post","link":"https:\/\/itzen.hu\/reszponziv-weboldal-vagy-amp\/","title":{"rendered":"Reszponz\u00edv weboldal vagy AMP? Mit mond a Google?"},"content":{"rendered":"

A Google a 2016-os \u00e9v elej\u00e9n vezette be az AMP (Accelerated Mobile Pages) haszn\u00e1lat\u00e1t a Google keres\u0151ben. A gyors\u00edtott mobilos oldalak tulajdonk\u00e9ppen ki is v\u00e1lthatn\u00e1k a reszponz\u00edv oldalak haszn\u00e1lat\u00e1t, de\u00a0\u00e9rdemes tov\u00e1bbra is k\u00fcl\u00f6n\u00e1ll\u00f3 dologk\u00e9nt kezelni a kett\u0151t!<\/p>\n

Miel\u0151tt tov\u00e1bbhaladn\u00e1nk itt a k\u00f6telez\u0151 k\u00f6r, azaz hogy mindenki tiszt\u00e1ban legyen vele mir\u0151l is van sz\u00f3, itt a magyar\u00e1zat.<\/p>\n

Milyen egy reszponz\u00edv weboldal?<\/h2>\n

Reszponz\u00edv weboldal alatt olyan honlapokat \u00e9rt\u00fcnk, amelyek egyar\u00e1nt haszn\u00e1lhat\u00f3ak asztali g\u00e9pen, \u00e9s mobiltelefonon is. Gyakorlatilag \u00edgy terjedt el a fogalom a k\u00f6ztudatban. Ez igaz is, de tulajdonk\u00e9ppen a reszponzivit\u00e1s eset\u00e9ben arr\u00f3l besz\u00e9l\u00fcnk hogy a weboldal kin\u00e9zete alkalmazkodik a felbont\u00e1shoz, a k\u00e9perny\u0151m\u00e9ret\u00e9hez, az \u00a0ar\u00e1nyokhoz.<\/p>\n

Ma ez m\u00e1r alapk\u00f6vetelm\u00e9ny, hiszen ma m\u00e1r t\u00f6bben haszn\u00e1ljuk mobiltelefonr\u00f3l az internetb\u00f6ng\u00e9sz\u0151t mint asztali PC-kr\u0151l vagy laptopokr\u00f3l.<\/p>\n

Mi az az AMP?<\/h2>\n

A mobilok terjed\u00e9s\u00e9nek k\u00f6sz\u00f6nhet\u0151en m\u00e1s ig\u00e9nyek is megjelentek a reszponzivit\u00e1son fel\u00fcl. Tov\u00e1bbra is fontos hogy a weboldal haszn\u00e1lhat\u00f3 legyen a mobilokon, de a reszponzivit\u00e1s\u00a0arr\u00f3l nem sz\u00f3l \u00e1ltal\u00e1ban hogy a weboldal bet\u00f6lt\u00e9si sebess\u00e9ge milyen gyors.<\/p>\n

Az gyors\u00edtott oldalak haszn\u00e1lata azonban megoldja ezt a gondot, hiszen egy szupergyors \u00e9s t\u00f6m\u00f6r kivonat\u00e1t jelenti a weboldalnak, amit a keres\u0151b\u0151l pillanatok alatt el\u00e9rhet a l\u00e1togat\u00f3.<\/p>\n

Hogyan val\u00f3sul meg?<\/h3>\n

Az AMP egy k\u00f6t\u00f6ttebb HTML-t jelent, ami sok korl\u00e1toz\u00e1st is mag\u00e1ban foglal, p\u00e9ld\u00e1ul tiltott a JavaScript haszn\u00e1lata a k\u00f3dban. Ez\u00e9rt cser\u00e9be azonban egy optimaliz\u00e1lt sebess\u00e9g\u0171 t\u00f6m\u00f6r k\u00f3dot kapunk, amit a keres\u0151 k\u00f6nnyed\u00e9n t\u00e1rolni tud a saj\u00e1t szerverein.<\/p>\n

Ha mobiltelefonr\u00f3l ind\u00edtunk keres\u00e9st egy kulcssz\u00f3ra a Google-ben, \u00e9s a tal\u00e1lati list\u00e1n tal\u00e1lhat\u00f3 oldalnak l\u00e9tezik indexelt AMP verzi\u00f3ja, az ny\u00edlegyenesen a Google cache-b\u0151l fog bet\u00f6lt\u0151dni.<\/p>\n

\"ITZen<\/p>\n

A keres\u0151optimaliz\u00e1l\u00e1s \u00e9s az AMP<\/h2>\n

Mivel a keres\u0151optimaliz\u00e1l\u00e1s szempontrendszer\u00e9ben jelent\u0151s faktor a weboldal bet\u00f6lt\u00e9si sebess\u00e9ge, \u00edgy m\u00e1r akkor is helyez\u00e9sjavul\u00e1s \u00e9rhet\u0151 el, ha gyorsabb\u00e1 tessz\u00fck azt.<\/p>\n

A Google rendk\u00edv\u00fcli m\u00f3don t\u00e1mogatja az gyors megold\u00e1sokat, \u00edgy val\u00f3sz\u00edn\u0171leg k\u00fcl\u00f6n jutalmazza azt is aki haszn\u00e1lja a rendszert. Ennek egy\u00e9rtelm\u0171 bizony\u00edt\u00e9k\u00e1t tal\u00e1ltam a k\u00f6zelm\u00faltban.<\/p>\n

AMP teszteredm\u00e9nyek<\/h3>\n

Milyen hat\u00e1ssal van mindez a keres\u0151ben elfoglalt poz\u00edci\u00f3ra? Kifejezetten pozit\u00edvval, err\u0151l egy tesztoldal is tan\u00faskodik.<\/p>\n

A tesztalany egy WordPress alap\u00fa weboldal volt, mely stabil, de nem t\u00fal er\u0151s poz\u00edci\u00f3t tudott mag\u00e1\u00e9nak a keres\u0151ben. (Nem, nem az ITZen :))<\/p>\n

Az WordPress AMP verzi\u00f3j\u00e1nak elk\u00e9sz\u00edt\u00e9se b\u0151v\u00edtm\u00e9ny seg\u00edts\u00e9g\u00e9vel t\u00f6rt\u00e9nt, aminek publik\u00e1l\u00e1sa ut\u00e1n n\u00e9h\u00e1ny nappal a Search Console figyelmeztet\u00e9st k\u00fcld\u00f6tt miszerint indexelte azt. Igaz\u00e1b\u00f3l hiba\u00fczenetet k\u00fcld\u00f6tt miszerint:<\/p>\n

„A Google rendszerei azt \u00e9szlelt\u00e9k, hogy n\u00e9h\u00e1ny AMP-oldala nem felel meg az ir\u00e1nyelveinknek, \u00e9s emiatt nem jelenik meg a Google Keres\u00e9s AMP-specifikus szolg\u00e1ltat\u00e1saiban”<\/p>\n

A hib\u00e1t egy m\u00e1sik b\u0151v\u00edtm\u00e9ny okozta, mely val\u00f3sz\u00edn\u0171leg nem volt m\u00e9g felk\u00e9sz\u00edtve az AMP-ra, szerencs\u00e9re ezt k\u00f6nnyed\u00e9n orvosolni siker\u00fclt egy egyszer\u0171 funkci\u00f3 le\u00e1ll\u00edt\u00e1s\u00e1val.<\/p>\n

Eredm\u00e9nyek<\/h3>\n

A hiba jav\u00edt\u00e1sa ut\u00e1n n\u00e9h\u00e1ny nappal az oldal megfigyelt kulcsszavai el\u0151r\u00e9bb jutottak, \u00e1tlagosan 10 poz\u00edci\u00f3t minden kulcssz\u00f3 eset\u00e9ben. Az oldalon ez id\u0151 alatt m\u00e1s m\u00f3dos\u00edt\u00e1s nem t\u00f6rt\u00e9nt, \u00e9s a tesztid\u0151szak alatt Google friss\u00edt\u00e9sr\u0151l nincs tudom\u00e1som,\u00fagyhogy egy\u00e9rtelm\u0171en elk\u00f6nyvelhet\u0151 a siker az AMP sz\u00e1ml\u00e1j\u00e1ra.<\/p>\n

AMP HTML<\/h2>\n

Term\u00e9szetesen a gyors\u00edtott mobil oldalak nem WordPress specifikusak. Az AMP HTML k\u00f6nnyed\u00e9n elsaj\u00e1t\u00edthat\u00f3<\/a>, b\u0151v\u00edtm\u00e9ny n\u00e9lk\u00fcl is implement\u00e1lhat\u00f3. Az eredeti oldalba pedig mind\u00f6ssze egy hivatkoz\u00e1st kell elhelyezn\u00fcnk, hogy a Google is tudom\u00e1st szerezzen r\u00f3la.<\/p>\n

Neh\u00e9zs\u00e9get okozhatnak ugyan a k\u00f6vet\u0151k\u00f3dok, p\u00e9ld\u00e1ul a Google Analytics be\u00e9p\u00edt\u00e9se hiszen a JavaScript nem haszn\u00e1lhat\u00f3 ezeken a verzi\u00f3kon, de szerencs\u00e9re erre is vannak megold\u00e1sok.<\/p>\n

J\u00f3 h\u00edr tov\u00e1bb\u00e1 az Adsense megjelen\u00edt\u00e9st haszn\u00e1l\u00f3knak, hogy a hirdet\u00e9sek is t\u00e1mogatottak, ami ugyan kicsit ellentmond az rendszer alapelveinek, de nyilv\u00e1n nem \u00f6nmaga ellens\u00e9ge a Google sem. \ud83d\ude42<\/p>\n

Mir\u0151l ismerhet\u0151 fel?<\/h2>\n

Mobilos keres\u00e9sek sor\u00e1n, a\u00a0tal\u00e1lati list\u00e1ban a vill\u00e1m ikon jelzi a gyors\u00edtott oldalakat:<\/p>\n

\n
\n
<\/div>\n

ITZen (@itzen.hu) \u00e1ltal k\u00f6zz\u00e9tett f\u00e9nyk\u00e9p<\/a>,