Milyen egy jó weboldal manapság?
Egy kedves kis összefoglaló arról, hogy milyen egy jó weboldal manapság a moz.com infografikája alapján. Úgy gondoltuk, megér egy posztot. 🙂
Egyedi értékekkel rendelkezik
- Az oldal egyedi, hiteles, egyértelmű plusz értékekkel rendelkezik a weboldal vagy a szerző önreklámozásán túl
- A tartalom minősége jelentős mértékben kitűnik a tömegből
- A szövegek, képek és multimédia tartalmak figyelemfelkeltők
- Az oldal látogatóinak legalább 80%-a találja a weboldalt hasznosnak, jó minőségűnek és egyedinek
- A keresőkből érkező látogatók nemigen térnek vissza a találati listára, hogy egy másik találatra kattintsanak. (Alacsony a visszafordulási arány.)
Rendkívüli felhasználói élményt biztosít
- Az oldal felhasználói számára a tartalom- és navigációs elemek könnyen fogyaszthatók / felismerhetők
- A dizájn esztétikailag letisztult, jó minőségű, és jól illeszkedik a brandhez
- Az oldal kialakítása könnyen átláthatóvá teszi a tartalmakat, és egyértelműsíti, hogy mely elemek a fontosak
- Az oldal gyorsan betöltődik (< 0.5 mp az első válasz, és < 4 mp amíg a teljes oldal be nem töltődik)
- Csak kevés számú böngésző lekérdezés szükséges ahhoz, hogy az oldal teljesen betöltődjön
- Az oldal böngésző-független és reszponzív (vagy külön-külön optimalizált)
Kulcsszavak szerint célzott
- Egy adott aloldal egyetlen témára / kifejezésre (és szorosan kapcsolódó kulcsszavakra) koncentrál
- A legfontosabb, legrelevánsabb kifejezések jelennek meg a title meta tag első szavaiban
- A legfontosabb, legrelevánsabb kifejezések jelennek meg az aloldal URL-jében
- A tartalom logikusan és érthetően van felépítve, miközben kapcsolódó kulcsszavakat / kifejezéseket tartalmaznak
- Releváns kulcsszavak megfelelő módon ki vannak emelve félkövérrel / dőlttel / méretezéssel / stb.
- A legfontosabb, legrelevánsabb kifejezések jelennek meg az oldal címsorában
- Releváncs kulcsszavak legalább 2-szer szerepelnek az oldal tartalmi részében (body)
- Másodlagosan fontos kulcsszavak is szereplhetnek, ha van hely, a címsorokban / title tag-ben / a body részben
- Az oldalon elhelyezett képek alt tag-je beszédes és kulcsszógazdag
- Beszédes, kulcsszógazdag horgonyszöveget hasznáunk az adott oldalra mutató linkeknél
Úgy van kialakítva, hogy közösségi hálózatokon meg lehessen osztani
- Az adott oldal URL-je beszédes, és egyértelműsíti, mi az oldal témája
- Tartalmaz különböző megosztási lehetőségeket az oldal látogatóinak leginkább megfelelő szociális csatornákra
- Az adott oldal jó eséllyel számot tart érdemi megosztásra (vagyis akik megosztják, olyan követőkkel rendelkeznek, akik jó eséllyel kedvelni fogják a megosztást, és így további aktivitások valószínűsíthetők)
- Igény szerint használd a Facebook Open Graph vagy Twitter Cards elemeket!
Alkalmas különböző eszközökön való megjelenítésre
- Betöltődik minden (népszerű) böngészőben
- Minden képernyőméreten olvashatóan és szépen jelenik meg
- Ugyanolyan URL-lel töltödik be az oldal bármilyen eszközön
A keresőmotorok és -robotok által olvasható
- Az URL statikus (vagyis nem tartalmaz dinamikus paramétereket)
- Az URL-hez egyedi tartalom tartozik (a duplikált tartalmak is ide mutatnak)
- A tartalom HTML-ben töltődik be (és nem utólag JS/AJAX/iFrame/stb. technológiákon keresztül)
- 4 kattintásnál több nem szükséges hogy bármilyen tartalmat bárhonnan elérjünk
- Régebbi vagy más verziókról való átirányítás 301-eket vagy rel=canonical-t használ, és nem 302-ket
- Átirányítások a régebbi vagy más verziókról direkt módon történnek (és nem átirányítási láncolatokon keresztül)
- Ha az oldal ideiglenesen nem elérhető, akkor a szerver 503-as kóddal szolgálja ki
- Igény szerint az oldal egy RSS olvasóba tehető. Az RSS URL visszatér az eredetihez
- Meta robots tagek engedélyezik az oldal bejárását / beindexelését
- A robots.txt fájl nem blokkolja az oldal bejárást
- A kiszolgáló szerver nincs tiltólistán
- Alapvető oldalelemek limitált számú karaktert tartalmaznak:
- Title tag < 70 karakter
- URL < 90 karakter
- Meta leírás < 160
- A weboldal XML Sitemaps-fájlja tartalmazza az adott URL-t
Szerzők, meta adatok, schema.org és rich snippetek
- Az oldal tartalma szerzőhöz kapcsolódik adott markup-on, a rel=”author” vagy rel=”publisher” tag-en keresztül
- A tartalomtól / témától / iparágtól függően az oldal használja a schema.org mikroadat markup tag-eket, hogy struktúráltan legyen a weboldal metaadatolva
- A tartalomtól / témától / iparágtól függően az oldal használja a Google rich snippet markup tag-eket, hogy a keresőkben a felhasználók további hasznos információkat találjanak
- Az oldal használja az elsődlegesen és másodlagosan fontos kulcsszavakat a meta leírásban
- A meta leírás felkelti az érdeklődést és átkattintást eredményez a keresők találati listájában
- Általában kerüli a meta kulcsszavakat (kivéve ha belső kereséshez kell)
- Igény szerint az oldal országhoz / nyelvhez használja a hreflang tag-et