A weboldalak mobilos megjelenítésének gyorsítására sok egyedi megoldás született. A mobilböngészők terjedése miatt ma egy weboldallal kapcsolatban már alapkövetelmény a felbontás-fogékony megjelenítés, illetve a gyors oldalbetöltődés. A Google kezdeményezései közül a leghatékonyabb megoldásnak tűnik, az Accelerated Mobile Pages, azaz AMP bevezetése.
Az AMP gyakorlatilag a weboldal gyorsítótárazott nézete, amit egy erre a célra létrehozott jelölőnyelv segítségével valósít meg a rendszer. A Google keresések során, amennyiben a találati listában szereplő oldalnak létezik gyorsítótárazott verziója, valószínűleg a keresőből való átkattintás során ez fog betöltődni.
AMP a gyakorlatban
Az AMP megvalósítási módja szerint a keresésben megjelenő oldalak a Google gyorsítótárába is bekerülnek. A keresőből való oldalletöltés tehát a Google szerverein keresztül valósul meg, a sebesség így jelentős mértékben javul. Az AMP működéséhez szükség van a weboldal egy az AMP jelölőnyelvvel elkészített változatára, mely ugyan kevesebb lehetőséget ad a fejlesztők kezébe, cserébe azonban akár 10x gyorsabban betöltődő oldalakat jelent.
Az AMP által megtámogatott oldalak használatát a Google előnyben részesíti, így aki gondoskodik a gyorsított verzióról, az nagy valószínűséggel pozícióerősödésre számíthat. Az Accelerated Mobile Pages azonban rendelkezik hátrányokkal is. A jelölőnyelven belül például nem engedélyezett a JavaScript használata, illetve a stíluslapok használata is korlátozott. Ezáltal problémák a követőkódok és a reklámok megjelenítése egyaránt nehézséget okozott. Megoldások már léteznek ezekre a problémákra, azonban ezek tulajdonképpen kerülőmegoldások.
AMP HTML
A gyorsítótárba kerülő oldalverzió megvalósítása az AMP HTML-nyelv segítségével lehetséges. Tulajdonképpen egy szabványos html kiterjesztésű fájlról beszélünk, ami néhány ponton különbözik az eredeti nyelvtől. Ami a specifikáció szerint előírás az a következő néhány pontban került összefoglalásra:
- A html fájl a dokumentumtípussal kezdődik <!doctype html>.
- a dokumentumnak artalmaznia kel altagot (ais elfogadott)
- Szerepelnie kell benne a és a tagoknak.
- Tartalmaznia kell egy canonical hivatkozást, amely az oldal eredeti verziójára mutat:
A fő verzió és az AMP összekapcsolásához a mindkét oldal forráskódjában jelölnünk kell a másikat. Az ajánlás a következő:A fő verzióban szerepeljen a Az AMP verzióban pedig a - Az AMP-nak kötelező tartalmi eleme a karakterkódolás jelölése, aminek az első tag-nek kell lennie a részben.
- tartalmaznia kell a tagot szintén a-en belül.
- tartalmaznia kell a hivatkozást a fejrészben.
- tartalmaznia kell az AMP boilerplate kódját.
Hogyan találhatok példaoldalakat? Az „amp examples” keresőbe írásával élesben is kipróbálhatjuk az AMP működését, akár asztali gépen is. A keresőben az AMP forrással rendelkező oldalak megkülönböztető zöld háttérszínnel vannak megjelölve.
Mikor ajánlott az AMP használata?
A reszponzív megjelenés minden esetben ajánlott ma már annak aki piacképes akar maradni, mivel a mobilos rendszerek gyakorlatilag teljesen háttérbe szorították a hagyományos eszközöket. Most még nem túlzottan elterjedt az AMP használata, azonban felhasználási módja és a Google által adott támogatás miatt ez a közeljövőben sokat változhat.
Mindenképpen hasznot húzhatnak a fejlesztésből a híroldalak és a webshopok. A fejlesztés lehetőségeinek kihasználásával például a mobilon is kényelmesen használható felhasználói felület hozható létre.
AMP verziójú oldalak készítése
A html nyelv ismerőinek az AMP nyelvezete sem okozhat túlzottan nagy problémát. Az AMP verzió elkészítésekor egy minimalista felület elkészítésére van módunk, ugyan korlátozott lehetőségek továbbra is vannak a stíluslapok használatára, valószínűleg nem érdemes feleslegesen terhelni az oldalt, hiszen a cél az egyszerű felület és a gyors oldalbetöltés lehet.
A kész oldalak esetleges hibáit figyelemmel követhetjük a Search Console > Keresési megjelenés > Accelerated Mobile Pages jelentésében, természetesen az indexelés megtörténte után.
amp search console beállítások
WordPress
WordPress esetén az gyorsított oldalak létrehozás könnyen elvégezhető bővítmények segítségével.. Több plugin is napvilágot látott már,de ajánlott az Automattic AMP nevű plugin-jét használni. A bővítmény az aktiválás után automatikusan létrehozza a bejegyzések gyorsított változatát.
automattic amp wordpress plugin
A beállítási lehetőségek száma rendkívül korlátozott, mindössze a színek és a logók beállítására van lehetőség, azonban a legtöbb esetben ez elegendő is. Amennyiben nagyobb testre-szabhatóságra vágyunk, érdemes körülnézni a bővítménykönyvtárban, de egyenlőre ezeket a kiegészítőket körültekintéssel alkalmazzuk, hiszen a stabilitásuk változó, adott esetben problémákat is okozhatnak.
A bővítmény jelenlegi állapota még közel sem végleges, így ajánlott figyelni a frissítéseket és a hibajelentéseket a Search Console-on, de haladók segítségére lehet a Chrome fejlesztői eszköztára is.
Más CMS-ek
A gyorsított oldalak használatát ugyan más rendszerek is támogatják, azonban a stabilitás még nem igazán jellemző. A Drupal és a Joomla esetében is találkozhatunk pluginekkel amik elvégzik a módosításokat, de a visszajelzések alapján az jár jobban aki saját maga készíti el a gyorsított verziót.
Az AMP jövője
Az Accelerated Mobile Pages valószínűleg több problémával találkozik még a közeljövőben is, azonban úgy tűnik nagy az igény egy ilyen funkcióra a felhasználók körében. A mobilos felhasználhatóság központi feladata minden webmesternek, arról nem is beszélve hogy keresőoptimalizálás és a szerver terhelésének mentesítése céljából is érdemes foglalkozni a problémával.
Mentés
Mentés
Mentés
Mentés
Üdvözlöm! Evenich András vagyok, 2005 óta foglalkozok online marketinggel és keresőoptimalizálással. Leginkább KKV-nak segítek fellendíteni a keresőből jövő forgalmat illetve SEO ügynökségeknek is gyakran be dolgozok. A biztonságos és eredményes megoldások híve vagyok. Szeretné, hogy sikeresebb legyen online vállalkozása? Szívesen adok pár ingyenes tippet, hívjon akár most: +36-70-521-3033