Ako vygenerujem meta tagy a Open Graph tagy pre svoju stránku?

Vyplňte Názov stránky, Meta popis, URL stránky a URL sociálneho obrázka. Tagy sa vytvárajú pri písaní. Vyberte Formát výstupu (HTML, Next.js, JSX alebo WordPress), potom použite Kopírovať alebo Stiahnuť a vložte blok do hlavičky.

Aký dlhý by mal byť môj názov a meta popis?

Nástroj odporúča 30 – 60 znakov pre názov a 70 – 160 pre popis. Náhľad vo vyhľadávaní Google so zobrazením Počítač a Mobil ukazuje, kedy by bol text orezaný. Šírky sú orientačné, pretože Google skracuje podľa pixelov.

Prečo sa v náhľade odkazu nezobrazuje žiadny alebo nesprávny obrázok?

Adresa URL obrázka zvyčajne chýba, používa http://, nie je verejne dostupná alebo platforma uložila starý náhľad do vyrovnávacej pamäte. Nástroj odporúča 1 200 × 630 px, do 5 MB, ako absolútny odkaz https:// a upozorní, keď je pomer alebo veľkosť nesprávna.

Môžem skontrolovať meta tagy stránky, ktorú už mám?

Áno. Otvorte Importovať z existujúceho HTML, vložte hlavičku stránky alebo celé HTML a kliknite na Vyplniť formulár z HTML. Sekcia Audit potom zobrazí problémy. Analýza prebieha vo vašom prehliadači a nespúšťa skripty ani nič nenačítava.

Odosiela generátor podrobnosti o mojej stránke na server?

Nie. Tagy sa zostavujú vo vašom prehliadači a vložené HTML sa číta pomocou DOMParser prehliadača, ktorý nespúšťa skripty ani nevykonáva sieťové požiadavky. Iba náhľad obrázka načíta adresu URL obrázka, ktorú ste zadali.

Je to naozaj zadarmo?

Áno. Každý nástroj je zadarmo, bez účtu a bez kreditnej karty. Práca prebieha vo vašom zariadení, nie na našich serveroch, vďaka čomu je jej prevádzka bezplatná.

Funguje to na mobile?

Áno. Funguje v aktuálnych mobilných prehliadačoch na iOS a Androide, bez inštalácie.

🏷️

Generátor meta tagov a Open Graph zadarmo

Generujte SEO meta tagy, Open Graph a Twitter Card markup so živým náhľadom Google a zdieľania na sociálnych sieťach. Skopírujte priamo do hlavičky stránky.

Beží vo vašom prehliadačiBez registrácie, bez vyskakovacích okienPrihlásenie nie je potrebnéZadarmo navždy

Po načítaní funguje offline

Názov stránky0 · 0/580px

URL stránky

Meta popis0 · 0/920px

URL sociálneho obrázka

Najlepšie: 1200×630 px, do 5 MB, absolútny odkaz https://.

Názov webu

Prezývka na Twitteri/X

Meno autora na Twitter/X

Typ Twitter karty

Typ Open Graph

Zahrnúť aj

Zahrnúť kanonický odkaz (používa URL stránky)Kódovanie znakov a viewport pre mobilPripomienka nastaviť <html lang> na skog:locale (jazyk stránky)Odkaz na faviconFarba motívu (lišta prehliadača v telefónoch)

Indexovanie vyhľadávačmi

Nadpis 0/580px (odporúčané 30–60)Popis 0/920px (odporúčané 70–160)

Náhľad vo vyhľadávaní Google

example.com

Tu sa zobrazí názov vašej stránky

Tu sa zobrazí váš meta popis. Urobte ho presvedčivým, aby ste zlepšili mieru preklikov z výsledkov vyhľadávania.

Šírky sú odhad: Google skracuje podľa pixelov, nie znakov.

Náhľad sociálnej karty

Náhľad og:image

example.com

Názov stránky

Popis stránky

Vložte do vašej sekcie <head>

Vyplňte aspoň jedno pole vyššie, aby sa generovali meta značky.

Bežné použitia

Meta značky pre príspevky na bloguVygenerujte názov, opis a sociálne značky, aby vaše články vyzerali skvelé, keď sú zdieľané.
Meta značky pre stránky produktovStránky produktov sa zdieľajú krásne a dobre čitajú vo výsledkoch vyhľadávania.
Meta značky pre vstupné stránkyPresne kontrolujte, ako sa vaše vstupné stránky kampane zobrazujú pri zdieľaní a vyhľadávaní.
Vygenerujte meta značky pre ľubovoľnú webovú aplikáciuRýchlo vytvorte kompletný súbor metaznamienok na novej stránke alebo lokalite.
Opravte škaredé predpoklady odkazovZastavte zobrazovanie odkazov ako holých URL — pridajte značky, ktoré vytvárajú karty s bohatým náhľadom.

Ako to funguje

Celé zostavovanie tagov a spracovanie hlavičky prebieha priamo vo vašom prehliadači — server nie je zapojený. Nástroj používa React useMemo na reaktívne zostavovanie reťazcov HTML a natívne API DOMParser prehliadača na čítanie existujúcich značiek stránky pre funkciu importu/auditu.

1
Vstup formulára riadi živé zostavovanie
Počas písania hook useMemo okamžite znovu zostaví celý blok tagov — titulok, meta popis, vlastnosti Open Graph a atribúty Twitter Card — a escapuje špeciálne znaky (&, <, >, "), takže výstup je bezpečné vložiť priamo do HTML.
2
Overenie URL cez konštruktor URL prehliadača
Každé pole URL (URL stránky, sociálny obrázok) sa overuje pomocou vstavaného konštruktora URL prehliadača. Prejdú iba správne tvarované adresy http:// alebo https:// s bodkovanými hostiteľskými menami; neplatné hodnoty zablokujú tlačidlo kopírovania a zobrazia inline chybu.
3
Import: DOMParser číta existujúce značky hlavičky
Ak vložíte existujúce HTML <head> na jeho audit, nástroj ho spustí cez DOMParser v neaktívnom režime — nespúšťajú sa žiadne skripty a nevykonávajú sa žiadne sieťové požiadavky. Potom prehľadá spracovaný dokument pre známe selektory meta (og:title, twitter:description, kanonický odkaz atď.) a predvyplní polia formulára tým, čo nájde.
4
Živé náhľady Google a sociálnych kariet
Nástroj v reálnom čase vykresľuje štylizovaný výsledok vyhľadávania Google a náhľad karty Open Graph pomocou toho istého stavu formulára, takže presne vidíte, ako sa titulok a popis skrátia skôr, než výstup skopírujete.

Súvisiace nástroje

📐

Zmenšovač obrázkov sociálnych médií

Zmeniť veľkosť a orezať obrázky na presné veľkosti z roku 2026 pre Instagram, YouTube, TikTok, X, Facebook, LinkedIn a Pinterest — s vodítkami bezpečnej zóny a dávkový ZIP. 100% vo vašom prehliadači, bez nahrania.

VyskúšajteSúbory zostávajú lokálne

🎼

Editor značiek zvuku (ID3)

Upravujte ID3 značky MP3 – názov, interpreta, album, rok, žáner a obal – na 100 % vo vašom prehliadači. Bez nahrávania a zvuk sa znova nekóduje. Zadarmo a súkromne.

VyskúšajteSúbory zostávajú lokálne

🔗

Generátor slugov

Zmeňte ľubovoľný názov alebo text na URL-priateľný slug. Ideálne pre blogové príspevky, stránky CMS a SEO-optimalizované URL.

Vyskúšajte