Egy weboldal élesítése izgalmas pillanat, de a legtöbb új oldalról ugyanazok a dolgok maradnak le: a megosztókép, a 404 oldal, a süti banner vagy a mérőkód. Összegyűjtöttük azt a 19 pontot, amit minden átadás előtt ellenőrzünk, kategóriánként, rövid magyarázattal.
Élesítés előtt nézd át a SEO alapokat (meta cím és leírás, Open Graph kép, robots.txt, sitemap.xml, alt szövegek), a felhasználói élményt (404 oldal, betöltési és hibaállapotok, köszönőoldal), a mobil nézetet és a fő gombokat, a jogi oldalakat (adatvédelem, ÁSZF, süti banner), a mérést és a valódi elérhetőségeket.
SEO alapok
1. Egyedi meta cím minden oldalon
A meta cím (title) jelenik meg a Google találati listájában és a böngészőfülön. Minden oldalnak legyen saját, nagyjából 50–60 karakteres címe, elöl a legfontosabb kulcsszóval.
2. Meta leírás minden oldalon
A leírás közvetlenül nem befolyásolja a helyezést, de ettől függ, hogy rákattintanak-e a találatodra. Írj oldalanként egy 140–160 karakteres, cselekvésre ösztönző összefoglalót.
3. Open Graph megosztókép
Ha valaki megosztja az oldaladat Facebookon, LinkedInen vagy Messengerben, ez a kép jelenik meg. Az ajánlott méret 1200×630 pixel. Nélküle a megosztás üres vagy véletlenszerű képet mutat.
4. robots.txt
Ez a fájl mondja meg a keresőrobotoknak, mit indexelhetnek. Ellenőrizd, hogy ne tiltsa le véletlenül az egész oldalt, ami a fejlesztői környezetből átvitt beállítások miatt gyakori hiba.
5. sitemap.xml
Az oldaltérkép felsorolja az összes fontos URL-t. Küldd be a Google Search Console-ba, hogy a Google gyorsabban megtalálja az új oldalaidat.
6. Alt szöveg minden képen
Az alt szöveg leírja a képet a képernyőolvasót használóknak és a keresőknek. Írd le röviden, mi látható a képen, kulcsszóhalmozás nélkül.
Felhasználói élmény
7. Egyedi 404 oldal
Ha valaki rossz linkre kattint, ne egy üres hibaoldalt lásson. Egy jó 404 oldal visszavezet a főoldalra vagy a legfontosabb aloldalakra.
8. Betöltési állapotok
Ha egy gomb megnyomása után valami tölt, mutasd meg: egy pörgő ikon vagy egy „Küldés…” felirat elég. Enélkül a látogató többször kattint, vagy azt hiszi, nem működik az oldal.
9. Űrlap hibaállapotok
A hibaüzenet a hibás mező mellett jelenjen meg, és mondja meg, mi a gond és hogyan javítható. Az „Érvénytelen adat” nem segít, az „Adj meg egy érvényes e-mail-címet, például nev@domain.hu” igen.
10. Köszönőoldal
Sikeres űrlapküldés vagy vásárlás után egy külön köszönőoldal megerősíti a látogatót, megmondja a következő lépést, és ezen tudod mérni a konverziókat is.
Mobil és konverzió
11. Mobil töréspontok
Nézd meg az oldalt valódi telefonon is, ne csak a böngésző kicsinyített nézetében. Semmi ne lógjon ki oldalra, és a gombok legyenek elég nagyok az ujjnak.
12. CTA a hajtás felett
A legfontosabb gombnak (ajánlatkérés, vásárlás, foglalás) görgetés nélkül is látszania kell az oldal tetején.
13. Ragadós mobil CTA
Mobilon egy alul rögzített sáv a fő gombbal mindig elérhetővé teszi a következő lépést, bárhol jár is a látogató az oldalon.
Jogi megfelelés
Az alábbiak általános tájékoztatások, nem jogi tanácsok. A szövegeket érdemes jogásszal ellenőriztetni.
14. Adatvédelmi tájékoztató
Ha bármilyen személyes adatot gyűjtesz, akár csak egy kapcsolati űrlapon, a GDPR szerint tájékoztatnod kell a látogatót: ki kezeli az adatot, milyen célból, mennyi ideig, és milyen jogai vannak.
15. ÁSZF
Ha az oldalon szolgáltatást vagy terméket értékesítesz, az általános szerződési feltételek rögzítik a vásárlás, a fizetés, a teljesítés és az elállás szabályait.
16. Süti banner
A nem feltétlenül szükséges sütiket, például a statisztikai vagy remarketing sütiket, csak a látogató hozzájárulása után szabad elhelyezni. A banneren az elutasítás legyen ugyanolyan könnyű, mint az elfogadás.
Mérés és bizalom
17. Analitika bekötve
Kösd be a Google Analytics 4-et vagy egy hasonló eszközt, és állítsd be a fontos eseményeket is: űrlapküldés, vásárlás, telefonszámra kattintás. Ha süti alapú eszközt használsz, csak a hozzájárulás után indítsd el.
18. Teljes favicon készlet
A kis ikon a böngészőfülön, a könyvjelzőkben és a telefon kezdőképernyőjén is megjelenik. Készíts belőle több méretet és egy SVG változatot is.
19. Valódi elérhetőség és cím
Egy valódi cím, telefonszám és e-mail-cím növeli a bizalmat, és a helyi keresésekben is segít. A cégadatok szerepeljenek az ÁSZF-ben és a láblécben is.
Bónusz: Core Web Vitals ellenőrzés
Élesítés után futtasd le a Google PageSpeed Insights tesztet. A jó értékek: LCP legfeljebb 2,5 másodperc, INP legfeljebb 200 ezredmásodperc, CLS legfeljebb 0,1. A leggyakoribb javítások: tömörített, modern formátumú képek (WebP, AVIF), kevesebb külső script, és a képek méretének előre megadása.
Hogyan használd ezt a listát?
Menj végig rajta minden új oldalnál és minden nagyobb módosítás után. Ha nem szeretnél ezzel bajlódni, a VRV Studio minden csomagjában mind a 19 pont benne van, és ezt az oldalt is ez alapján építettük. Ha azt is tudni szeretnéd, mennyibe kerül mindez, olvasd el a weboldal árakról szóló cikkünket.
Gyakori kérdések
Ez néhány naptól néhány hétig is tarthat. A sitemap beküldése a Search Console-ba és a más oldalakról érkező linkek gyorsítják a folyamatot.
Ha nem feltétlenül szükséges sütiket használsz, például analitikát vagy hirdetési követést, a látogató hozzájárulását előre kérned kell. Ha csak a működéshez szükséges sütik vannak, banner nem kell, de tájékoztatás igen.
A meta cím a keresőtalálatban és a böngészőfülön jelenik meg, a H1 az oldalon látható fő címsor. Lehetnek hasonlóak, de nem kell egyezniük.