Mi a technikai SEO, vagyis technikai keresőoptimalizálás?

A technikai keresőoptimalizálás területei, összetevői

Webtárhely és hosting

A webtárhely minősége és a hostingszolgáltatás tartalma erősen befolyásolják a webhely teljesítményét: a sebességét, az elérhetőségét és a felhasználói élményt, így jelentős szerepe van a technikai keresőoptimalizálásban.

Érdemes olyan tárhelyszolgáltatót választani, amely ügyel az alábbiakra:

• gondoskodik az SSL tanúsítvány beszerzéséről és konfigurálásáról (a https 2014 óta közvetlen Google-rangsorolási tényező),
• minél magasabb a rendelkezésre álló idő, azaz az uptime, vagyis minél kevesebb időre áll le az oldal például az elengedhetetlen szerverkarbantartás miatt,
• van megfelelő szerveroldali védelem az űrlapokhoz, bejelentkezési felületekhez a webhelyeket leterhelő és akár elérhetetlenné tevő támadások ellen,
• folyamatosan monitorozza a szervert, hogy azonnal cselekedni tudjon leállás vagy más hiba esetén,
• gondoskodik a szerver vírusvédelméről.

A webhelyek szerveroldali üzemeltetéséről A weboldalak üzemeltetésének általános követelményei oldalon található bővebb információ.

Prompt web hosting

Oldalbetöltődési sebesség

Nyilvánvaló, hogy az oldalak betöltődési sebességének óriási hatása van a felhasználói élményre, sőt arra, hogy egyáltalán használják-e a webhelyünket az emberek. A javaslat régóta az, hogy tartsuk a betöltődési időt 3 másodperc alatt.

A Google 2017-es kutatása szerint ha 1 másodpercről 3 másodpercre nő a betöltődési idő, az 32%-kal növeli a visszafordulási arányt!  

2020-ban a Google rangsorolási tényezői közé bekerült alapvető webes vitals-mutatók (Core Web Vitals) kézzelfoghatóbbá teszi, hogy melyik oldalélménnyel kapcsolatos sebességértékekre kell figyelnünk. 

A Google PageSpeed Insights eszközével ellenőrizhetjük az oldalak webes vitals mutatóit desktopon és mobilon, és itt a konkrét javítanivalók listáját is megkapjuk. Ha már van elegendő forgalmunk, akkor a Google Search Console-ban (a Felhasználói élmény > Alapvető webes vitals-mutatók fülön) is ellenőrizhetjük, hogyan teljesítenek az oldalaink.

A fejlesztés során ügyelünk az optimalizált kódra, amiben nem lesz semmi, ami felesleges vagy nem oda való, ha pedig a webhelyet a saját tárhelyünkön is hostoljuk, még több ráhatásunk van, hogy a lehető legjobb teljesítményt nyújtsa.

Mobilbarát megjelenítés (reszponzív oldalak)

Ma már felhasználói alapelvárás (és rangsorolási tényező is), hogy minden oldalnak minden kijelzőméreten tökéletesen használhatónak kell lennie. 

Természetesen mi is gondoskodunk a reszponzivitásról: akár sablon, akár egyedi dizájn alapján dolgozunk, a kompatibilitás érdekében a webhelyeinket alaposan teszteljük a népszerű mobileszközökön: iPhone-on, iPaden, Android okostelefonokon és táblagépeken is.

A reszponzivitás tesztelésére a Google is kínál egy eszközt, a Mobilbarát teszt oldalt, de a Search Console-ban is van szekciója a mobilos használhatóságnak (Felhasználói élmény > Mobilos használhatóság).

Duplikációk kiküszöbölése

Viszonylag gyakran előfordul, hogy ugyanaz a webhely elérhető www-s és www nélküli és néha még http-s és https-es verzióban is. Ha ez mind fennáll, az azt jelenti, hogy négy, teljesen egyforma tartalmú webhelyünk van, és ez bőven kimeríti a duplikáció fogalmát.

Azt, hogy egy verzió legyen elérhető, a többi pedig irányítson át erre a verzióra, a legegyszerűbben szerveroldali átirányítással lehet megoldani.

Szemantikus HTML

Míg a weboldalak felépítése, elemeinek hierarchiája és jelentése a humán látogatók számára a vizuális megjelenítés miatt egyértelmű és intuitív lehet anélkül is, hogy látnánk a kódot, a HTML címkék a gépek számára könnyítik meg ugyanezeknek a megértését.

