Salt la conținutul principal
LibraTool logoLibraTool

Generator Meta Tag & Open Graph — gratuit

Generează meta tag-uri SEO, markup Open Graph și Twitter Card cu previzualizare live Google și partajare socială. Copiază direct în antetul paginii tale.

Funcționează offline odată încărcat
0 · 0/580px
0 · 0/920px

Ideal: 1200×630 px, sub 5 MB, un link https:// absolut.

Include și
Titlu 0/580px (recomandat 30-60)Descriere 0/920px (recomandat 70-160)

Previzualizare căutare Google

example.com
Titlul paginii apare aici
Meta descrierea apare aici. Fă-o convingătoare pentru a îmbunătăți rata de click din rezultatele de căutare.

Lățimile sunt estimate: Google taie după pixeli, nu după caractere.

Previzualizare card social

Previzualizare og:image
example.com
Titlu pagină
Descriere pagină
Lipește în <head>

Completează cel puțin un câmp deasupra pentru a genera meta etichete.

Utilizări frecvente

  • Etichete Meta pentru postări blogGenerați titlu, descriere și etichete sociale pentru ca articolele dumneavoastră să arate grozav atunci când sunt partajate.
  • Etichete Meta pentru pagini de produseFaceți paginile de produse frumoase de partajat și ușor de citit în rezultatele căutării.
  • Etichete Meta pentru pagini de destinațieControlați exact cum apar paginile de destinație ale campaniei când sunt partajate și căutate.
  • Generați etichete Meta pentru orice aplicație webCreați rapid setul complet de etichete meta head pentru o pagină sau un site nou.
  • Reparați previzualizările de linkuri urâteNu lăsați linkurile dvs. să apară doar ca URL - adăugați etichete care creează cărți de previzualizare bogate.

Cum funcționează

Toată asamblarea de etichete și parsarea de head se întâmplă direct în browser-ul tău — niciun server implicat. Unealta folosește useMemo al React pentru a construi reactiv șiruri HTML și API-ul nativ DOMParser al browser-ului pentru a citi markup-ul existent al paginii pentru funcția de import/audit.

  1. 1
    Intrarea de formular conduce asamblarea live
    Pe măsură ce scrii, un hook useMemo reasamblează imediat întregul bloc de etichete — titlu, meta descriere, proprietăți Open Graph, și atribute Twitter Card — escapând caractere speciale (&, <, >, ") astfel încât ieșirea este sigură de lipit direct în HTML.
  2. 2
    Validare URL prin constructorul URL al browser-ului
    Fiecare câmp URL (URL pagină, imagine socială) este validat folosind constructorul URL integrat al browser-ului. Doar adrese http:// sau https:// bine formate cu nume de gazdă punctate trec; valorile invalide blochează butonul de copiere și afișează o eroare inline.
  3. 3
    Import: DOMParser citește markup-ul de head existent
    Dacă lipești markup HTML <head> existent pentru a-l audita, unealta îl rulează prin DOMParser în mod inert — niciun script nu execută și nicio cerere de rețea nu este făcută. Apoi interoghează documentul parsat pentru selectori meta cunoscuți (og:title, twitter:description, link canonic, etc.) și pre-completează câmpurile formularului cu orice găsește.
  4. 4
    Previzualizări live Google și carduri sociale
    Unealta randează un rezultat de căutare Google stilizat și o previzualizare de card Open Graph în timp real folosind aceeași stare de formular, astfel încât poți vedea exact cum titlul și descrierea vor fi trunchiate înainte de a copia ieșirea.

Instrumente similare

Întrebări frecvente