A cím és a metaleírás

Modul 3: Egy oldal technikai alapjai · Olvasási idő: 11 perc

Tanulási cél: A lecke után minden oldalhoz jó címet és metaleírást tud írni. El tudja magyarázni, mit kezd velük a Google, és miért cseréli le őket néha. Azt is ellenőrizni tudja, hogy a saját oldalain megfelelően szerepelnek-e.

Kulcsfogalmak: <title>, címlink, metaleírás (<meta name="description">), kivonat (snippet), átírás a Google által, levágás a képernyő szélessége szerint, ökölszabály a hosszra, egyedi címek, márkanév, kulcsszóhalmozás, nosnippet

Két sor az oldal fejlécében

A webhely minden oldala egy olyan résszel kezdődik, amelyet a látogató nem lát: ez a <head>. Ebben két sor van, amely a keresőmotorok számára különösen fontos:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

A cím (a <title> elem) megjelenik a böngésző lapfülén, a könyvjelzőkben és főként a keresési találatok között. A Google a keresési találat kék, kattintható sorát címlinknek nevezi. A metaleírás az oldal rövid összefoglalása. A Google néha ezt használja a címlink alatti szövegrészhez, amelyet kivonatnak (angolul snippet) hívnak.

Ez a kettő együtt nagyban eldönti, hogy valaki az Ön találatára kattint, vagy egy másikra. Ezért ez azon kevés dolog egyike a láthatóság terén, amellyel egy negyedóra alatt valódi különbséget érhet el.

Mit kezd a Google az Ön címével

A Google maga így fogalmaz: minden oldalnak legyen címe a <title> elemben, és ez legyen leíró és tömör. Az olyan semmitmondó címek, mint a "Home" vagy az "Üdvözlet", senkinek nem árulnak el semmit.

A Google többnyire az Ön <title> elemét használja, de nem mindig. A címlinket más forrásokból is összeállíthatja: az oldal legnagyobb címsorából (gyakran a <h1>), a közösségi médiának szánt og:title elemből, az oldalon feltűnő szövegből, az oldalra mutató linkek szövegéből, valamint a WebSite típusú strukturált adatokban megadott névből. Ez főként az alábbi helyzetekben fordul elő, amelyeket maga a Google sorol fel:

Ha a Google átírja az Ön címét, az nem büntetés. Azt jelzi, hogy a cím nem írja le elég jól az oldalt. Ha javít a címen, a Google a crawler következő látogatása után gyakran ismét átveszi.

Milyen hosszú lehet egy cím?

Ezen a ponton sok internetes tanács téved. A Google szó szerint azt mondja, hogy a <title> hosszának nincs felső határa. A keresési találatokban a címlinket viszont levágják, hogy elférjen a képernyőn. Ez a képernyő szélessége (pixelek) szerint történik, nem egy rögzített karakterszám után: a sok széles betűt (m, w) tartalmazó címet hamarabb vágják le, mint a keskeny betűkből (i, l) állót.

Ezért ez a tanfolyam egy ökölszabállyal dolgozik, nem a Google szabályával: a cím legyen nagyjából 15 és 65 karakter között. A rövidebb cím gyakran túl homályos, a hosszabbnál pedig fennáll a veszély, hogy éppen a legfontosabb rész marad le. Ezért tegye előre, hogy mi az oldal, és a cégnevet a végére.

Jó cím írása

A Google irányelvei és a gyakorlat alapján:

1. Mondja meg, miről szól az oldal. A "Bruidsboeketten op maat in Amersfoort" (egyedi menyasszonyi csokrok Amersfoortban) jobb, mint a "Szolgáltatások".
2. Minden oldalnak saját cím. Két azonos című oldalt a keresési találatok között nem lehet megkülönböztetni.
3. A márkanév röviden, az elején vagy a végén, egy olyan jellel elválasztva, mint a |, a : vagy a -. A Google azt javasolja, hogy ne fűzzön hosszú szlogent minden címhez.
4. Ne halmozza a kulcsszavakat. A "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" (virágok, virágüzlet, olcsó csokor Amersfoort) nem segít. A Google kifejezetten spamszerűnek nevezi a kulcsszavak ismételgetését, és ez a spamszabályzatában is szerepel (8.2. lecke).
5. Tartsa naprakészen. Ha évszám van a címben, azt minden évben frissítenie kell.

Gyakori hiba a weboldalkészítőknél, hogy a kezdőlap címe csak a cég neve. A "Bloemenatelier Lotte" elárulja, kik Önök, de azt nem, hogy mit csinálnak és hol. A "Bloemenatelier Lotte | Bloemist in Amersfoort" (virágüzlet Amersfoortban) jobban működik annál, aki még nem ismeri Önöket.

A metaleírás

A metaleírás egy <meta> elemben szerepel:

<meta name="description" content="...">

A Google szerint a kivonat főként magának az oldalnak a tartalmából származik. A metaleírást akkor használja, ha az jobban összefoglalja az oldalt, mint egy szövegrész az oldalról. Ráadásul a kivonat keresésenként eltérhet: a Google azt a részt mutatja, amely a legjobban illik a kereséshez. A jó metaleírás tehát nem garancia arra, hogy meg is jelenik, de növeli az esélyét, hogy valami értelmes álljon a címe alatt.

