Menü

Keresőbarát URL (SEO friendly URL) tervezés

2012. március. 03. | 10142 |

A dinamikus weboldalak elterjedésével a webcímek (URL-ek) is egyre bonyolultabbak lettek, mivel maga az URL hordozza a tartalom megjelenítésére vonatkozó információk nagy részét.

Ezek az információk jelzik az oldalnak, hogy a látogató melyik menüpontot választotta, milyen nyelven nézi az oldalt, melyik kategóriában lévő termékeket listázza … stb. 

A dinamikus tartalom-megjelenítés azért előnyös, mert lehetővé teszi, hogy nem kell minden tartalom típushoz, minden megjelenítéshez külön oldalt létrehozni, mert ezt a feladatot egy oldal is képes elvégezni, amennyiben megkapja a megjelenítéshez szükséges információkat.

Ezek az információk különböző paraméterek formájában jelennek meg a weboldal URL-jében, amelynek hatására az URL meglehetősen kusza képet mutat.

Néhány példa az ilyen hagyományos URL-re:

http://www.akarmi.hu/oldal.php?id=12
http://www.akarmi.hu/index.php?func=view&id=12
http://www.akarmi.hu/cgi-bin/page.php?id=4&view=basic&sort=1
http://www.akarmi.hu/termekek.php?product_id=5678&modell=12&szin=3
http://www.akarmi.hu/termekek.php?category_id=12&subcategory_id=34&product_id=5678

A hagyományos URL-ek hátránya

  • Nehéz begépelni. Az URL hossza, a sok speciális karakter megnehezíti a pontos begépelést, nagyobb a tévesztés lehetősége, ami potenciális forgalomcsökkenéssel járhat.
  • Nehezen megjegyezhető. Az URL komplexitása miatt nehéz megjegyezni, így fennáll a veszélye annak, hogy a látogató legközelebb nem talál vissza az adott oldalra.
  • A felhasználó számára nem hordoz információt, csak ismeretlen változó neveket és paramétereket.
  • Biztonsági kockázatot hordoz. Az URL-ből kiolvasható az alkalmazott technológia, a paraméterek neve és használata, amelyből egy rossz indulatú támadó adott esetben információkat meríthet.
  • Nem keresőbarát. A Google a weboldalak rangsorolása során fokozott figyelmet fordít a domén névre és az URL tartalmára. A hagyományos URL-ből azonban hiányoznak a tartalomra vonatkozó kulcsszavak, amelyek rontják az oldal keresőkben való pozícióját.

Miért használ mégis olyan sok oldal hagyományos URL-eket? A válasz egyszerű: azért, mert a webfejlesztés során ez a legegyszerűbben és leghatékonyabban előállítható forma, ráadásul az oldal tesztelését is megkönnyíti. Ha keresőbarát URL-t szeretnénk, azt adott esetben hosszabb és átgondoltabb tervezésnek kell megelőznie ami a fejlesztő számára többlet munkával jár.

Keresőbarát URL-ek

A hagyományos URL-ek hátrányainak kiküszöbölésére nyújtanak megoldást a keresőbarát URL-ek.

A keresőbarát URL előnyei:

  • Rövidek és egyszerűek
  • Könnyen megjegyezhetőek
  • Elrejtik a fájl kiterjesztést és ezzel az alkalmazott technológiát
  • Nem tartalmaznak különleges karaktereket
  • Magukban hordozzák és leírják a site struktúrát
  • Keresőbarátak

Melyek azok a szempontok amelyeket egy keresőbarát URL kialakítása során szem előtt kell tartani:

  • Legyen minél rövidebb és egyszerűbb, ezáltal könnyebben megjegyezhető
  • Ne csak egy oldalra, hanem az egész weboldal struktúrájával, működésével összhangban az egész site-ra terjedjen ki az URL tervezés
  • Lehetőség szerint csak kisbetűkből álljon
  • A space helyett javasolt kötőjelet alkalmazni. Kerüljük az aláhúzás karaktert
  • Ékezetes karaktereket nem támogat, ezért azokat konvertálni kell használat előtt

Néhány példa hagyományos URL-re és azok keresőbarát megfelelőjére:

Hagyományos URL: http://www.akarmi.hu/kapcsolat.php
Keresőbarát URL: http://www.akarmi.hu/kapcsolat

Hagyományos URL: http://www.akarmi.hu/index.php?page=kapcsolat
Keresőbarát URL: http://www.akarmi.hu/kapcsolat

Hagyományos URL: http://www.akarmi.hu/index.php?page=consulting/marketing
Keresőbarát URL: http://www.akarmi.hu/consulting/marketing

Hagyományos URL: http:// www.akarmi.hu/kb/index.php?cat=8&id=41
Keresőbarát URL: http://www.akarmi.hu/kb/8/41

Hagyományos URL: http://www.akarmi.hu/index.php?mod=profiles&id=193
Keresőbarát URL: http://www.akarmi.hu/profiles/193

Hagyományos URL: http://www.akarmi.hu/services/index.jsp?category=legal&id=patents
Keresőbarát URL: http://www.akarmi.hu/services/legal/patents

Hagyományos URL: http://www.akarmi.hu/widgets.php?cat=blue&page=1
Keresőbarát URL: http://www.akarmi.hu/widgets/blue/page1.php

