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

Počítač, notebook a tablet na stole s otevřeným webem

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