Itt is igaz: a Google nem ismer maximális hosszt, de a kivonatot levágja, hogy elférjen a képernyőn. A tanfolyam ökölszabálya: 70 és 160 karakter között. Elég hosszú ahhoz, hogy mondjon valamit, és elég rövid ahhoz, hogy teljes egészében megmaradjon.

Így írhat egyet:

• Foglalja össze hétköznapi mondatokban, mit talál az olvasó az oldalon.
• Említsen konkrét adatokat, amelyek segítenek a választásban: hely, mit kínál, kinek.
• Minden oldalnak saját leírás. Ha kevés az ideje, kezdje a kezdőlappal és a leglátogatottabb oldalaival; ezt maga a Google is javasolja.
• Ne kulcsszólistát írjon. A Google szerint az ilyen leírásokat ritkábban használja kivonatként.

Amit a metaleírás nem tesz: nem rangsorolási tényező, amellyel kulcsszavak segítségével előrébb kerülhet. Arra való, hogy kattintásra ösztönözze a keresőt.

Ön dönti el, mi jelenjen meg

Szeretné, hogy a Google ne mutasson kivonatot, vagy csak egy részét? Ezt egy robots metaszabállyal teheti meg: <meta name="robots" content="nosnippet"> (nincs kivonat) vagy max-snippet:50 (legfeljebb 50 karakter). Egy szövegrészt a data-nosnippet attribútummal zárhat ki. A legtöbb kis webhelynek erre nincs szüksége.

Hol látja és ellenőrzi

• A forráskódban: nyissa meg az oldalát, kattintson a jobb egérgombbal, és válassza az "Oldal forrásának megtekintése" lehetőséget (vagy nyomja meg a Ctrl+U billentyűket). A Ctrl+F billentyűkkel keressen rá a <title és a description kifejezésekre.
• A keresési találatok között: keressen rá a site:example.com kifejezésre, hogy lássa, hogyan jeleníti meg a Google az oldalait. Ha a címlink eltér az Ön <title> elemétől, nézze meg, melyik helyzet illik rá a fenti táblázatból.
• A Search Console-ban: a teljesítményjelentés (Performance, 2.3. lecke) megmutatja, mely oldalak kapnak sok megjelenést, de kevés kattintást. Ott éri meg leginkább a jobb cím és leírás.

A gyakorlatban: a cím és a leírás beállítása

• A WebOké AI Builderében oldalanként saját címet és leírást adhat meg. Ha a címet üresen hagyja, egy általános oldal címe "Oldalnév | Webhelynév" lesz, a kezdőlap címe pedig csak a webhely neve. Ezért adjon a kezdőlapnak olyan címet, amely azt is elárulja, mivel foglalkozik. Az AI Builder SEO-ellenőrzése figyelmeztet, ha a cím 65, a leírás pedig 160 karakternél hosszabb: ugyanazok az ökölszabályok, mint ebben a tanfolyamban.
• A WordPressben a WordPress maga állítja össze a címet az oldal címéből és a webhely nevéből. Metaleírást a WordPress nem készít magától; ehhez SEO-bővítményre vagy olyan sablonra van szükség, amely ezt kínálja. Erről a WordPress-tanfolyam 9.2. leckéje is szól.

Más weboldalkészítőknél hasonlóan működik: keressen olyan beállításokat, mint a "SEO", a "Keresőmotorok" vagy az "Oldalbeállítások".

Összefoglalás

• A cím a kattintható sor a keresési találatok között; a metaleírás összefoglalja az oldalt, és néha kivonatként jelenik meg.
• A Google lecserélheti a címét, ha az félig üres, elavult, pontatlan vagy mindenhol ugyanaz, illetve ha nincs egyértelmű főcímsor.
• A Google nem ismer maximális hosszt, de a képernyő szélessége szerint levág. A tanfolyam ökölszabályai: cím 15 és 65, leírás 70 és 160 karakter között.
• Minden oldalnak saját, leíró cím és leírás; nincs kulcsszóhalmozás; a márkanév röviden a végén.
• A metaleírás az embereknek segít a választásban, nem a rangsorban elfoglalt helyén javít.

Kvíz

Feladat

Feladat A3.1: Az oldala címe és metaleírása. Adja meg a saját webhelye egyik oldalának címét (a kezdőlapét vagy egy fontos oldalét). A program úgy tölti le az oldalt, ahogyan egy keresőmotor, kiolvassa a <title> elemet és a metaleírást, majd megszámolja a karaktereket. Láthatja, hogy megvannak-e, belül vannak-e az ökölszabályokon, és hogy a cím többet mond-e a cégnevénél. Nincs saját webhelye? Használja a www.rijksoverheid.nl címet.

További olvasnivaló

A cikkekben leírt lépések a WebOké kezelőfelületeire vonatkoznak; más szolgáltatóknál hasonlóan működik.

• Weboldal bejelentése a keresőmotoroknál (Google és Bing)
• Sitebuilder és AI Bouwer: melyiket érdemes választani, és hogyan nyitható meg?
• Google Search Central, A címlinkek kezelése a keresési találatokban: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Kivonatok és a metaleírás: https://developers.google.com/search/docs/appearance/snippet