Mi az a relatív URL?
A relatív URL egy olyan URL (Uniform Resource Locator), amely a célpont helyét adja meg annak az oldalnak a címéhez képest, ahol az található. Az abszolút URL-ekkel ellentétben a relatív URL-ek nem tartalmazzák a protokollt ("http://" vagy "https://") és a tartománynevet (pl. "example.com").
Például, ha ahttps://example.com/seo/glossary/relative-url/
oldal (egy záróvesszővel) a következő kódot tartalmazná:
<a href="best-practices">a legjobb gyakorlatok</a>
a kapcsolat végső célállomása a következő lenne
https://example.com/seo/glossary/relative-url/best-practices
.
Ez a példa a relatív URL legegyszerűbb használatát mutatja be. A relatív URL-ekkel kapcsolatos hibák elkerülése érdekében fontos, hogy ismerje a fejlettebb felhasználási eseteket.
A címtár megértése
Nézzük meg ugyanazt a példát, de ezúttal az oldal URL címe nem végződik záróvesszővel:
https://example.com/seo/glossary/relative-url
Ugyanaz a kód van rajta:
<a href="best-practices">a legjobb gyakorlatok</a>
vezetne:
https://example.com/seo/glossary/best-practices
.
Miért?
Bár a felhasználók számára nincs különbség, egy URL-cím, amelyikben van egy végigfutó perjel, technikailag egy könyvtárnak számít, míg egy, amelyikben nincs, az a /glossary/
mappán (könyvtáron) belüli fájlnak minősül. Ebben az esetben a relatív URL az aktuális könyvtárhoz képest relatív.
Van egy másik formátum is az aktuális címtár-relatív URL-hez:
./
a hivatkozás előtt.
Tehát ez a két link ugyanahhoz a célállomáshoz vezet:
<a href="best-practices">a legjobb gyakorlatok</a> <a href="./best-practices">a legjobb gyakorlatok</a>
Gyökérrelatív útvonal
Ha a relatív URL-címben van egy vezető átló, az azt jelenti, hogy a gyökértartományhoz viszonyít, és figyelmen kívül hagyja az összes mappát és almappát.
Visszatérve a példánkhoz:
<a href="/best-practices">a legjobb gyakorlatok</a>
Ez a kód ezen az oldalon létrehoz egy linket:
https://example.com/best-practices
Egy szinttel feljebb
A ../
előtag a relatív linket az aktuális könyvtárhoz képest egy szinttel feljebb lévő könyvtárhoz viszonyítja.
A https://exa mple.com/seo/glossary/relative-url
URL-cím aktuális könyvtára (a záróvessző nélkül) a /glossary/
.
Tehát a következő kód:
<a href="../legjobb gyakorlatok">legjobb gyakorlatok</a>
létrehoz egy linket:
https://example.com/seo/best-practices
Relatív vs abszolút URL-ek a SEO számára
A SEO szempontjából nincs különbség a relatív és az abszolút URL-ek között az oldalakon található linkekben. Azonban ajánlott (de nem tilos) abszolút URL-eket használni a rel="canonical"
és a hreflang
címkékben, hogy minimalizáljuk a hibák és a félreértések lehetőségét.
Következtetés
A relatív URL-ek és felhasználási módjaik megértése kulcsfontosságú a megfelelő webes navigációhoz és a szervezett webhelyszerkezet fenntartásához. Míg a relatív URL-ek leegyszerűsíthetik a webhelyen belüli linkkezelést, az abszolút URL-eket előnyben részesítik bizonyos SEO-címkékben az egyértelműség biztosítása és a hibák megelőzése érdekében.