Naslov i metaopis

Modul 3: Tehnička osnova stranice · Vrijeme čitanja: 11 min

Cilj učenja: Nakon ove lekcije moći ćete za svaku stranicu napisati dobar naslov i metaopis, objasniti što Google s njima radi i zašto ih ponekad zamijeni te provjeriti jesu li ispravno postavljeni na Vašim stranicama.

Ključni pojmovi: <title>, poveznica naslova (title link), metaopis (<meta name="description">), isječak (snippet), Googleovo prepisivanje, skraćivanje prema širini zaslona, okvirno pravilo za duljinu, jedinstveni naslovi, naziv marke, gomilanje ključnih riječi, nosnippet

Dva retka u zaglavlju Vaše stranice

Svaka stranica web-mjesta počinje dijelom koji posjetitelj ne vidi: <head>. U njemu se nalaze dva retka koja su posebno važna za tražilice:

<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 kartici preglednika, u oznakama (bookmarkima) i prije svega u rezultatima pretraživanja. Google plavi redak u rezultatu pretraživanja na koji se može kliknuti naziva poveznicom naslova (title link). Metaopis je kratak sažetak stranice. Google ga ponekad koristi za tekst ispod poveznice naslova: isječak (na engleskom snippet).

Zajedno u velikoj mjeri određuju hoće li netko kliknuti na Vaš rezultat ili na tuđi. Zato je ovo jedna od rijetkih stvari u vidljivosti gdje u četvrt sata možete napraviti stvarnu razliku.

Što Google radi s Vašim naslovom

Google to sam ovako opisuje: pobrinite se da svaka stranica ima naslov u elementu <title> te neka bude opisan i sažet. Nejasni naslovi poput "Home" ili "Dobro došli" nikome ništa ne govore.

Google najčešće koristi Vaš <title>, ali ne uvijek. Poveznicu naslova Google može izraditi i iz drugih izvora: najvećeg naslova na stranici (često <h1>), oznake og:title za društvene mreže, istaknutog teksta na stranici, teksta poveznica koje vode na stranicu te naziva iz strukturiranih podataka tipa WebSite. To se događa ponajprije u ovim situacijama koje Google sam navodi:

Ako Google prepiše Vaš naslov, to nije kazna. To je znak da Vaš naslov ne opisuje stranicu dovoljno dobro. Ako poboljšate naslov, Google ga nakon sljedećeg posjeta crawlera često ponovno preuzme.

Koliko naslov smije biti dug?

Ovdje mnogi savjeti na internetu griješe. Google doslovno kaže da ne postoji ograničenje duljine elementa <title>. Međutim, poveznica naslova u rezultatima pretraživanja skraćuje se kako bi stala na zaslon. To se događa prema širini zaslona (u pikselima), a ne nakon određenog broja znakova: naslov s mnogo širokih slova (m, w) skratit će se prije od naslova s uskim slovima (i, l).

Zato ovaj tečaj radi s okvirnim pravilom, a ne s Googleovim pravilom: neka Vaš naslov ima otprilike 15 do 65 znakova. Kraći je često previše nejasan, a kod duljeg postoji rizik da najvažniji dio otpadne. Zato na početak stavite ono što stranica jest, a naziv svoje tvrtke na kraj.

Kako napisati dobar naslov

Iz Googleovih smjernica i iz prakse:

1. Recite o čemu je stranica. "Bruidsboeketten op maat in Amersfoort" (vjenčani buketi po mjeri u Amersfoortu) bolji je od "Diensten" (Usluge).
2. Svakoj stranici vlastiti naslov. Dvije stranice s istim naslovom u rezultatima pretraživanja ne mogu se razlikovati.
3. Naziv marke kratko, na početku ili na kraju, odvojen znakom kao što je |, : ili -. Google savjetuje da na svaki naslov ne dodajete dugačak slogan.
4. Bez gomilanja ključnih riječi. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" (cvijeće, cvjećar, jeftin buket u Amersfoortu) ne pomaže. Google ponavljanje ključnih riječi izričito navodi kao nešto što izgleda kao spam; to se čak nalazi u pravilima o spamu (lekcija 8.2).
5. Održavajte ga ažurnim. Godina u naslovu znači da ga morate ažurirati svake godine.

Česta pogreška kod alata za izradu web-stranica: početna stranica nosi samo naziv tvrtke. "Bloemenatelier Lotte" govori tko ste, ali ne i što radite ni gdje. "Bloemenatelier Lotte | Bloemist in Amersfoort" (cvjećar u Amersfoortu) bolje funkcionira za nekoga tko Vas još ne poznaje.

Metaopis

Metaopis se nalazi u elementu <meta>:

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

Google kaže: isječak dolazi ponajprije iz sadržaja same stranice. Metaopis se koristi ako stranicu sažima bolje od nekog dijela teksta sa stranice. Osim toga, isječak se može razlikovati ovisno o upitu: Google prikazuje dio koji najbolje odgovara upitu. Dobar metaopis stoga nije jamstvo da će se pojaviti, ali povećava izglede da ispod Vašeg naslova stoji nešto smisleno.

