Jak použít
- Zadejte Titulek, Popis a úplnou adresu stránky do pole Kanonická URL, včetně https://.
- Nechte zapnuté Přidat Open Graph, aby se kód doplnil o značky pro sdílení na sociálních sítích.
- V poli og:type vyberte typ stránky, například website nebo article.
- V poli Karta Twitter vyberte summary_large_image pro kartu s velkým obrázkem nebo summary pro menší náhled.
- Zkopírujte vygenerovaný kód do části head své stránky.
Příklady
Úvodní stránka českého knihkupectví
Vstup
Titulek: Knihkupectví U Lípy – knihy pro malé i velké Popis: Vyberte si českou beletrii, dětské knihy i průvodce na cesty. Navštivte naše knihkupectví v Brně nebo si objednejte knihy domů. Kanonická URL: https://knihyulipy.cz/ URL obrázku: https://knihyulipy.cz/images/prodejna.jpg Alternativní text obrázku: Výloha knihkupectví U Lípy v Brně Název webu: Knihkupectví U Lípy Jazyk a oblast (og:locale): cs_CZ
Výstup
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Knihkupectví U Lípy – knihy pro malé i velké</title> <meta name="description" content="Vyberte si českou beletrii, dětské knihy i průvodce na cesty. Navštivte naše knihkupectví v Brně nebo si objednejte knihy domů."> <link rel="canonical" href="https://knihyulipy.cz/"> <!-- Open Graph --> <meta property="og:type" content="website"> <meta property="og:url" content="https://knihyulipy.cz/"> <meta property="og:title" content="Knihkupectví U Lípy – knihy pro malé i velké"> <meta property="og:description" content="Vyberte si českou beletrii, dětské knihy i průvodce na cesty. Navštivte naše knihkupectví v Brně nebo si objednejte knihy domů."> <meta property="og:image" content="https://knihyulipy.cz/images/prodejna.jpg"> <meta property="og:image:alt" content="Výloha knihkupectví U Lípy v Brně"> <meta property="og:site_name" content="Knihkupectví U Lípy"> <meta property="og:locale" content="cs_CZ"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image:alt" content="Výloha knihkupectví U Lípy v Brně">
Článek s jiným titulkem pro sociální sítě
Vstup
Titulek: Výlet na Pálavu: trasa z Mikulova na Děvín Popis: Naplánujte si pěší výlet z Mikulova na Děvín. Najdete tu popis trasy, tipy na zastávky a praktické rady pro cestu na Pálavu. Titulek pro sociální sítě: Kam o víkendu? Vyrazte z Mikulova na Děvín Popis pro sociální sítě: Trasa, výhledy a zastávky na jednodenní výlet po Pálavě. Kanonická URL: https://vyletyjiznimorava.cz/blog/mikulov-devin URL obrázku: https://vyletyjiznimorava.cz/images/devin.jpg Alternativní text obrázku: Výhled z Děvína na Novomlýnské nádrže Název webu: Výlety jižní Morava Twitter @site: vyletyjm Autor: Jana Novotná Jazyk a oblast (og:locale): cs_CZ og:type: article, zapnuto max-image-preview:large, zapnuto Jiný titulek a popis pro sociální sítě
Výstup
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Výlet na Pálavu: trasa z Mikulova na Děvín</title> <meta name="description" content="Naplánujte si pěší výlet z Mikulova na Děvín. Najdete tu popis trasy, tipy na zastávky a praktické rady pro cestu na Pálavu."> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="author" content="Jana Novotná"> <link rel="canonical" href="https://vyletyjiznimorava.cz/blog/mikulov-devin"> <!-- Open Graph --> <meta property="og:type" content="article"> <meta property="og:url" content="https://vyletyjiznimorava.cz/blog/mikulov-devin"> <meta property="og:title" content="Kam o víkendu? Vyrazte z Mikulova na Děvín"> <meta property="og:description" content="Trasa, výhledy a zastávky na jednodenní výlet po Pálavě."> <meta property="og:image" content="https://vyletyjiznimorava.cz/images/devin.jpg"> <meta property="og:image:alt" content="Výhled z Děvína na Novomlýnské nádrže"> <meta property="og:site_name" content="Výlety jižní Morava"> <meta property="og:locale" content="cs_CZ"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@vyletyjm"> <meta name="twitter:image:alt" content="Výhled z Děvína na Novomlýnské nádrže">
Testovací stránka bez indexování
Vstup
Titulek: Náhled nového webu – Ateliér Hradec Popis: Pracovní verze webu ateliéru s návrhem úvodní stránky a přehledem služeb. Kanonická URL: https://test.atelierhradec.cz/ Název webu: Ateliér Hradec Vypnuto: Indexování, Přidat Open Graph, Přidat Twitter Card
Výstup
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Náhled nového webu – Ateliér Hradec</title> <meta name="description" content="Pracovní verze webu ateliéru s návrhem úvodní stránky a přehledem služeb."> <meta name="robots" content="noindex, follow"> <link rel="canonical" href="https://test.atelierhradec.cz/">
Časté dotazy
Jak dlouhý má být titulek a meta description?
Nástroj označuje jako vhodnou délku titulku 30–60 znaků při šířce nejvýše 580 px a u popisu 70–160 znaků. Počítadla upozorní také na příliš dlouhý text, který může být oříznut.
Bude stránka v Googlu vypadat přesně jako v náhledu?
Náhled berte jako orientační. Google může titulek i popis přepsat.
Jaký obrázek použít pro Facebook a X?
Nástroj doporučuje rozměry 1200 × 630 px. Po otevření náhledu Facebook nebo X načte obrázek ze zadané adresy a upozorní na rozměry menší než 600 px na šířku nebo 315 px na výšku.
Odesílají se vyplněné údaje na server?
Meta tagy se generují ve vašem prohlížeči a nástroj neposílá vyplněné hodnoty na server webu. V náhledu Facebook nebo X prohlížeč načítá obrázek přímo ze zadané adresy. Lokálně se ukládají jen nastavení voleb, nikoli vyplněné texty.