Shrnutí
Bezplatný generátor meta značek zapíše kód hlavičky, který stránka potřebuje, aby v Google a při sdílení vypadala správně: značku title, meta popis, viewport, značky Open Graph, které čtou Facebook a LinkedIn, a značky Twitter Card, které čte X. Napište titulek a popis, sledujte počítadla znaků a tři živé náhledy, poté vložte blok HTML do hlavičky své stránky.
Chcete jít dál? Zeptejte se
Generátor meta značek vám ušetří psaní stejné desítky řádků ručně pro každou stránku a drobných překlepů, které je rozbijí. Dva z těch řádků tvarují váš výsledek v Google. Google uvádí, že může použít meta popis do úryvku, pokud stránku popisuje lépe než samotný text stránky (Google Search Central, meta popisy). Ostatní řádky rozhodují o tom, co lidé uvidí, když se váš odkaz vloží do kanálu, chatu nebo e-mailu.
Co generátor meta značek vytvoří?
Vrátí jeden blok HTML rozdělený do tří částí: základní značky, značky Open Graph a značky Twitter Card. Volitelná pole přidají svou značku jen tehdy, když je vyplníte, takže kód nikdy neobsahuje prázdné hodnoty.
| Značka | Co dělá | Hlavní čtenář | Zapsána, když |
|---|---|---|---|
| charset (UTF-8) | Určuje kódování znaků | Prohlížeče | Vždy |
| viewport | Říká mobilním prohlížečům, jak stránku měřítkovat | Prohlížeče a Google | Vždy |
| title | Pojmenuje stránku ve výsledcích a na záložce prohlížeče | Google, Bing, prohlížeče | Vždy |
| meta description | Shrnuje stránku pro úryvek ve výsledcích | Google, Bing | Vždy |
| content-language | Deklaruje jazyk stránky | Některé nástroje a prohlížeče | Když vyberete jazyk |
| og:type, og:title, og:description | Sestavuje náhled odkazu | Facebook, LinkedIn, zprávové aplikace | Vždy |
| og:url, og:image, og:site_name | Přidá adresu, obrázek a vaši značku | Stejné platformy | Když vyplněno |
| twitter:card, twitter:title, twitter:description, twitter:image | Sestavuje kartu s velkým obrázkem | X | Vždy, obrázek když vyplněn |
Typ karty je nastaven na summary_large_image, formát, který na X zobrazuje široký obrázek nad titulkem.
Jak generátor meta značek používat?
Vyplňte dvě pole, zkontrolujte tři náhledy a zkopírujte kód. Celý postup zabere zhruba minutu na stránku.
- Napište titulek stránky. Počítadlo zezelená mezi 50 a 60 znaky; pole se zastaví na 70.
- Napište meta popis. Počítadlo zezelená mezi 150 a 160 znaky, což je maximum, které pole přijme.
- Otevřete „Obrázek, název webu a jazyk“ a přidejte adresu stránky, adresu sdíleného obrázku, název svého webu a jazyk (angličtina, francouzština, španělština nebo němčina).
- Klikněte na „Vygenerovat meta značky“ a přečtěte si tři náhledy: Google, Facebook a LinkedIn, poté X.
- Zkopírujte HTML a vložte jej do prvku head stránky, nebo zkopírujte každou hodnotu do polí SEO svého CMS.
Většina systémů CMS už zapisuje řádky charset a viewport. V tom případě ponechte jen značky title, description a sociální značky, aby stránka neobsahovala duplicity.
Jak dlouhý má být titulek a meta popis?
Cílte na 50 až 60 znaků u značky title a 150 až 160 znaků u popisu. Google nestanovuje pevný limit: uvádí, že délka prvku title není omezena, ale odkaz s titulkem se zkracuje podle potřeby, typicky tak, aby se vešel do šířky zařízení (Google Search Central, odkazy s titulkem). Totéž tvrdí o popisech. Níže uvedené cíle drží důležitá slova ve viditelné části na většině obrazovek.
| Prvek | Cíl v nástroji | Limit pole | Náhled Google v nástroji |
|---|---|---|---|
| Značka title | 50 až 60 znaků | 70 znaků | Nad 60 znaků zobrazí prvních 57 a výpustku |
| Meta popis | 150 až 160 znaků | 160 znaků | Zobrazen celý až do limitu 160 |
| og:title a twitter:title | Stejné jako titulek | Zkopírováno z titulku | Zobrazeno v náhledech Facebook, LinkedIn a X |
Zkrácení závisí na pixelové šířce, ne na počtu znaků: titulek plný širokých písmen, jako M a W, se ořízne dříve než ten plný i a l. Počítadla berte jako vodítko a klíčové slovo a přínos dejte do první poloviny každého řádku.
Které meta značky Google skutečně používá?
Méně, než obsahuje většina šablon. Google dokumentuje meta značky, které podporuje, a několik běžných na Search nemá žádný vliv (Google, meta značky, které Google podporuje).
- Title a popis: používají se pro odkaz s titulkem a úryvek. Google využívá prvek title ve více než 80% případů a přepíše jej, pokud je dlouhý, nahuštěný klíčovými slovy nebo obecný (blog Google Search Central, 2021).
- Viewport: podporován a jeho přítomnost dává Google najevo, že stránka je připravena pro mobily.
- Meta keywords: Google Search je vůbec nepoužívá, proto je generátor vynechává.
- Jazykové značky: Google určuje jazyk z viditelného obsahu a nepoužívá informace o jazyku na úrovni kódu, jako jsou atributy lang (Google, víceregionální a vícejazyčné weby). Řádek content-language pomáhá jiným nástrojům; pro mezinárodní verze stránky použijte hreflang s generátorem hreflang.
Slovní zásobu najdete v našich položkách slovníku o meta značkách, značce title a meta popisu.
Proč přidat značky Open Graph a Twitter Card?
Protože bez nich každá platforma hádá. Odkaz sdílený na LinkedIn nebo ve zprávové aplikaci bez značek Open Graph může ukázat špatný obrázek, popisek z menu jako titulek nebo vůbec žádný náhled. Protokol Open Graph uvádí čtyři povinné vlastnosti pro každou stránku: og:title, og:type, og:image a og:url (Protokol Open Graph).
Generátor vždy zapíše og:title a og:type. Pole og:url a og:image přidá, jen když vyplníte volitelná pole, takže vyplňte obě, abyste splnili čtyři povinné vlastnosti. Použijte absolutní adresu obrázku začínající na https a obrázek na šířku, který se po oříznutí pořád dobře čte. Výsledek poté zkontrolujte nástrojem pro náhled Open Graph, který ukáže, jak karta vypadá na každé síti.
Jaké chyby vám generátory meta značek pomáhají odhalit?
Většina problémů s meta značkami se opakuje a dá se chytit ještě před publikací.
- Stejný titulek na každé stránce. Google chce na každé stránce jedinečný text a varuje před šablonovými titulky, které se liší jediným slovem.
- Popis zkopírovaný z prvního odstavce. Napište raději krátké shrnutí: na co stránka odpovídá, pro koho je a proč na ni kliknout.
- Uvozovky, které rozbijí kód. Generátor je správně ošetří, takže uvozovka v popisu neuzavře atribut.
- Obrázek pro sdílení na relativní cestě. Sociální platformy potřebují celou adresu obrázku.
- Značky v těle stránky. Meta značky fungují jen uvnitř prvku head; vložené níže se ignorují.
Kdy místo toho psát meta značky ručně?
Generátor použijte pro jednu stránku nebo hrstku stránek. U velkého webu patří značky do šablon: titulek stránky produktu lze složit z názvu produktu, kategorie a značky a popis z reálných atributů, jako je cena nebo velikost. Dokumentace Google doporučuje na velkých webech generovat popisy programově, pokud zůstane každý specifický pro svou stránku. Chcete-li nejdřív napsat ostřejší popis, vyzkoušejte generátor AI meta popisů; na nápady k titulkům slouží generátor AI SEO titulků, který navrhuje pět variant, jež se vejdou do Google.
Záleží na meta značkách ještě ve vyhledávání pomocí AI?
Ano, i když jinak. ChatGPT, Perplexity a Gemini nezobrazují váš meta popis tak jako Google, ale titulek a popis přesto popisují stránku pro crawlery, které je napájejí, a pro výsledky vyhledávání, na které se tito asistenti často odvolávají. Jasný titulek, který odpovídá H1, a popis, který uvádí odpověď, pomáhají oboje. Abyste zjistili, jak celá vaše stránka vyzní pro asistenty AI, spusťte audit SEO pro AI.
Od jedné stránky k celému webu
Jedinečné a přesné meta značky na každé stránce jsou malý úkol s trvalým dopadem na prokliky. Vygenerujte je zde pro klíčové stránky, poté nechte generátor blogových článků Sorank napsat každý nový článek s už optimalizovanou značkou title a meta popisem a sledujte prokliky, které získají, v přehledu GEO a SEO. Podívejte se na tarify Sorank, abyste publikovali na autopilot.
