Meta tagy, Open Graph a JSON-LD: co to je a co s tím
Tři věci, které většina malých webů nemá vyplněné, i když jsou nejlevnější částí SEO. Vysvětlení pro začátečníky i ukázky kódu.
Napsal Lukáš
Většina malých webů nemá vyplněné popisky, strukturovaná data ani smysluplné sdílení na sítích. Je to nejlevnější část SEO a zároveň ta, kterou nikdo nedělá. Pojďme si říct, co ty tři věci jsou a proč se vyplatí je mít.
Meta tagy: titulek a popis
Když web najdete ve vyhledávači, vidíte titulek, adresu a krátký popis. Titulek pochází z
tagu <title>, popis z <meta name="description">. Podle nich se člověk rozhoduje, jestli
na výsledek klikne.
<title>Oprava webu Rakovník | OpravWeb</title>
<meta name="description" content="Najdu příčinu, proč web nefunguje, a opravím ji. Formuláře, e-maily, přesměrování.">
Platí několik zásad:
- Každá stránka má vlastní titulek a popis. Stejný text na všech stránkách je slabé.
- Titulek je orientačně do 60 znaků, popis do zhruba 160. Delší text vyhledávač zkrátí.
- Popis sám o sobě pozice neurčuje. Slouží k tomu, aby člověk chtěl kliknout, takže ho pište jako nabídku.
Open Graph: náhled při sdílení
Když pošlete odkaz v chatu nebo ho sdílíte na sociální síti, zobrazí se náhled s nadpisem, popisem a obrázkem. Právě ten řídí Open Graph:
<meta property="og:title" content="Oprava webu | OpravWeb">
<meta property="og:description" content="Najdu příčinu a opravím ji.">
<meta property="og:image" content="https://www.priklad.cz/images/nahled.jpg">
<meta property="og:url" content="https://www.priklad.cz/oprava-webu">
<meta property="og:type" content="website">
Bez nich si síť vybere něco sama, často nevhodný obrázek nebo žádný.
JSON-LD: informace pro stroje
Strukturovaná data JSON-LD říkají vyhledávači, o jaký typ věci jde, bez hádání z textu. Pro firmu to může být název, adresa, telefon a oblast působení:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "Příklad s.r.o.",
"url": "https://www.priklad.cz",
"telephone": "+420 000 000 000",
"address": {
"@type": "PostalAddress",
"addressLocality": "Rakovník",
"addressCountry": "CZ"
}
}
</script>
Zapsat se dají i služby, otevírací doba nebo často kladené otázky. Údaje musí odpovídat tomu, co je na stránce, a musí být pravdivé. Vyhledávač je může použít pro bohatší zobrazení výsledku, ale nezaručuje to.
Co k tomu patří
- Sitemap: seznam stránek webu pro vyhledávače.
- robots.txt: pokyny robotům, co mají procházet.
- Přesměrování: kontrola, že staré adresy vedou na správné místo.
Co čekat
Tyhle značky pozice samy nezvednou. Odstraní ale překážky: vyhledávač webu rozumí, výsledek vypadá smysluplně a odkaz se při sdílení zobrazí tak, jak má. Na zbytek je potřeba kvalitní obsah.
Kontrolu a doplnění značek dělám v rámci služby SEO a technické základy. Na konci dostanete přehled toho, co se změnilo a proč.