O ovom alatu
Meta oznake u HTML-u <head> upravljaju načinom na koji tražilice i društvene platforme prikazuju pregled stranice. Najvažnije oznake uključuju <title>, <meta name="description">, oznake Open Graph (og:title, og:description, og:image) i oznake Twitter Card (twitter:title, twitter:description, twitter:image). Kada ove oznake nedostaju, pogrešno su oblikovane ili su pogrešne, isječci pretraživanja i društveni pregledi izgledaju neispravno ili koriste neželjeni sadržaj.
Ovaj alat za provjeru dohvaća URL i provjerava sve relevantne meta oznake. Nedostajuće oznake su označene. Oznake sa sadržajem koji premašuje ograničenja dužine specifične za platformu (skraćivanje Google isječaka, velika slova na Twitteru) su istaknute. Reference na slike su provjerene — ako og:image pokazuje na 404, društveni pregled bit će prekinut.
Sve je to važno jer većina klikova na vašu stranicu dolazi iz rezultata pretraživanja i dijeljenja na društvenim mrežama. Meta oznake su marketinška kopija koja odlučuje hoće li se klik dogoditi. Odrediti ih kako treba jedan je od SEO i društvenih zadataka s najvećim utjecajem.
Zašto provjeriti meta oznake
Pogreške meta oznaka su tihe. Stranica bez og:image i dalje se ispravno učitava; ništa na stranici vam ne govori da dijeljenje na društvenim mrežama izgleda pokvareno. Pogreška je vidljiva tek kada netko podijeli stranicu, a tada je propušteni prvi dojam već izgubljen. Rutinsko provjeravanje stranica rano otkriva te probleme.
Nakon velikih promjena na web-mjestu — redizajna, migracije CMS-a, ažuriranja predloška — meta oznake često nazaduju. QA prolaz na važnim stranicama potvrđuje da ništa kritično nije izgubljeno u promjeni.
Kako koristiti
Unesite URL, pogledajte sve meta oznake.
- Unesite URL: Upišite ili zalijepite URL za provjeru. I http:// i https:// rade; Preferiran HTTPS.
- Dohvaćanje i raščlanjivanje: Alat dohvaća stranicu (ili od vas traži da zalijepite HTML ako problemi s različitim izvorima sprječavaju dohvaćanje) i analizira odjeljak glave.
- Pregledajte oznake: Naslov, meta opis, oznake Open Graph, oznake Twitter kartice i druge relevantne meta pojavljuju se u strukturiranom prikazu. Kritične oznake koje nedostaju su označene.
- Pregledajte kako će stranica izgledati: Neki kontrolnici prikazuju simulirani Google isječak, Facebook dijeljenje i preglede Twitter kartica na temelju raščlanjenih oznaka. Koristite ih da uočite probleme prije nego što se pojave u stvarnim dijeljenjima.
Uobičajeni slučajevi upotrebe
Tehnički detalji
Potrebne meta oznake za SEO: <title> (50-60 znakova; Google skraćuje više od toga u isječcima pretraživanja), <meta name="description"> (150-160 znakova; duži tekst se skraćuje). Nedostatak bilo kojeg značajno pogoršava izgled pretraživanja.
Open Graph oznake (koje koriste Facebook, LinkedIn, Slack i mnogi drugi): og:title, og:description, og:image, og:url, og:type. og:slika bi trebala imati najmanje 1200×630 piksela za visoko DPI renderiranje. og:image:alt je oznaka pristupačnosti.
Oznake Twitter kartice: twitter:card (obično summary_large_image), twitter:title, twitter:description, twitter:image. Twitter se vraća na OG oznake ako nedostaju one specifične za Twitter, tako da je dobro konfiguriran OG često dovoljan.
Najbolji primjeri iz prakse
Često postavljana pitanja
- Koje su meta oznake najvažnije za SEO?
- Oznaka naslova (najvažnije — 50-60 znakova), meta opis (150-160 znakova), kanonski URL, meta robota, Open Graph (og:title, og:description, og:image) i okvir za prikaz za mobilne uređaje. Oni izravno utječu na rangiranje u pretraživanju i stopu klikanja.
- Kolika bi trebala biti moja naslovna oznaka?
- 50-60 znakova (ili ~580 piksela) za puni prikaz u rezultatima Google pretraživanja. Duži naslovi skraćuju se s '...'. Učitavanje važnih ključnih riječi od početka je najvidljivije i ima veću SEO težinu.
- Trebam li oznake Open Graph?
- Da, ako se vaše stranice dijele na društvenim mrežama. Bez og:image i og:title, Facebook/LinkedIn će automatski generirati preglede koji mogu izgledati loše. Ispravne OG oznake osiguravaju da vaš sadržaj izgleda sjajno kada se dijeli.
- Čemu služi kanonska oznaka?
- Canonical oznaka (rel="canonical") govori tražilicama koji je URL "službena" verzija stranice. Sprječava probleme s dvostrukim sadržajem kada je ista stranica dostupna na više URL-ova (sa/bez www, HTTP/HTTPS, s parametrima upita).
- Zašto moje dijeljenje na Facebooku prikazuje krivu sliku?
- Facebook najčešće koristi verziju iz predmemorije. Koristite Facebookov Sharing Debugger za brisanje predmemorije i ponovno dohvaćanje vaše stranice.
- Jesu li meta oznake osjetljive na velika i mala slova?
- Nazivi svojstava prema konvenciji pišu se malim slovima. Većina raščlanjivača je tolerantna, ali radi sigurnosti držite se malih slova.
- Dohvaća li se moj URL iz preglednika ili poslužitelja?
- Ovisi o alatu. Dohvaćanje preglednika može pogoditi probleme s CORS-om; neki alati koriste proxy poslužitelja za dohvaćanje i izvješćivanje.
- Što je s JSON-LD strukturiranim podacima?
- JSON-LD su strukturirani podaci za bogate rezultate, odvojeni od meta oznaka. Većina alata za provjeru meta oznaka usredotočuje se na HTML head meta; validatori strukturiranih podataka zasebna su klasa alata.