Vess egy pillantást a böngésződ címsorára. A „https” karaktersorral kezdődő rész egy URL, vagyis egy közvetlen cím, amely megmutatja, hol találhatók a weboldalak az interneten. Az URL-ek fontos szerepet játszanak az üzleti életben és a hétköznapokban egyaránt. Nélkülük nem tudnánk szabadon barangolni az interneten, és senki sem tudna rákeresni egy vállalkozásra vagy online vásárolni.
Ha megtanulod, hogyan épülnek fel az URL-ek, jobban megérted a saját – vagy bármely – weboldal felépítését. Vannak módszerek, amelyekkel hasznosabbá teheted a weboldalad URL-jeit a keresőmotorok számára, és érthetőbbé az emberek számára. Ezekkel az alapokkal felvértezve azonosíthatod azokat a navigációs problémákat, amelyek hatással vannak a keresőoptimalizálásra (SEO) és a felhasználói élményre (UX).
Nézzük meg részletesen egy URL részeit, és azt, hogy ezek miként segítenek eligazodni a világhálón.
Mi az az URL?
Az URL az angol „uniform resource locator” kifejezés rövidítése, ami magyarul egységes erőforrás-azonosítót jelent. Ez egy internetes cím technikai neve. A leggyakrabban egy weboldal céloldalára mutat egy webes domainen belül, mint például a Shopify.com – ezek az emberek számára olvasható nevek felelnek meg a numerikus IP-címeknek. Egy URL mutathat ugyanazon a weboldalon belüli másik oldalra vagy egy teljesen más domainre is.
Az URL a hiperhivatkozások legfontosabb része – ezek azok a kattintható elemek, amelyek megkönnyítik a világháló böngészését. Egy URL akkor jelenik meg a böngésző címsorában, amikor rákattintasz egy hiperhivatkozásra, de közvetlenül is beírhatod a címsorba.
Például a Shopify ezen hiperhivatkozásában a https://shopify.com URL rejtőzik. Amikor az egérmutatót e hivatkozás fölé viszed, az URL megjelenik a böngésző alján lévő állapotsorban vagy egy előugró buborékban a kurzor mellett. A látható Shopify szöveg az általános hely ismerős jele, de amire a böngészőnek valójában szüksége van, hogy a pontos helyre ugorjon, az a hivatkozásban lévő URL-cím: https://shopify.com.
Egy URL alapvető részei
Az URL-ek lineárisan épülnek fel. Szedjük szét apró darabokra az URL alapvető részeit sorban, hogy jobban megértsük, hogyan kapcsolódik az egyes elem az egészhez:
Protokoll
Egy URL első része a protokoll, amelyet sémának is neveznek. A protokoll határozza meg, hogyan kell a böngészőnek értelmeznie és megjelenítenie az erőforrást. A legnépszerűbb protokollok a http:// és a https://.
A HTTP a hypertext transfer protocol (hiperszöveg-átviteli protokoll) rövidítése, amely minden weboldal gerincét alkotja. A HTTPS lényegében ugyanaz, de a végén lévő „S” betű a secure (biztonságos) szóra utal, ami azt jelenti, hogy a weboldalt hitelesítették, és rendelkezik SSL/TLS-tanúsítvánnyal. A biztonságos HTTPS-oldalon megadott információk (mint például a jelszavak) biztonságosabbak, mert az adatok titkosítva vannak. Néhány weboldal még mindig HTTP-t használ, de ez sebezhetőbb a kibertámadásokkal szemben. Mivel egyes felhasználók a HTTP-t túl kockázatosnak tartják, bevált gyakorlat, hogy az e-kereskedelmi weboldalad esetén HTTPS-t használj. A Shopify-áruházakban a HTTPS alapértelmezés szerint engedélyezve van.
Egy URL a weboldalakon kívül más internetes erőforrásra is mutathat (mint például egy tárolt PDF-re) az alább ismertetett különböző protokollok segítségével. A hiperszöveg-átviteli protokoll azonban – amely megkülönbözteti a weboldalak lapjait más erőforrásoktól – és annak biztonságos változata (HTTPS) messze a leggyakoribb URL-típusok.
Ezek a további protokollok nem olyan népszerűek, mint a HTTPS, de jó tudni, hogy léteznek:
- FTP (file transfer protocol, fájlátviteli protokoll), amely fájlok mozgatására szolgál a kliens- és a szervergépek között.
- SMTP (simple mail transfer protocol, egyszerű levéltovábbítási protokoll), egy e-mail-szerver protokoll.
- IRC (internet relay chat), egy szöveges csevegőprotokoll.
- File, amely a saját helyi számítógépeden lévő fájlokra utal.
- Gopher, egy ősi kliens-szerver menürendszer dokumentumok, alkalmazások és szerverek böngészésére, amely megelőzte a webet.
- Gemini, egy könnyű, egyszerű protokoll, amelyhez külön kliensalkalmazás szükséges a „Geminispace” hálózati erőforrásainak eléréséhez.
Aldomain
Ezután következik az aldomain, egy URL nem kötelező része, amely egy kategóriát jelöl a teljes weboldalad nagyobb tárolóján belül. Például a help (súgó) aldomain-kategória a shopify.com gyökérdomainen belül helyezkedik el ebben az URL-ben: help.shopify.com.
Az aldomain egy felhasználóbarát módja a weboldalad tartalmának rendszerezésére. A gyakori aldomainek közé tartoznak például:
- Blog
- Hírek
- Támogatás vagy súgó
- Közösség
Például a https://community.shopify.com URL-nél a látogatók egy pillantással látják, hogy a Shopify közösségi fórumát érik el.
Az aldomainek nem kötelezőek, de népszerűek, mert érthető módon irányítják a weboldalforgalmat – amit az emberek és a keresőmotorok is nagyra értékelnek. Ha már van Shopify-áruházad, a Shopify adminisztrációs felület beállításaiban hozzáadhatsz egy aldomaint.
Gyökérdomain
A gyökérdomain rész kötelező. Két részből áll: egy másodszintű domainből (SLD) és egy legfelső szintű domainből (TLD).
- Másodszintű domain. Az SLD az az egyedi név, amelyet az áruházadhoz vagy weboldaladhoz regisztráltál egy domainnév-regisztrátornál. Gondolj rá úgy, mint a fő domainre, ahol a vállalkozásod márkaneve, például a Nike vagy az Adidas szerepel.
- Legfelső szintű domain. A legfelső szintű domain a weboldal általános kategóriáját jelöli, mint például a .com (kereskedelmi), .org (szervezet), .edu (oktatási) vagy .net (számítógépes hálózat).
Például a Shopify.com gyökérdomain a „Shopify” másodszintű domainből és a „.com” TLD-ből áll. Ha a vállalkozásod nevét használod az SLD-hez és a .com-ot a TLD-hez, megfelelsz a vásárlók egy e-kereskedelmi weboldallal kapcsolatos elvárásainak.
Útvonal
Az útvonal egy adott erőforrás pontos helyére mutat. A célállomás általában egy weboldal. A perjellel vagy perjelekkel rendszerezett útvonal sokoldalú módja annak, hogy a megfelelő helyre irányítsuk a keresőmotorok robotjait, így azok megértik a weboldal szemantikai felépítését. Ez javíthatja az oldal láthatóságát a találati listákban. Az útvonal a gyökérdomain után következik, és különböző szegmenseket tartalmazhat, amelyeket perjel (/) választ el, így:
Itt az útvonal egy alkönyvtárat – a blogot – jelöl, ahol az összes blogoldal található.
Alkönyvtár
A gyökérdomain után jön az alkönyvtár, amelyre úgy is gondolhatsz, mint egy fájlkönyvtáron belüli almappára. Az alkönyvtár további kontextust ad arról, hogy az URL miben különbözik a weboldal más területeitől. Például a /pricing a Shopify weboldalának árazási szakaszához vezeti a felhasználókat. Egy pillantással tudod, hogy ez az URL a Shopify tagsági díjszabásáról fog szólni.
Gyakori, hogy egy URL éppen itt, az alkönyvtárnál ér véget – különösen, ha az URL egy indexoldalra vagy céloldalra mutat. Az alkönyvtárak nevei nem mindig felelnek meg pontosan a webszerver gyökérfájlrendszerében lévő almappáknak. Egy URL-nek csak látszólag van könyvtárszerkezete. Elképzelhető, hogy a tartalomkezelő rendszered (CMS) úgy manipulálja az URL-szerkezetet, hogy az a jobb olvashatóság érdekében fájlútvonalnak tűnjön, miközben a webtartalom tárolására saját, összetett szerkezettel rendelkezik.
Az alkönyvtáradat bárhogyan elnevezheted, de a felhasználói élmény kedvéért érdemes érhetőnek és pontosnak lennie. Például az olyan alkönyvtárnevek, mint a katalógus, blog, árazás, szállítás és súgó, azonnal felismerhetők.
Slug
Az URL-slug egy weboldal tartalmának leírása, egyetlen szóra vagy kötőjeles kifejezésre lecsupaszítva. Ez olvashatóbbá teszi az URL-t az emberek és a robotok számára egyaránt. Az alkönyvtárt követő perjel után jelenik meg.
Például a /blog/topics/marketing két alkönyvtárból – blog és topics – áll, amely a „marketing” slugnál végződik. Ez elárulja, hogy van egy marketing oldal, amely a topics szakasz alatt található, ami pedig a blog alkönyvtáron belül helyezkedik el.
Egy URL haladó részei
Most, hogy tisztában vagyunk az alapokkal, nézzük meg, hogyan lehetnek az URL-ek még részletesebbek. Bár a bonyolultság sokkal technikaibbá és sokkal kevésbé olvashatóvá teszi az URL-eket, több testreszabást kínálnak, mint amennyire a weboldalad szerkezetének szüksége lehet:
Port
A port azonosítja azt a kapcsolattípust, amely egy adott alkalmazás vagy weboldal eléréséhez szükséges egy webszerveren. Minden protokollnak megvan a saját portszáma.
Íme néhány:
- Portszám protokoll 80 HTTP (hypertext transfer protocol): a titkosítatlan webforgalom alapértelmezett portja
- 443 HTTPS (hypertext transfer protocol secure): biztonságosabb, titkosított adatcsatorna a webforgalomhoz
- 21 FTB (file transfer protocol): fájlok átvitelére szolgál kliensek és szerverek között
- 22 SSH (secure shell): parancssoros távoli hozzáférést tesz lehetővé a szerverekhez
- 25 SMTP (simple mail transfer protocol): kimenő leveleket küld a szerverekről
- 143 IMAP (internet message access protocol): egy másik módszer e-mailek küldésére a levelezőszerverekről
- 3389 RDP (remote desktop protocol): távoli hozzáférést enged a Windows-asztalokhoz
A portszámot a gyökérdomain után és az útvonal elé helyezed, így:
A portok általában nem jelennek meg az URL-ekben, mert a böngészők felismerik a gyakori protokollokat, és automatikusan a megfelelő porton keresztül csatlakoznak. Figyeld meg például, mi történik, amikor a fenti hivatkozásra kattintasz. A böngésző menet közben egy egyszerűbb URL-t képez:
A portok azokban a ritka esetekben hasznosak, amikor egy nem szabványos portot kell azonosítanod, amelyet a fejlesztők időnként fejlesztési és tesztelési környezetekben, valamint biztonsági okokból használnak.
Lekérdezés
Ha egy URL kérdőjelet tartalmaz, ez azt jelzi, hogy a felhasználó beírt egy keresőkifejezést. A lekérdezést egy példával lehet a legjobban megérteni. Tegyük fel, hogy egy felhasználó rákeres a Shopify blogon az „Apple Pay” kifejezésre. Ez az URL jön létre:
A lekérdezés a „search?” résszel kezdődik. A „%20” szimbólum a szavak közötti szóközt jelöli. A „?” arra kéri a webszervert, hogy keressen rá arra a keresési karaktersorra, és mutassa meg az összes egyező találatot.
Paraméterek
A paraméter, más néven lekérdezési karaktersor, egy kulcs-érték pár. Több paraméterrel is rendelkezhetsz, amelyeket „és” jel (&) választ el. A paraméterek hasznosak termékkeresésekhez vagy nyomon követéshez, mint például a Google Analyticsben követett marketingkampányokhoz.
Most vizsgáljuk meg az URL-paraméterek alapvető felépítését. A következő példában három kulcs-érték párunk van, amelyeket „és” jelek választanak el:
https://www.saguaro.com/search?q=hiking&options[prefix]=last&type=product
- A „search?” beállítja a lekérdezési karaktersort.
- Az első kulcs-érték pár a „q=turazas” keresési lekérdezés, amely elárulja, hogy a vásárló túracipőre keresett rá.
- A második pár technikai és rejtélyes: az „options[prefix]=last” azt jelentheti, hogy a keresőfunkció egy options nevű tömböt vagy objektumot használ, amely a „prefix” tulajdonságra van beállítva - ezt a webfejlesztők jobban értik, mint a nagyközönség.
- A harmadik kulcs-érték pár a keresés típusát azonosítja – ebben az esetben egy termékkeresést.
Láthatod, milyen bonyolulttá válik az URL elemzése, de a több paraméternek megvan a maga haszna. Több információt rögzíthetnek nyomonkövetési és jelentéskészítési célokra.
Töredék
Egy URL legvégén megjelenhet egy töredék, amely egy nem kötelező összetevő, és amely egy adott oldalon belüli helyre mutat. A töredék részletesebb navigációt tesz lehetővé, nem csupán az oldal tetejéhez. Ez jobb elköteleződéshez és intuitívabb böngészési élményhez vezethet a weboldal látogatói számára.
A töredékeket a kettőskereszt (#) jelöli, amelyet egy célszó, az úgynevezett töredékazonosító követ, amelyet a kívánt helyre való ugráshoz használnak. Ez lehet egy szakasz, mint például a lábléc, vagy egy témához kapcsolódó alcím, mint például a GYIK.
Például a /enterprise#contact-sales esetében a #contact-sales töredék a válallati weboldalon belüli kapcsolatfelvételi űrlaphoz ugrik.
Egy URL részei – GYIK
Milyen egy tipikus URL felépítése?
Egy tipikus URL ezeket a részeket tartalmazza, ebben a sorrendben:
protokoll://aldomain.gyökérdomain/útvonal?lekérdezés#töredék
A protokoll és a gyökérdomain kötelező. Az aldomain, az útvonal, a lekérdezés és a töredékek nem kötelezőek. Az e-kereskedelmi URL-ekhez használt szabványos protokoll a HTTPS. Az aldomain és a domain a vállalkozásod nevének, valamint annak felel meg, ahogyan a webtartalmadat kategorizálod.
Mi a különbség az URL és a hiperhivatkozás között?
Az URL egy erőforrás pontos internetes címe. A hiperhivatkozás egy szöveg vagy gomb, amely tartalmazza az URL-t, így amikor a felhasználó a hivatkozásra kattint, az elküldi őt az URL-címre.
Mi a különbség az URL és a domainnév között?
A domainnév a weboldal neve, amelyet az emberek felismernek, mint például a shopify.com, míg az URL (uniform resource locator) egy webes domainen belüli adott hely teljes webcíme. A domainnév az URL-nek csupán egy része.
