Naslov in metaopis

Modul 3: Tehnična osnova strani · Čas branja: 11 min

Učni cilj: Po tej lekciji boste znali za vsako stran napisati dober naslov in metaopis, razložiti, kaj Google z njima naredi in zakaj ju včasih zamenja, ter preveriti, ali sta na Vaših straneh pravilno nastavljena.

Ključni pojmi: <title>, naslovna povezava (title link), metaopis (<meta name="description">), izrezek (snippet), prepisovanje s strani Googla, krajšanje glede na širino zaslona, praktično pravilo za dolžino, edinstveni naslovi, ime blagovne znamke, kopičenje ključnih besed, nosnippet

Dve vrstici v glavi Vaše strani

Vsaka stran spletnega mesta se začne z delom, ki ga obiskovalec ne vidi: z <head>. V njem sta dve vrstici, ki sta za iskalnike še posebej pomembni:

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

Naslov (element <title>) vidite na zavihku brskalnika, med zaznamki in predvsem v rezultatih iskanja. Google modro vrstico v rezultatu iskanja, na katero lahko kliknete, imenuje naslovna povezava (title link). Metaopis je kratek povzetek strani. Google ga včasih uporabi za košček besedila pod naslovno povezavo: za izrezek (v angleščini snippet).

Skupaj v veliki meri odločata, ali bo nekdo kliknil na Vaš rezultat ali na rezultat nekoga drugega. Zato je to ena redkih stvari pri vidnosti na spletu, s katero lahko v četrt ure resnično nekaj spremenite.

Kaj Google naredi z Vašim naslovom

Google sam piše takole: poskrbite, da ima vsaka stran naslov v elementu <title>, in naj bo opisen in jedrnat. Nejasni naslovi, kot sta "Domov" ali "Dobrodošli", nikomur nič ne povedo.

Google Vaš <title> običajno uporabi, a ne vedno. Naslovno povezavo lahko sestavi tudi iz drugih virov: iz največjega naslova na strani (pogosto <h1>), iz og:title za družbena omrežja, iz izstopajočega besedila na strani, iz besedila povezav, ki kažejo na stran, in iz imena v strukturiranih podatkih tipa WebSite. To se zgodi predvsem v teh primerih, ki jih navaja Google sam:

Če Google Vaš naslov prepiše, to ni kazen. Je znak, da Vaš naslov strani ne opisuje dovolj dobro. Če naslov izboljšate, ga Google pogosto ponovno prevzame po naslednjem obisku pajka.

Kako dolg sme biti naslov?

Tu gre veliko nasvetov na spletu narobe. Google dobesedno pravi, da za dolžino elementa <title> ni omejitve. Naslovna povezava v rezultatih iskanja pa se skrajša, da se prilega zaslonu. To se zgodi glede na širino zaslona (piksle), ne po določenem številu znakov: naslov z veliko širokimi črkami (m, w) se skrajša prej kot naslov z ozkimi (i, l).

Zato ta tečaj uporablja praktično pravilo, ki ni Googlovo pravilo: naj ima Vaš naslov približno od 15 do 65 znakov. Krajši je pogosto preveč nejasen, pri daljšem pa obstaja nevarnost, da najpomembnejši del izgine. Zato na začetek postavite, kaj stran je, ime podjetja pa na konec.

Kako napisati dober naslov

Iz Googlovih smernic in iz prakse:

1. Povejte, o čem govori stran. "Bruidsboeketten op maat in Amersfoort" (poročni šopki po meri v Amersfoortu) je boljše od "Diensten" (storitve).
2. Vsaka stran svoj naslov. Dveh strani z enakim naslovom v rezultatih iskanja ni mogoče ločiti.
3. Ime blagovne znamke na kratko, na začetku ali na koncu, ločeno z znakom, kot je |, : ali -. Google svetuje, da vsakemu naslovu ne dodajate dolgega slogana.
4. Brez kopičenja ključnih besed. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" ne pomaga. Google ponavljanje ključnih besed izrecno navaja kot nekaj, kar deluje neželeno; to je celo v pravilniku o neželeni vsebini (lekcija 8.2).
5. Naj bo aktualen. Letnica v naslovu pomeni, da ga morate vsako leto posodobiti.

Pogosta napaka pri gradnikih spletnih strani: domača stran se imenuje samo po podjetju. "Bloemenatelier Lotte" pove, kdo ste, ne pa, kaj delate ali kje. "Bloemenatelier Lotte | Bloemist in Amersfoort" (cvetličarna v Amersfoortu) deluje bolje za nekoga, ki Vas še ne pozna.

Metaopis

Metaopis je v elementu <meta>:

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

Google pravi: izrezek prihaja predvsem iz vsebine same strani. Metaopis se uporabi, če stran povzame bolje kot košček besedila s strani. Poleg tega se lahko izrezek razlikuje glede na iskalno poizvedbo: Google pokaže del, ki se najbolje ujema z vprašanjem. Dober metaopis torej ni zagotovilo, da bo prikazan, poveča pa verjetnost, da bo pod Vašim naslovom nekaj smiselnega.