Hagyományos URL: http://www.akarmi.hu/cars/control/prod/~pid=11010052000- P/~model=8636 
Keresőbarát URL: http://www.akarmi.hu/cars/11010052000-P/8636/bmw-e46-m3.html

Hagyományos URL: http://www.akarmi.hu/page.php?category=2&product=54
Keresőbarát URL: http://www.akarmi.hu/sandwiches/rueben-sandwich

Hagyományos URL: http://www.akarmi.hu/products?category=2&pid=25
Keresőbarát URL: http://www.akarmi.hu/products/2/25

A keresőbarát URL tervezés

A keresőbarát URL megtervezése során igazodni kell az oldal tartalmához és a megjelenítés formájához. Eltérő URL szerkezetet célszerű használni egy- és többnyelvű oldalak esetén. Nem mindegy, hogy a megjeleníteni kívánt tartalom blog bejegyezésekre, menüpont tartalomra vagy webshop termékekre vonatkozik. Az alábbiakban néhány példát sorolok fel mindegyik típusra.

A felsorolás nem teljes, nem fedi le a teljes oldal struktúrát és csak egy-két lehetséges megoldást mutat. Hogy a keresők szempontjából melyik a tökéletes megoldás, azon hosszasan lehetne vitatkozni. A keresők több, mint 100 szempontja közül ez csak az egyik, véleményem szerint nem a köztük lévő különbség fogja alapvetően befolyásolni az oldal teljesítményét.

Blog oldalak keresőbarát URL megvalósítása

A blog oldalak esetén mérlegelni kell, hogy mennyire fontos a bejegyzés dátuma az oldal-struktúra és keresőoptimalizálás szempontjából és ennek megfelelően célszerű elhelyezni az URL-ben.

Hagyományos URL: http://www.akarmi.hu/hu-hirek-details.php?hirek_id=192
Keresőbarát URL: http://www.akarmi.hu/hirek/muholdkep-az-elsullyedt-costa-concordiarol/192

További példák blog oldalakról különböző megoldásokkal:

  • http:// akarmi.hu/technologia/2011/07/17/ropogos-bor-szaftos-hus/
  • http://www.akarmi.hu/post/17129/sunreef-yachts-damrak-ii-in-mostra-a-miami
  • http://www.akarmi.hu/2012/02/21/elsullyedt_hajo
  • http:// www.akarmi.hu/2011/12/create-facebook-account.html
  • http://www.akarmi.hu/2012/02/21/mazas_cserepek_keszitese

Többnyelvű oldalak keresőbarát URL kialakítása:

Többnyelvű oldalak esetén célszerű, ha az URL-ben jelezzük a választott nyelvet ("/en"), majd utána ezen a nyelven jelennek meg a menüpont elnevezések, elősegítve a könnyebb megjegyezhetőséget és a jobb helyezéseket a keresőben.

Hagyományos URL: http://www.akarmi.hu/accomodation.php?nyelv=1
Keresőbarát URL (magyar nyelv): http://www.akarmi.hu.com/szobak
Keresőbarát URL (angol nyelv): http://www.akarmi.hu.com/en/accomodation
Keresőbarát URL (német nyelv): http://www.akarmi.hu /de/zimmer

Webshopok kettő- és három-szintű termék kategóriáinak és termékeinek keresőbarát URL-je

Webshopok esetén talán még hosszabb tervezésre van szükség az optimális URL struktúra kialakításához. A végleges formát nagyban befolyásolja, hogy hány szintű a termék kategorizálás illetve a keresőoptimalizálás során mely szintek kulcsszavait szeretnénk az URL-ben megjeleníteni.

Az alábbi konkrét példák jól mutatják, hogy adott esetben a nagyobb oldalak is merőben eltérő URL szerkezetet választanak:

1. szint (főkategória): http://www.olcsobbat.hu/szorakoztato_elektronika/
2. szint (alkategória): http://www.olcsobbat.hu/szorakoztato_elektronika/mobiltelefonok/
3. szint (termék): http://www.olcsobbat.hu/szorakoztato_elektronika/mobiltelefonok/apple_iphone_4s/

1. szint (főkategória): http://www.kirakat.hu/haztartasi_gepek/
2. szint (alkategória): http://www.kirakat.hu/haztartasi_gepek/mosas_takaritas/mosogep/
3. szint (termék): http://www.kirakat.hu/termek/samsung_wf1600nhw-4f203990c1a99f89710001f7/

1. szint (főkategória): http://www.origovasarlas.hu/c3166/haztartasi-gep/
2. szint (alkategória): http://www.origovasarlas.hu/c4400/kavedaralo/
3. szint (termék): http://www.origovasarlas.hu/p1966130/bosch-mkm-6000/

1. szint (főkategória): http://www.edigital.hu/Informatika-m2.html
2. szint (alkategória): http://www.edigital.hu/Informatika/Billentyuzet-c390.html
3. szint (al-alkategória): http://www.edigital.hu/Informatika/Billentyuzet/Vezetekes_billentyuzet-c391.html
4. szint (termék): http://www.edigital.hu/Vezetekes_billentyuzet/Trust_eLight_billentyuzet-p258160.html

Tetszett a cikk? Ne maradj le az újdonságokról!

Iratkozz fel és havonta egyszer küldünk egy összefoglaló e-mailt!