A gépeket a HTML címkék informálják, hogy egy adott elem funkciója a navigáció, a lábléc része-e, vagy a fő tartalmi rész szerves eleme, esetleg ahhoz lazán kapcsolódó, kiegészítő információ. 

Ha a megfelelő HTML5-elemeket használjuk az oldalaink egyes részeihez, az segít a keresőmotoroknak és a képernyőolvasóknak az oldal struktúrájának értelmezésében, feldolgozásában. 

A helyes HTML elemekben való elhelyezéssel (a szemantikus HTML-lel) segítjük a gépeket annak értelmezésében, hogy mi is az oldalunk témája, melyek a legrelevánsabb és legfontosabb elemei, és az egyes elemek hogyan viszonyulnak egymáshoz.

Feltérképezhetőség és indexelési állapot

A technikailag keresőoptimalizált webhelyeknek minden linkjét be tudják járni, fel tudják térképezni a robotok, a linkek nincsenek elrejtve előlük (pl. javascriptes megoldások miatt).

A domain.hu/robots.txt címen elérhető robots.txt fájllal tudjuk jelezni a robotoknak, hogy a website mely részeit szeretnénk, ha bejárnák, sőt botonként is meghatározhatjuk ezt. A webhelyeinkhez egy ilyen robots.txt fájlt is hozzáadunk, és publikáláskor meggyőződünk róla, hogy ebben a fájlban is engedélyezve van a feltérképezés, illetve le van tiltva azoknak a részeknek a feltérképezése, amelyeket a honlap tulajdonosa kér. A robots.txt fájlt kérésre bármikor módosítjuk, bővítjük a webhely tulajdonosainak igényei szerint. 

A feltérképezési és indexelési állapotot egyébként a Google Search Console-ban az Index > Lefedettség fülön, vagy akár egy site:domain.hu Google-kereséssel (ahol a domain.hu rész helyére a saját domainnevünk kerül) lehet ellenőrizni. 

Annak az ellenőrzésére pedig, hogy tökéletesen bejárhatók a website-unk linkjei, használhatjuk a Screaming Frog SEO Spider nevű eszközét, amelynek az ingyenes verziójával 500 URL-ig feltérképezhetjük a webhelyünket. Többek között megnézhetjük, melyik oldalunkra hány link mutat és melyik oldalakról, milyen linkszöveggel; felderíthetjük a törött (nemlétező oldalakra mutató) linkeket, illetve az átirányításokat; egyetlen jelentésben láthatjuk az oldalakhoz tartozó 1. és 2. szintű címsorokat, oldalcímeket (page title-öket), metaleírásokat, stb. A fizetős verzióban rengeteg haladó konfigurációs lehetőséget találunk, a bot típusának meghatározásától a javascriptes renderelés beállításáig.

Kanonikus URL-ek

Előfordul, hogy lényegében ugyanaz a tartalom sok, akár több száz URL-en elérhető. Ilyenkor a minél hatékonyabb feltérképezhetőség érdekében ajánlott megadni a robotoknak, hogy mi a fő változat, amit szeretnénk, ha figyelembe vennének. Erre szolgál a kanonikus URL.

A kanonikus URL legtöbbször ugyanaz, mint a címsávban megjelenített URL, hiszen egy oldal általában egyféle URL-lel fut. Például egy webshopban a női cipők kategóriaoldalának lehet például ilyen URL-je: 
www.domain.hu/cipok/noi.

De ha például lehet szűrni az oldalon belül, akkor egy szűrő vagy rendezési szempont kiválasztásával az URL gyakran kap egy paramétert. Például ha ár szerint sorba rendezzük a terméklistát, akkor ilyen lehet az URL:
www.domain.hu/cipok/noi?rendezes=ar_novekvo.

Ennek az oldalnak a tartalma ugyanaz, mint a www.domain.hu/cipok/noi oldalé, csak az elemek sorrendje más rajta.

Ilyenkor a kanonikus URL-lel jelezhetjük, hogy a tartalomnak melyik változatát tekintjük az alapértelmezettnek, amit fel szeretnénk térképeztetni, valamint a keresőkben meg szeretnénk jeleníttetni, illetve így kerülhetjük el, hogy az egyes verziók esetleg duplikált tartalomnak minősüljenek.

