Convertor gratuit

Etichetă OG Generator

Generați metaetichete Open Graph pentru Facebook, Twitter și LinkedIn. Generator gratuit de etichete OG cu previzualizare live a cardului social.

0/95
0/200

Previzualizare Facebook

YOURWEBSITE.COM
Titlul paginii dvs. (maximum 95 de caractere)
O scurtă descriere a paginii dvs. (maximum 200 de caractere)

HTML generat

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Despre acest instrument

Etichetele Open Graph (OG) controlează modul în care apare o pagină atunci când este partajată pe platformele sociale. Facebook, LinkedIn, Slack, Discord și mulți alții citesc etichetele OG pentru a construi carduri de previzualizare. Fără etichete OG adecvate, linkurile partajate par rupte - favicon-uri generice, imagini lipsă, titluri trunchiate. Cu acestea, acțiunile arată bine, iar ratele de clic se îmbunătățesc semnificativ.

Etichetele OG standard: og:title (titlul afișat în previzualizare), og:description (fragmentul de text), og:image (imaginea de previzualizare, în mod ideal 1200×630), og:url (adresa URL canonică), og:type (de obicei, „site web” sau „articol”). Stratul de etichete Twitter Card deasupra: twitter:card, twitter:titlu, twitter:descriere, twitter:image. Cele mai multe instrumente revin la OG atunci când etichetele specifice Twitter sunt absente.

Acest generator produce un set complet de etichete OG și Twitter Card din intrarea dvs. Lipiți codul HTML rezultat în <head> al paginii. Rezultatul este redarea corectă a previzualizării pe toate platformele sociale majore.

De ce să folosiți un generator de etichete OG

Paginile fără etichete OG arată rău atunci când sunt partajate. Imagine goală, titlu generic, descriere lipsă — previzualizarea concurează slab cu paginile etichetate corespunzător din feeduri. Pentru marketingul de conținut și partajarea linkurilor, acest lucru afectează direct rata de clic.

Scrierea de mână a etichetelor OG este repetitivă. Fiecare pagină are nevoie de propriul set. Un generator care produce etichete corecte din câteva intrări evită greșelile de scriere și proprietățile ratate care întrerup previzualizările sociale.

Cum se utilizează

Completați intrările, obțineți etichetele.

  1. Introduceți titlul și descrierea: Acestea sunt cele care apar în previzualizarea distribuirii. Păstrați titlul sub 60 de caractere și descrierea sub 200 de caractere pentru o afișare curată pe platforme.
  2. Furnizați o adresă URL a imaginii: 1200×630 pixeli este dimensiunea standard. Utilizați o adresă URL absolută (https://example.com/og-image.png). Imaginea trebuie să fie accesibilă public - imaginile autentificate întrerup previzualizările.
  3. Setați adresa URL canonică: Adresa URL a paginii în sine. Folosit ca og:url și ajută platformele să identifice resursa canonică chiar și atunci când este partajată prin adrese URL de redirecționare.
  4. Alegeți tipul paginii: site web pentru pagini generale, articol pentru postări de blog și știri, produs pentru comerț electronic. Afectează modul în care unele platforme redă previzualizarea.
  5. Copiați etichetele generate: Instrumentul produce etichete de link HTML gata pentru a fi lipite în <head> paginii. Aplicați prin CMS, motorul de șabloane sau direct în HTML.

Cazuri comune de utilizare

Detalii tehnice

Etichetele OG folosesc atributul de proprietate meta (nu numele): <meta property="og:title" content="..." />. Atributul de proprietate este necesar pentru OG; unii analizatori acceptă numele ca alternativă, dar proprietatea este corectă.

Cerințe de imagine: 1200×630 pixeli pentru redarea retinei, raport de aspect 1,91:1. Etichetele og:image:width și og:image:height ajută platformele să memoreze corect imaginile. og:image:alt oferă text accesibil.

Etichetele cardului Twitter folosesc atributul nume: <meta name="twitter:title" content="..." />. Twitter se întoarce la etichetele OG atunci când lipsesc specifice Twitter, așa că OG bine setat este adesea suficient. Adăugarea twitter:card alege în mod explicit tipul cardului (summary_large_image este cel mai frecvent).

Cele mai bune practici

Întrebări frecvente

Pot personaliza rezultatul generat?
Da. Instrumentul oferă diverse opțiuni de personalizare pentru a adapta rezultatul la nevoile dumneavoastră specifice. Ajustați setările înainte de a genera sau regenerați cu diferite opțiuni.
Conținutul generat este folosit gratuit?
Da. Tot ceea ce generați cu acest instrument vă aparține pentru a le utiliza în scopuri personale, educaționale sau comerciale, fără restricții sau cerințe de atribuire.
Acest lucru necesită un cont?
Nu. Instrumentul este gata de utilizare imediat, fără înregistrare, fără e-mail și fără înregistrare. Doar deschideți pagina și începeți să generați.
Datele mele de intrare sunt păstrate private?
Da. Toate procesările au loc în browserul dvs. Datele dvs. de intrare și ieșirile generate nu sunt niciodată trimise la niciun server extern.
Pot folosi aceeași imagine OG pentru fiecare pagină?
Posibil, dar suboptim. Imaginile specifice paginii depășesc imaginile generice la nivelul întregului site pentru clicuri. Utilizați o valoare implicită pentru rezervă, dar produceți imagini pe pagină pentru conținut important.
Este necesară declararea dimensiunii imaginii?
Util, dar nu strict obligatoriu. og:image:width și og:image:height permit platformelor să memoreze în cache imaginile fără a le prelua din nou pentru a determina dimensiunile. Accelerează acțiunile ulterioare.
Sunt datele mele încărcate?
Nu. Generarea are loc în browserul dvs.
Cum testez etichetele OG?
Facebook Sharing Debugger, Twitter Card Validator și LinkedIn Post Inspector fiecare preia și validează. Folosiți-le după implementarea noilor etichete OG.