Tudi tu velja: Google ne pozna največje dolžine, izrezek pa se skrajša, da se prilega zaslonu. Praktično pravilo v tem tečaju: od 70 do 160 znakov. Dovolj dolgo, da nekaj pove, in dovolj kratko, da ostane v celoti prikazano.

Tako ga napišete:

• Povzemite, kaj nekdo najde na strani, v običajnih stavkih.
• Navedite konkretne podatke, ki pomagajo pri izbiri: kraj, kaj ponujate, za koga.
• Vsaka stran svoj opis. Če imate malo časa, začnite z domačo stranjo in najbolj obiskanimi stranmi; to svetuje tudi Google sam.
• Brez seznama ključnih besed. Google piše, da se takšni opisi redkeje uporabijo kot izrezek.

Česa metaopis ne naredi: ni dejavnik razvrščanja, s katerim bi s ključnimi besedami dosegli višje mesto. Namenjen je temu, da iskalca prepriča h kliku.

Sami določite, kaj se prikaže

Želite, da Google ne prikaže izrezka ali le njegov del? To lahko storite z metapravilom robots: <meta name="robots" content="nosnippet"> (brez izrezka) ali max-snippet:50 (največ 50 znakov). Posamezen del besedila lahko izključite z atributom data-nosnippet. Za večino majhnih spletnih mest to ni potrebno.

Kje to vidite in preverite

• V izvorni kodi: odprite stran, kliknite z desno tipko miške in izberite možnost za prikaz izvorne kode strani (ali Ctrl+U). S Ctrl+F poiščite <title in description.
• V rezultatih iskanja: poiščite site:example.com, da vidite, kako Google prikazuje Vaše strani. Če se naslovna povezava razlikuje od Vašega <title>, preverite, kateri primer iz zgornje tabele ustreza.
• V Search Console: poročilo Performance (lekcija 2.3) pokaže, katere strani imajo veliko prikazov, a malo klikov. Tam se boljši naslov in opis najbolj obrestujeta.

V praksi: nastavitev naslova in opisa

• V AI Builder pri WebOké za vsako stran vnesete svoj naslov in opis. Če naslov pustite prazen, je naslov običajne strani "Ime strani | Ime spletnega mesta", domača stran pa se imenuje samo tako kot Vaše spletno mesto. Zato domači strani sami dajte naslov, ki pove tudi, kaj delate. Preverjanje SEO v AI Builder opozori pri naslovu z več kot 65 in opisu z več kot 160 znaki: to sta ista praktična pravila kot v tem tečaju.
• V WordPress-i WordPress sam sestavi naslov iz naslova strani in imena spletnega mesta. Metaopisa WordPress ne ustvari sam; za to uporabite vtičnik za SEO ali temo, ki to ponuja. To obravnava tudi tečaj WordPress, lekcija 9.2.

Pri drugih gradnikih spletnih strani deluje podobno: poiščite nastavitve, kot so "SEO", "Iskalniki" ali "Nastavitve strani".

Povzetek

• Naslov je vrstica v rezultatih iskanja, na katero lahko kliknete; metaopis povzame stran in je včasih prikazan kot izrezek.
• Google lahko Vaš naslov zamenja, če je napol prazen, zastarel, napačen ali povsod enak ali če ni jasnega glavnega naslova.
• Google ne pozna največje dolžine, krajša pa glede na širino zaslona. Praktični pravili v tem tečaju: naslov od 15 do 65 znakov, opis od 70 do 160 znakov.
• Vsaka stran svoj opisen naslov in opis; brez kopičenja ključnih besed; ime blagovne znamke na kratko na koncu.
• Metaopis pomaga ljudem pri izbiri, ne pa Vašemu mestu na lestvici.

Kviz

Naloga

Naloga A3.1: Naslov in metaopis Vaše strani. Vnesite naslov strani na Vašem spletnem mestu (domače strani ali pomembne strani). Program stran pridobi tako kot iskalnik, prebere <title> in metaopis ter prešteje znake. Videli boste, ali obstajata, ali ustrezata praktičnim pravilom in ali naslov pove več kot samo ime Vašega podjetja. Nimate svojega spletnega mesta? Uporabite www.rijksoverheid.nl.

Za nadaljnje branje

Koraki v teh člankih veljajo za nadzorne plošče WebOké; pri drugih ponudnikih deluje podobno.

• Prijava Vaše spletne strani pri iskalnikih (Google in Bing)
• Sitebuilder in AI Builder: katerega izberete in kako ga odprete?
• Google Search Central, upravljanje naslovnih povezav v rezultatih iskanja: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, izrezki in metaopis: https://developers.google.com/search/docs/appearance/snippet