I ovdje vrijedi: Google ne poznaje maksimalnu duljinu, ali se isječak skraćuje kako bi stao na zaslon. Okvirno pravilo u ovom tečaju: 70 do 160 znakova. Dovoljno dugo da nešto kaže, dovoljno kratko da ostane prikazano u cijelosti.

Ovako ga napišite:

• Običnim rečenicama sažmite što će netko pronaći na stranici.
• Navedite konkretne podatke koji pomažu pri odabiru: mjesto, što nudite, za koga.
• Svakoj stranici vlastiti opis. Ako imate malo vremena, počnite s početnom stranicom i najposjećenijim stranicama; to savjetuje i sam Google.
• Bez popisa ključnih riječi. Google piše da se takvi opisi rjeđe koriste kao isječak.

Što metaopis ne radi: on nije čimbenik rangiranja kojim pomoću ključnih riječi postižete bolji položaj. Njegova je svrha uvjeriti korisnika da klikne.

Sami odredite što se prikazuje

Želite li da Google ne prikazuje isječak ili da prikazuje samo njegov dio? To možete postići robots metaoznakom: <meta name="robots" content="nosnippet"> (bez isječka) ili max-snippet:50 (najviše 50 znakova). Dio teksta možete isključiti atributom data-nosnippet. Za većinu malih web-mjesta to nije potrebno.

Gdje to vidite i provjeravate

• U izvornom kodu: otvorite stranicu, kliknite desnom tipkom miša i odaberite "Prikaži izvorni kôd stranice" (ili Ctrl+U). Pomoću Ctrl+F potražite <title i description.
• U rezultatima pretraživanja: pretražite site:example.com da biste vidjeli kako Google prikazuje Vaše stranice. Ako se poveznica naslova razlikuje od Vašeg <title>, provjerite koja situacija iz gornje tablice odgovara.
• U Search Consoleu: izvješće Performance (lekcija 2.3) pokazuje koje stranice imaju mnogo prikazivanja, a malo klikova. Tamo se bolji naslov i opis najviše isplate.

U praksi: postavljanje naslova i opisa

• U WebOké AI Builderu za svaku stranicu unosite vlastiti naslov i opis. Ako naslov ostavite praznim, naslov obične stranice postaje "Naziv stranice | Naziv web-mjesta", a početna stranica nosi samo naziv Vašeg web-mjesta. Zato početnoj stranici sami dodijelite naslov koji govori i čime se bavite. SEO provjera u AI Builderu upozorava na naslov dulji od 65 i opis dulji od 160 znakova: ista okvirna pravila kao u ovom tečaju.
• U WordPressu WordPress sam izrađuje naslov iz naslova stranice i naziva web-mjesta. Metaopis WordPress ne izrađuje sam; za to koristite SEO dodatak ili temu koja to nudi. O tome se govori i u tečaju o WordPressu, lekcija 9.2.

Kod drugih alata za izradu web-stranica postupak je sličan: potražite postavke poput "SEO", "Tražilice" ili "Postavke stranice".

Sažetak

• Naslov je redak u rezultatima pretraživanja na koji se klikne; metaopis sažima stranicu i ponekad se prikazuje kao isječak.
• Google može zamijeniti Vaš naslov ako je poluprazan, zastario, netočan ili posvuda isti, ili ako nema jasnog glavnog naslova.
• Google ne poznaje maksimalnu duljinu, ali skraćuje prema širini zaslona. Okvirna pravila u ovom tečaju: naslov 15 do 65 znakova, opis 70 do 160 znakova.
• Svakoj stranici vlastiti, opisni naslov i opis; bez gomilanja ključnih riječi; naziv marke kratko na kraju.
• Metaopis pomaže ljudima pri odabiru, a ne Vašem položaju na ljestvici.

Kviz

Zadatak

Zadatak A3.1: Naslov i metaopis Vaše stranice. Unesite adresu jedne stranice svojeg web-mjesta (početnu stranicu ili neku važnu stranicu). Program dohvaća stranicu kao što to radi tražilica, čita <title> i metaopis te broji znakove. Vidjet ćete postoje li, jesu li unutar okvirnih pravila i govori li naslov više od samog naziva Vaše tvrtke. Nemate vlastito web-mjesto? Upotrijebite www.rijksoverheid.nl.

Dodatno štivo

Koraci u ovim člancima odnose se na WebOké upravljačke ploče; kod drugih pružatelja usluga postupak je sličan.

• Prijava Vaše web stranice tražilicama (Google i Bing)
• Sitebuilder i AI Builder: koji odabrati i kako ga otvoriti?
• Google Search Central, Upravljanje poveznicama naslova u rezultatima pretraživanja: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Isječci i metaopis: https://developers.google.com/search/docs/appearance/snippet