A webhelyeink fejlesztése során mindig gondoskodunk róla, hogy a kanonikus URL-ek szempontjából is megfelelően kezelje az oldalakat a rendszer.

Hreflang attribútum

Ha ugyanaz a tartalom több nyelven is megtalálható a site-on, akkor a hreflang HTML attribútummal jelezhetjük a Google számára, hogy milyen nyelveken létezik az adott tartalom, melyik tartalomnak melyik más oldalak milyen nyelvű fordításai.

A többnyelvű oldalaink kódjába automatikusan bekerül a hreflang attribútum, ezzel nincs külön teendő.

Az ellenőrzéséhez kattintsunk az oldalon jobb egérgombbal, válasszuk a „View page source” menüpontot, majd keressünk rá a „hreflang” szóra. Egy olyan tartalomnak a kódjában például, amelynek van magyar és spanyol verziója, kell találnunk egy ehhez hasonló részletet:

<link rel="alternate" hreflang="hu"
       href="https://domain.hu/oldal" />
<link rel="alternate" hreflang="es"
       href="https://domain.hu/es/pagina" />

SEO-modulok

Bizonyos technikai SEO-beállítások elvégzéséről a tartalomszerkesztés során gondoskodnak a webhely tulajdonosai vagy szerkesztői (vagy a feladattal megbízott SEO-szakértő).

Ezeket a beállításokat a tartalomkezelő rendszerekben (mint amilyen a WordPress vagy a Drupal) különféle kiegészítőkkel könnyen el lehet végezni, nem kell hozzá fejlesztői közreműködés. Mi is telepítünk ezekhez a beállításokhoz minden szükséges modult:

• Menübeállítások, amellyel bármely oldal hozzáadható a főmenühöz menüpontként vagy bármely menüpont almenüpontjaként: 

  

  

• Útvonal beállításai, amellyel az URL domainnév utáni részét, az útvonalat lehet szerkeszteni, ha az automatikusan generált valamiért nem megfelelő: 

  

  

• Webcím-átirányítások, amellyel a webhely kezelői szabadon hozzáadhatnak átirányításokat az oldalcímekhez: 

  

  

• XML oldaltérkép, amellyel az általunk beállított konfiguráció szabadon módosítható: 

  

  

• A képek alt attribútuma minden, a médiatárba feltöltött vagy szövegbe beszúrt képnél megadható.

• Metajelölők, amellyel az oldalcím, a metaleírás, a noindex, a nofollow, Open Graph és további számos címke felhasználóbarát módon szerkeszthető: 

  

  

  

  

Mi az előnye a technikailag minőségi webhelynek?

A technikailag optimális működés megkönnyíti és élvezetessé teszi az oldalaink felfedezését és használatát a felhasználók számára. Egy gyorsan betöltődő, fennakadások nélkül használható, a különféle képernyőméretekhez optimálisan alkalmazkodó oldal jobb felhasználói élményt jelent.

A keresőkben való rangsorolásban is szerepet játszhat a technikai minőség. Az informatív, hasznos, egyedi tartalom elengedhetetlen ahhoz, hogy egy-egy keresőkifejezésre előkelő helyen szerepeljen egy-egy oldalunk a találati listákon. Azonban két, hasonlóan informatív és jól megírt tartalmú weboldal helyezési sorrendjében az lehet a döntő, hogy technikai téren hogyan teljesítenek. A gyorsan betöltődő, átlátható és feltérképezhető linkstruktúrájú, mobilbarát oldalnak hatalmas az előnye ilyenkor.

Mivel a technikailag keresőoptimalizált, alapjaiban minőségileg megépített, kiváló teljesítményű oldalak minőségibb felhasználói élményt nyújtanak, a hirdetési költségeik is alacsonyabbak. Egy lassan betöltődő, esetleg nem mobilbarát, zavarosan felépített oldalt hirdetni jóval költségesebb, mint egy professzionálisan kivitelezett webhely oldalait.

A technikailag minőségi megvalósítás az akadálymentes kódolásnak, webfejlesztésnek is az alapja, vagyis a technikailag keresőoptimalizált webhelyekhez többen férnek hozzá, szélesebb a potenciális közönségük. A webhelyek akadálymentességének feltételei közvetlenül vagy közvetetten a technikai és a tartalmi SEO szempontjából is a legjobb gyakorlatot jelentik.