Kako ustvarim meta oznake in Open Graph oznake za svojo stran?

Izpolnite Naslov strani, Meta opis, URL strani in URL slike za družbena omrežja. Oznake se gradijo sproti. Izberite Izhodna oblika (HTML, Next.js, JSX ali WordPress), nato uporabite Kopiraj ali Prenos in blok prilepite v glavo strani.

Kako dolga naj bosta moj naslov in meta opis?

Orodje predlaga 30-60 znakov za naslov in 70-160 za opis. Predogled v Googlovem iskanju s pogledoma Namizje in Mobilno prikaže, kdaj bi bilo besedilo odrezano. Širine so ocena, ker Google krajša glede na slikovne pike.

Zakaj moj predogled povezave ne prikaže slike ali prikaže napačno?

URL slike običajno manjka, uporablja http://, ni javno dostopen ali pa je platforma predpomnila star predogled. Orodje priporoča 1200x630 slikovnih pik, pod 5 MB, kot absolutno https:// povezavo, in opozori, če razmerje ali velikost nista ustrezna.

Ali lahko preverim meta oznake strani, ki jo že imam?

Da. Odprite Uvozite iz obstoječega HTML, prilepite glavo strani ali celoten HTML in kliknite Zapolnite obrazec iz HTML. Oddelek Pregled nato navede težave. Razčlenjevanje poteka v vašem brskalniku in ne izvaja skript ali prenosov.

Ali generator pošilja podrobnosti moje strani na strežnik?

Ne. Oznake se sestavijo v vašem brskalniku, prilepljeni HTML pa se prebere z brskalnikovim DOMParser, ki ne izvaja skript ali omrežnih zahtev. Samo predogled slike naloži URL slike, ki ste ga vnesli.

Ali je res brezplačno?

Da. Vsako orodje je brezplačno za uporabo, brez računa in kreditne kartice. Delo poteka na vaši napravi in ne na naših strežnikih, kar omogoča brezplačno delovanje.

Ali deluje na mobilniku?

Da. Deluje v sodobnih mobilnih brskalnikih na iOS in Androidu, brez namestitve.

🏷️

Generator meta oznak in Open Graph — brezplačno

Ustvarite meta oznake SEO, Open Graph in Twitter Card z živim predogledom za Google in deljenje na družbenih omrežjih. Kopirajte neposredno v glavo svoje strani.

Deluje v vašem brskalnikuBrez registracije, brez pojavnih okenPrijava ni potrebnaBrezplačno za vedno

Deluje brez povezave po nalaganju

Naslov strani0 · 0/580px

URL strani

Meta opis0 · 0/920px

URL slike za družbena omrežja

Najbolje: 1200×630 px, pod 5 MB, absolutna povezava https://.

Ime spletnega mesta

Twitter/X uporabniško ime

Uporabniško ime avtorja na Twitterju/X

Vrsta Twitter kartice

Vrsta Open Graph

Vključi tudi

Vključite kanoničko povezavo (uporablja URL strani)Nabor znakov in mobilni viewportOpomnik za nastavitev <html lang> na slog:locale (jezik strani)Povezava do faviconaBarva teme (vrstica brskalnika na telefonih)

Indeksiranje v iskalnikih

Naslov 0/580px (cilj 30–60)Opis 0/920px (cilj 70–160)

Predogled v Googlovem iskanju

example.com

Tukaj se prikaže naslov vaše strani

Tukaj se prikaže vaš meta opis. Naredite ga privlačnega za boljšo stopnjo klikov iz rezultatov iskanja.

Širine so ocena: Google odreže po pikslih, ne po znakih.

Predogled kartice za družbena omrežja

Predogled og:image

example.com

Naslov strani

Opis strani

Prilepite v <head>

Zapolnite vsaj eno polje zgoraj, da generirate meta značke.

Pogosta področja uporabe

Meta oznake za blogoveGenerirajte naslov, opis in družabne oznake, da bodo vaši članki v lepo vidnih objavah.
Meta oznake za strani proizvodovNaredite strani proizvoda lepo deljive in dobro berljive v rezultatih iskanja.
Meta oznake za ciljne straniNatančno nadzorite, kako se vaše ciljne strani kampanje prikazujejo pri deljenju in iskanju.
Generirajte meta oznake za katero koli spletno aplikacijoHitro ustvarite celoten nabor meta oznak glave za novo stran ali spletno mesto.
Popravite grde predoglede povezavZaustavite prikaz povezav kot gole URL-je — dodajte oznake, ki ustvarjajo bogate predoglede kartic.

Kako deluje

Celotno sestavljanje oznak in razčlenjevanje glave poteka neposredno v vašem brskalniku — strežnik ni vpleten. Orodje uporablja React useMemo za reaktivno gradnjo nizov HTML in nativen DOMParser API brskalnika za branje obstoječih oznak strani za funkcijo uvoza/pregleda.

1
Vnos obrazca poganja živo sestavljanje
Med tipkanjem kljuka useMemo takoj znova sestavi celoten blok oznak — naslov, meta opis, lastnosti Open Graph in atribute Twitter Card — ter ubeže posebne znake (&, <, >, "), tako da je izpis varen za neposredno lepljenje v HTML.
2
Preverjanje URL prek konstruktorja URL brskalnika
Vsako polje URL (URL strani, socialna slika) se preveri z uporabo vgrajenega konstruktorja URL brskalnika. Skozi gredo le pravilno oblikovani naslovi http:// ali https:// z domenami s pikami; neveljavne vrednosti blokirajo gumb kopiraj in prikažejo vrstično napako.
3
Uvoz: DOMParser bere obstoječe oznake glave
Če prilepite obstoječi HTML <head> za pregled, ga orodje požene skozi DOMParser v neaktivnem načinu — nobeni skripti se ne izvedejo in nobene omrežne zahteve niso opravljene. Nato poizveduje razčlenjen dokument za znane selektorje meta (og:title, twitter:description, kanonična povezava itd.) in vnaprej izpolni polja obrazca s tem, kar najde.
4
Živi predogledi Googla in socialnih kartic
Orodje v realnem času izriše oblikovan rezultat iskanja Google in predogled kartice Open Graph z uporabo istega stanja obrazca, tako da vidite natanko, kako bosta naslov in opis skrajšana, preden kopirate izpis.

Sorodna orodja

📐

Spreminjač velikosti slik za družbena omrežja

Spremenite in izrežite slike na natančne velikosti iz leta 2026 za Instagram, YouTube, TikTok, X, Facebook, LinkedIn in Pinterest — z vodniki za varno cono in paketom ZIP. 100% v vašem brskalniku, brez nalaganja.

PoskusiteDatoteke ostanejo lokalne

🎼

Urejevalnik zvočnih oznak (ID3)

Urejajte ID3 oznake MP3 – naslov, izvajalca, album, leto, žanr in naslovnico – 100 % v brskalniku. Brez nalaganja in zvok se ponovno ne kodira. Brezplačno in zasebno.

PoskusiteDatoteke ostanejo lokalne

🔗

Generator URL-prijaznih nizov

Pretvorite kateri koli naslov ali besedilo v URL-prijazen niz. Popolno za objave v blogih, strani CMS in URL-je, optimizirane za SEO.

Poskusite