Jak vygeneruji meta tagy a Open Graph tagy pro svou stránku?

Vyplňte Název stránky, Meta popis, URL stránky a URL obrázku pro sociální sítě. Tagy se vytvářejí během psaní. Vyberte Výstupní formát (HTML, Next.js, JSX nebo WordPress), poté použijte Kopírovat nebo Stáhnout a vložte blok do hlavičky.

Jak dlouhý by měl být můj titulek a meta popis?

Nástroj doporučuje 30–60 znaků pro titulek a 70–160 pro popis. Náhled ve výsledcích Google se zobrazením pro Počítač a Mobil ukazuje, kdy by byl text oříznut. Šířky jsou orientační, protože Google ořezává podle pixelů.

Proč se v náhledu odkazu nezobrazuje obrázek nebo se zobrazuje špatný?

URL obrázku obvykle chybí, používá http://, není veřejně dostupná nebo platforma uložila starý náhled do mezipaměti. Nástroj doporučuje 1200×630 px, do 5 MB, jako absolutní odkaz https://, a varuje, pokud poměr stran nebo velikost neodpovídá.

Mohu zkontrolovat meta tagy stránky, kterou už mám?

Ano. Otevřete Importovat z existujícího HTML, vložte hlavičku stránky nebo celé HTML a klikněte na Vyplnit formulář z HTML. Sekce Audit poté vypíše problémy. Zpracování probíhá ve vašem prohlížeči a nespouští skripty ani nic nestahuje.

Odesílá generátor údaje o mé stránce na server?

Ne. Tagy se sestavují ve vašem prohlížeči a vložené HTML je čteno pomocí DOMParseru prohlížeče, který nespouští skripty ani neprovádí síťové požadavky. Pouze náhled obrázku načte vámi zadanou URL obrázku.

Je to opravdu zdarma?

Ano. Každý nástroj je zdarma, bez účtu a bez platební karty. Práce probíhá na vašem zařízení, nikoli na našich serverech, což umožňuje jeho bezplatné používání.

Funguje to na mobilu?

Ano. Funguje v aktuálních mobilních prohlížečích na iOS a Androidu a nic se neinstaluje.

🏷️

Generátor meta tagů a Open Graph zdarma

Generujte SEO meta tagy, Open Graph a Twitter Card značky s živým náhledem pro Google a sdílení na sociálních sítích. Zkopírujte přímo do záhlaví stránky.

Běží ve vašem prohlížečiBez registrace, bez vyskakovacích okenNení nutné přihlášeníZdarma navždy

Funguje offline po načtení

Název stránky0 · 0/580px

URL stránky

Meta popis0 · 0/920px

URL obrázku pro sociální sítě

Ideálně: 1200×630 px, do 5 MB, absolutní odkaz https://.

Název webu

Twitter/X účet

Uživatelské jméno autora na Twitteru/X

Typ Twitter karty

Typ Open Graph

Zahrnout také

Zahrnout kanonický odkaz (používá URL stránky)Kódování a mobilní viewportPřipomenutí nastavit <html lang> na csog:locale (jazyk stránky)Odkaz na faviconBarva motivu (lišta prohlížeče v telefonech)

Indexování vyhledávači

Nadpis 0/580px (doporučeno 30–60)Popis 0/920px (doporučeno 70–160)

Náhled ve výsledcích Google

example.com

Zde se zobrazí název stránky

Zde se zobrazí meta popis. Udělejte jej přesvědčivým pro zlepšení míry prokliku z výsledků vyhledávání.

Šířky jsou odhad: Google zkracuje podle pixelů, ne znaků.

Náhled karty pro sociální sítě

Náhled og:image

example.com

Název stránky

Popis stránky

Vložte do <head>

Vyplňte alespoň jedno pole výše, abyste vygenerovali meta tagy.

Běžná použití

Metatags pro příspěvky bloguGenerujte nadpis, popis a sociální tagy, aby vaše články vypadaly skvěle při sdílení.
Metatags pro stránky produktůUdělej produktové stránky krásné na sdílení a jednoduché čtení ve výsledcích hledání.
Metatags pro cílové stránkyPřesně kontrolujte, jak se cílové stránky vaší kampaně zobrazují při sdílení a vyhledávání.
Generujte metatags pro jakoukoli webovou aplikaciRychle vytvořte úplnou sadu head metatags pro novou stránku nebo web.
Opravit ošklivé náhledy odkazůNechte své odkazy nezobrazovat jen jako URL — přidejte tagy, které vytváří bohaté karty náhledu.

Jak to funguje

Veškeré sestavování tagů a parsování hlavičky probíhá přímo ve vašem prohlížeči — server se nezapojuje. Nástroj používá useMemo Reactu pro reaktivní sestavování řetězců HTML a nativní DOMParser API prohlížeče pro čtení existujícího značení stránky pro funkci importu/auditu.

1
Vstup formuláře řídí živé sestavení
Jak píšete, hook useMemo okamžitě znovu sestaví celý blok tagů — název, meta popis, vlastnosti Open Graph a atributy Twitter Card — escapuje speciální znaky (&, <, >, "), takže je výstup bezpečné vložit přímo do HTML.
2
Ověření URL přes konstruktor URL prohlížeče
Každé pole URL (URL stránky, sociální obrázek) se ověřuje pomocí vestavěného konstruktoru URL prohlížeče. Projdou jen správně formované adresy http:// nebo https:// s tečkovanými názvy hostitele; neplatné hodnoty zablokují tlačítko kopírovat a zobrazí vloženou chybu.
3
Import: DOMParser čte existující značení hlavičky
Pokud vložíte existující HTML <head> k auditu, nástroj jej spustí přes DOMParser v inertním režimu — nespouští se žádné skripty a neprovádí se žádné síťové požadavky. Poté dotazuje rozebraný dokument na známé meta selektory (og:title, twitter:description, canonical odkaz atd.) a předvyplní pole formuláře čímkoli, co najde.
4
Živé náhledy Google a sociálních karet
Nástroj vykresluje stylizovaný výsledek vyhledávání Google a náhled karty Open Graph v reálném čase pomocí stejného stavu formuláře, takže vidíte přesně, jak budou název a popis oříznuty ještě před zkopírováním výstupu.

Související nástroje

📐

Změnit velikost obrázku na sociálních sítích

Změňte velikost a ořízněte obrázky na přesné velikosti pro rok 2026 pro Instagram, YouTube, TikTok, X, Facebook, LinkedIn a Pinterest — s průvodci bezpečné zóny a hromadným ZIP. 100% ve vašem prohlížeči, bez nahrávání.

VyzkoušetSoubory zůstávají lokální

🎼

Editor ID3 značek (ID3)

Upravujte ID3 značky MP3 – název, interpreta, album, rok, žánr a obal – 100% ve vašem prohlížeči. Bez nahrávání a zvuk není znovu kódován. Zdarma a soukromé.

VyzkoušetSoubory zůstávají lokální

🔗

Generátor slugů

Převeďte libovolný nadpis nebo text na slug vhodný pro URL. Ideální pro příspěvky na blogu, stránky CMS a SEO optimalizované URL adresy.

Vyzkoušet