Pealkiri ja metakirjeldus

Moodul 3: Lehe tehniline alus · Lugemisaeg: 11 minutit

Õpieesmärk: Pärast seda õppetundi oskad kirjutada igale lehele hea pealkirja ja metakirjelduse, selgitada, mida Google nendega teeb ja miks Google neid vahel asendab, ning kontrollida, kas need on su enda lehtedel korras.

Põhimõisted: <title>, pealkirjalink, metakirjeldus (<meta name="description">), väljavõte (snippet), Google'i ümberkirjutamine, ekraanilaiuse järgi kärpimine, rusikareegel pikkuse kohta, unikaalsed pealkirjad, kaubamärgi nimi, märksõnade kuhjamine, nosnippet

Kaks rida su lehe päises

Iga veebilehe algab osaga, mida külastaja ei näe: <head>. Seal on kaks rida, mis on otsingumootoritele eriti olulised:

<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>

Pealkirja (elementi <title>) näed brauseri vahelehel, järjehoidjates ja eelkõige otsingutulemustes. Otsingutulemuse sinist klikitavat rida nimetab Google pealkirjalingiks. Metakirjeldus on lehe lühike kokkuvõte. Google kasutab seda vahel pealkirjalingi all oleva tekstilõigu jaoks: see on väljavõte (inglise keeles snippet).

Koos otsustavad need suuresti, kas inimene klikib sinu tulemusel või kellegi teise omal. Seepärast on see üks väheseid asju leitavuses, millega saad veerand tunniga päriselt midagi muuta.

Mida Google su pealkirjaga teeb

Google ütleb ise nii: veendu, et igal lehel oleks pealkiri elemendis <title>, ning tee see kirjeldav ja lühike. Ebamäärased pealkirjad nagu "Home" või "Welcome" ei ütle kellelegi midagi.

Google kasutab su <title>-elementi tavaliselt, kuid mitte alati. Google võib pealkirjalingi koostada ka muudest allikatest: lehe suurimast pealkirjast (sageli <h1>), sotsiaalmeedia jaoks mõeldud og:title-st, lehel silmatorkavast tekstist, lehele viitavate linkide tekstist ja tüübi WebSite struktureeritud andmetes olevast nimest. Seda juhtub peamiselt järgmistes olukordades, mida Google ise nimetab:

Kui Google su pealkirja ümber kirjutab, pole see karistus. See on märk, et pealkiri ei kirjelda lehte piisavalt hästi. Kui pealkirja parandad, võtab Google selle sageli pärast roomaja järgmist külastust uuesti kasutusele.

Kui pikk võib pealkiri olla?

Siin eksib suur osa internetis leiduvatest nõuannetest. Google ütleb sõna-sõnalt, et <title>-elemendi pikkusel pole piiri. Küll aga kärbitakse pealkirjalinki otsingutulemustes, et see ekraanile mahuks. See käib ekraanilaiuse (pikslite) järgi, mitte kindla tähemärkide arvu järgi: paljude laiade tähtedega (m, w) pealkiri kärbitakse varem kui kitsaste tähtedega (i, l) pealkiri.

Seepärast kasutab see kursus rusikareeglit, mitte Google'i reeglit: hoia pealkiri umbes 15 ja 65 tähemärgi vahel. Lühem on sageli liiga ebamäärane, pikema puhul võib kõige olulisem osa ära kaduda. Pane seega ette see, mis leht on, ja ettevõtte nimi lõppu.

Hea pealkirja kirjutamine

Google'i juhistest ja praktikast:

1. Ütle, millest leht räägib. "Bruidsboeketten op maat in Amersfoort" (eritellimusel pruudikimbud Amersfoortis) on parem kui "Diensten" (teenused).
2. Igale lehele oma pealkiri. Kahte sama pealkirjaga lehte ei saa otsingutulemustes üksteisest eristada.
3. Kaubamärgi nimi lühidalt, alguses või lõpus, eraldatuna märgiga nagu |, : või -. Google soovitab mitte lisada igale pealkirjale pikka loosungit.
4. Ära kuhja märksõnu. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" ei aita. Google nimetab märksõnade kordamist otsesõnu millekski, mis näib rämpspostina; see on isegi rämpsposti eeskirjades kirjas (õppetund 8.2).
5. Hoia see ajakohane. Aastaarv pealkirjas tähendab, et pead seda igal aastal uuendama.

Sage viga veebisaidiehitajates: avalehe pealkiri on ainult ettevõtte nimi. "Bloemenatelier Lotte" ütleb, kes sa oled, kuid mitte, mida teed või kus. "Bloemenatelier Lotte | Bloemist in Amersfoort" (lillepood Amersfoortis) töötab paremini inimese jaoks, kes sind veel ei tunne.

Metakirjeldus

Metakirjeldus asub elemendis <meta>:

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

Google ütleb: väljavõte pärineb peamiselt lehe enda sisust. Metakirjeldust kasutatakse siis, kui see võtab lehe paremini kokku kui mõni lehel olev tekstilõik. Lisaks võib väljavõte otsingupäringuti erineda: Google näitab lõiku, mis päringuga kõige paremini sobib. Hea metakirjeldus ei garanteeri, et see ilmub, kuid suurendab tõenäosust, et su pealkirja all on midagi mõistlikku.

