Oldalcímek használata a HTML-ben
Az oldalcím az, ami megjelenik a böngészőfülön, amikor egy felhasználó meglátogatja az oldalad. Bár nem látszik közvetlenül a tartalomban, kulcsszerepet játszik a felhasználói élmény és a keresőoptimalizálás (SEO) szempontjából is.
A <title> tag használata
A <title> elem mindig a <head> részben helyezkedik el, és egyetlen szöveges értéket tartalmaz, ami az oldal címét képviseli.
html
<head>
<title>My First Webpage</title>
</head>Hol jelenik meg az oldalcím?
A megadott cím a böngészőfülön látható, amikor a látogató megnyitja az oldalt. Ez a cím jelenik meg akkor is, ha az oldalt elmentik a könyvjelzők közé.
Elhelyezés a dokumentumban
A <title> csak egyszer szerepelhet egy HTML dokumentumban, és kizárólag a <head> részben lehet elhelyezni. Így néz ki egy példaoldal, benne az oldalcímmel:
html
<!DOCTYPE html>
<html>
<head>
<title>Portfolio | Anna Kovács</title>
</head>
<body>
<h1>Welcome to my page!</h1>
</body>
</html>Hová ne írj title-t?
A <title> tag kizárólag a <head> részben érvényes. Ha a <body> részben helyezed el, az nem fog érvényesülni, és HTML validációs hibát is okozhat. A HTML szigorú szabályokat követ ebben – mindig a <head> belsejében legyen.
Tippek egy jó title megírásához
Használj rövid, de tartalmas kifejezéseket. Legyen benne kulcsszó, de ne csak a keresőmotorokra gondolj – az emberek is ezt látják először. Például: „HTML Tanfolyam kezdőknek – ReadyTools” jobb, mint a „Kezdőlap”.
Miért fontos SEO szempontból?
A keresőmotorok figyelembe veszik a cím tartalmát, amikor rangsorolják az oldalakat. Egy jól megfogalmazott, kulcsszavakat tartalmazó title segíthet jobb helyezést elérni a keresések során.
Gyakori hibák
Sokan elfelejtik megadni a <title> taget, vagy túl hosszú, nem informatív címet írnak. Az is gyakori hiba, hogy minden oldalra ugyanazt a címet használják, ami rontja a SEO teljesítményt.
Mennyi legyen az oldalcím hossza?
A legtöbb böngésző és keresőmotor 50–60 karakter között jeleníti meg az oldalcímeket. Érdemes ebben a tartományban maradni, hogy a cím ne legyen levágva.
Nyelv kiválasztása
Téma beállítása
© 2025 ReadyTools. Minden jog fenntartva.