Dokumentacija
Napišite naslov in meta opis
Napišite naslov in meta opis
Naslov strani je modra povezava v Googlu, ime zavihka v brskalniku in privzeto besedilo, ko kdo stran shrani med zaznamke ali jo deli. Meta opis je sivo besedilo pod povezavo. Skupaj sta oglas strani v rezultatih iskanja: odločita, ali bo kdo kliknil vaš rezultat ali naslednjega.
Brez naslova si ga Google izmisli iz vsebine strani. Brez opisa vzame stavek s strani, pogosto obvestilo o piškotkih ali meni. Predolg naslov se odreže s "…", običajno tik pred delom, ki je bil pomemben. Kontrolni seznam strani preveri oboje na domači strani in na zavihku Kontrolni seznam pokaže, kako izgledata v Googlu.
Kaj pričakuje kontrolni seznam
| Postavka | OK | Preveri | Popravi |
|---|---|---|---|
<title> |
do 60 znakov | daljši od 60 znakov (Google ga odreže) | ni naslova |
<meta name="description"> |
od 50 do 160 znakov | krajši od 50 ali daljši od 160 | ni opisa |
Google meri po širini v pikslih, ne po znakih, zato sta 60 in 160 dobro vodilo in ne trda meja.
Kaj naredi dober naslov in opis
Naslov: najpomembnejše besede najprej, blagovna znamka na koncu.
- Dobro:
Popravila streh v Ljubljani – Example Roofing(45 znakov) - Predolgo:
Example Roofing d.o.o. | Domov | Dobrodošli na naši spletni strani, nudimo popravila streh, nove strehe in žlebove(114) - Vsaka stran ima svojega: ne
Domovin ne enakega naslova na vseh straneh.
Opis: en ali dva stavka, ki odgovorita na "zakaj klikniti?". Povejte, kaj stran ponuja, in nekaj konkretnega: kraj, ceno, rok, številko.
- Dobro:
Popravila streh in nove strehe v Ljubljani in okolici. Brezplačen ogled v 48 urah, 10 let garancije na vsako delo.(114 znakov) - Ne: seznam ključnih besed, enak opis na vseh straneh ali prvi odstavek, odrezan sredi stavka.
Opomba: Google naslove in opise prepiše, kadar meni, da drugo besedilo bolje odgovori na iskanje, posebej opise. Dober opis je še vedno tisti, ki ga izbere najpogosteje, in tisti, ki se pokaže, ko kdo deli povezavo.
Preverite sami
Namesto example.com vpišite svojo stran:
curl -sL https://example.com | grep -io '<title>[^<]*</title>'
curl -sL https://example.com | grep -ioE '<meta[^>]+name="?description"?[^>]*>'
Prvi izpiše naslov, drugi oznako z opisom. Vsak naj se pojavi enkrat, z besedilom zgornje dolžine.
Kako popraviti
WordPress
WordPress naslov sestavi iz imena strani in imena spletnega mesta (Settings → General → Site Title), sam pa meta opisa nima. Vtičnik za SEO doda oboje:
- Yoast SEO: uredite stran; v polju Yoast SEO Search appearance pokaže polji SEO title in Meta description, s predogledom in vrstico dolžine. Predloge za cele vrste vsebine so pod Yoast SEO → Settings → Content types.
- Rank Math: uredite stran, odprite ploščo Rank Math in kliknite Edit Snippet za Title in Description. Predloge so pod Rank Math SEO → Titles & Meta.
Domača stran: če je statična stran (Settings → Reading → Your homepage displays → A static page), uredite to stran. Če prikazuje zadnje prispevke, naslov in opis domače strani nastavite v nastavitvah vtičnika (Yoast: Settings → Content types → Homepage; Rank Math: Titles & Meta → Homepage).
Če se naslov pojavi dvakrat ali tema izpiše svoj <title>, je tema stara: vtičnik potrebuje temo, ki podpira title-tag. Po spremembi počistite predpomnilnik strani.
Node.js in Next.js
V Next.js App Routerju v korenski predlogi nastavite privzeto vrednost in vzorec, na vsaki strani pa naslov in opis:
// app/layout.js
export const metadata = {
title: { default: 'Example Roofing', template: '%s – Example Roofing' },
description: 'Popravila streh in nove strehe v Ljubljani in okolici.',
};
// app/services/page.js
export const metadata = {
title: 'Popravila streh v Ljubljani',
description: 'Brezplačen ogled v 48 urah, 10 let garancije na vsako delo.',
};
Za strani iz podatkov ista polja vrnite iz generateMetadata. V Pages Routerju <title> in <meta name="description"> dajte v next/head na vsaki strani.
Laravel
Naj vsak pogled nastavi svoje vrednosti, s privzeto v predlogi:
<title>@yield('title', config('app.name'))</title>
@hasSection('description')
<meta name="description" content="@yield('description')">
@endif
@section('title', 'Popravila streh v Ljubljani – Example Roofing')
@section('description', 'Brezplačen ogled v 48 urah, 10 let garancije na vsako delo.')
@hasSection prepreči, da bi predloga na straneh, ki opisa še nimajo, izpisala prazen content="". Z Blade komponentami iste vrednosti podajte kot lastnosti komponenti predloge.
Statični HTML
V <head> vsake strani:
<title>Popravila streh v Ljubljani – Example Roofing</title>
<meta name="description" content="Brezplačen ogled v 48 urah, 10 let garancije na vsako delo.">
En <title> in en opis na stran, vsak drugačen.
Shopify
- Domača stran: Online Store → Preferences, Homepage title in Homepage meta description.
- Izdelki, zbirke, strani, prispevki na blogu: odprite element, se pomaknite do Search engine listing in kliknite Edit. Shopify pokaže predogled in število znakov.
Kadar so polja prazna, Shopify uporabi ime elementa in začetek njegovega opisa.
Wix
V urejevalniku odprite nastavitve strani, SEO basics, in izpolnite Title tag in Meta description. Za veliko strani iste vrste (izdelki, prispevki na blogu) namesto po straneh nastavite vzorec v nastavitvah SEO na nadzorni plošči. Po spremembi stran objavite.
Webflow
Odprite Pages, kliknite zobnik ob strani in pod SEO settings izpolnite Title tag in Meta description. Na straneh zbirk CMS lahko vstavite polja iz elementa zbirke, tako da ima vsak element svoje. Po spremembi kliknite Publish.
Squarespace
Odprite Pages, kliknite zobnik ob strani in na zavihku SEO izpolnite naslov in opis za SEO. Oblika naslova za celo stran in opis domače strani sta v nastavitvah SEO spletnega mesta. Prispevki na blogu in izdelki imajo ista polja v svojih nastavitvah.
En naslov na stran
Kontrolni seznam prebere domačo stran, ista pravila pa veljajo za vsako stran, ki jo želite v iskalniku: vsaka s svojim naslovom in opisom, napisanim zanjo. Podvojeni naslovi na veliko straneh so ena najpogostejših ugotovitev v Search Console in najlaže se jim izognete s predlogo, ki ime strani postavi na začetek.
Potrdite popravek
Znova poženite oba ukaza curl iz razdelka Preverite sami, nato v PulseKeeperju odprite tarčo in na zavihku Kontrolni seznam kliknite Preveri zdaj. Postavka se v nekaj minutah obarva OK, predogled Googla na zavihku pa pokaže novo besedilo. Google sam ga pokaže po naslednjem obisku, kar lahko traja nekaj dni.