Ka siin: Google'il pole maksimaalset pikkust, kuid väljavõtet kärbitakse, et see ekraanile mahuks. Selle kursuse rusikareegel: 70 kuni 160 tähemärki. Piisavalt pikk, et midagi öelda, ja piisavalt lühike, et jääda tervikuna nähtavaks.

Nii kirjutad selle:

• Võta tavaliste lausetega kokku, mida inimene lehelt leiab.
• Nimeta konkreetseid andmeid, mis aitavad valida: koht, mida pakud, kellele.
• Igale lehele oma kirjeldus. Kui aega on vähe, alusta avalehest ja enim külastatud lehtedest; seda soovitab ka Google ise.
• Ära tee märksõnade loendit. Google kirjutab, et selliseid kirjeldusi kasutatakse väljavõttena harvem.

Mida metakirjeldus ei tee: see pole järjestustegur, millega märksõnade abil kõrgemale koha saad. Selle eesmärk on veenda otsijat klikkima.

Ise otsustamine, mida näidatakse

Kas soovid, et Google ei näitaks väljavõtet üldse või näitaks ainult osa sellest? Seda saab teha robots-metareegliga: <meta name="robots" content="nosnippet"> (väljavõtet pole) või max-snippet:50 (kõige rohkem 50 tähemärki). Teksti osa saad välja jätta atribuudiga data-nosnippet. Enamikule väikestele saitidele pole see vajalik.

Kus seda näed ja kontrollid

• Lähtekoodis: ava oma leht, tee paremklõps ja vali "Vaata lehe lähtekoodi" (või Ctrl+U). Otsi Ctrl+F abil <title ja description.
• Otsingutulemustes: otsi site:example.com, et näha, kuidas Google su lehti näitab. Kui pealkirjalink erineb su <title>-elemendist, vaata, milline ülaltoodud tabeli olukord sobib.
• Search Console'is: aruanne Performance (õppetund 2.3) näitab, millised lehed saavad palju näitamisi, kuid vähe klikke. Seal tasub parem pealkiri ja kirjeldus end kõige rohkem ära.

Praktikas: pealkirja ja kirjelduse seadistamine

• WebOké AI Builderis määrad igale lehele oma pealkirja ja kirjelduse. Kui jätad pealkirja tühjaks, saab tavalise lehe pealkiri kujul "Lehe nimi | Saidi nimi" ja avalehe pealkiri on ainult su saidi nimi. Seepärast anna avalehele ise pealkiri, mis ütleb ka, mida teed. AI Builderi SEO-kontroll hoiatab, kui pealkiri on üle 65 ja kirjeldus üle 160 tähemärgi: samad rusikareeglid nagu selles kursuses.
• WordPressis koostab WordPress pealkirja ise lehe pealkirjast ja saidi nimest. Metakirjeldust WordPress ise ei loo; selleks kasutad SEO-pluginat või teemat, mis seda pakub. Sellest räägitakse ka WordPressi kursuses, õppetund 9.2.

Teistes veebisaidiehitajates käib see sarnaselt: otsi seadeid nagu "SEO", "Otsingumootorid" või "Lehe seaded".

Kokkuvõte

• Pealkiri on otsingutulemuste klikitav rida; metakirjeldus võtab lehe kokku ja seda näidatakse vahel väljavõttena.
• Google võib su pealkirja asendada, kui see on pooltühi, aegunud, vale või kõikjal sama või kui selge peapealkiri puudub.
• Google'il pole maksimaalset pikkust, kuid ta kärbib ekraanilaiuse järgi. Selle kursuse rusikareeglid: pealkiri 15 kuni 65 tähemärki, kirjeldus 70 kuni 160 tähemärki.
• Igale lehele oma kirjeldav pealkiri ja kirjeldus; märksõnu ei kuhjata; kaubamärgi nimi lühidalt lõpus.
• Metakirjeldus aitab inimestel valida, mitte su kohta järjestuses.

Test

Ülesanne

Ülesanne A3.1: Sinu lehe pealkiri ja metakirjeldus. Sisesta oma saidi ühe lehe aadress (avaleht või mõni oluline leht). Programm laadib lehe nii, nagu otsingumootor seda teeb, loeb <title>-elemendi ja metakirjelduse ning loendab tähemärgid. Näed, kas need on olemas, kas need jäävad rusikareeglite piiresse ja kas pealkiri ütleb rohkem kui ainult su ettevõtte nime. Oma saiti pole? Kasuta aadressi www.rijksoverheid.nl.

Loe edasi

Nende artiklite sammud kehtivad WebOké paneelide kohta; teiste teenusepakkujate juures käib see sarnaselt.

• Registreeri oma veebileht otsingumootorites (Google ja Bing)
• Sitebuilder ja AI Builder: kumba valida ja kuidas seda avada?
• Google Search Central, pealkirjalinkide haldamine otsingutulemustes: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, väljavõtted ja metakirjeldus: https://developers.google.com/search/docs/appearance/snippet