SEO Activ

Generator Open Graph

Generează meta tag-uri og: cu previzualizare live a cardului Facebook/LinkedIn. og:title, og:image, og:description – cod gata de copiat.

Fără server Instant Privat Gratuit

Despre ce este acest instrument?

Generatorul Open Graph asamblează meta tag-urile care stabilesc cum arată pagina ta atunci când este partajată pe Facebook, LinkedIn sau alte platforme sociale. Introduci titlul, descrierea, URL-ul paginii și imaginea de partajare, iar instrumentul îți arată instantaneu previzualizarea live a cardului și generează tag-urile og: gata de inserat. Astfel nu apare un fragment de text la întâmplare și o imagine nepotrivită, ci exact ce vrei tu. Totul rulează în browser, fără încărcare.

Cum să folosești Generator Open Graph?

  1. Titlu și descriere

    Completează og:title și og:description – acestea apar pe cardul de partajare.

  2. URL și imagine

    Adaugă og:url al paginii și URL-ul complet al imaginii og:image.

  3. Tip și previzualizare

    Alege tipul og:type și verifică previzualizarea live Facebook/LinkedIn.

  4. Copiere

    Copiezi tag-urile og: generate și le inserezi în secțiunea <head>.

Când ai nevoie de el?

  • Blog și articol

    La partajarea articolelor, titlul, descrierea și imaginea corecte cresc semnificativ rata de clic.

  • Pagină de produs

    În magazin, numele produsului și imaginea creează un card de partajare atrăgător în social media.

  • Landing page

    La paginile de campanie, un card OG bine scris influențează direct performanța reclamei și a partajării.

  • Previzualizare link

    Și la linkurile lipite în WhatsApp, Slack, Discord, tag-urile OG dau previzualizarea frumoasă.

Cele mai frecvente tag-uri Open Graph

Tag Rolul
og:title Titlul cardului de partajare (bold)
og:description Descriere scurtă sub titlu
og:image Imaginea cardului (1200×630 px recomandat)
og:url URL-ul oficial al paginii
og:type Tipul conținutului (website, article…)
og:site_name Numele site-ului

De ce este important Open Graph?

Când cineva partajează un link pe social media, platforma nu afișează tot conținutul paginii, ci un card: o imagine, un titlu și o descriere scurtă. Fără tag-uri Open Graph, platforma alege la întâmplare o imagine și un fragment de text de pe pagină – rezultatul e adesea urât, înșelător sau gol. Cu tag-urile OG stabilești exact ce vede utilizatorul.

Acest lucru influențează direct rata de clic. Un titlu atrăgător și o imagine de calitate, relevantă, pot multiplica numărul de clicuri pe linkul partajat, comparativ cu o previzualizare seacă sau incompletă. Pentru site-urile care trăiesc din trafic social, aceasta este una dintre cele mai rentabile ajustări tehnice.

Protocolul Open Graph a fost introdus de Facebook, dar a devenit practic un standard: LinkedIn, WhatsApp, Slack, Discord, Telegram și multe alte aplicații citesc aceste tag-uri pentru previzualizarea linkului. Un singur bloc OG bine scris îmbunătățește deci afișarea pe toate platformele.

Sfaturi utile

  • Folosește mereu o imagine de 1200×630 px – umple cardul mare și rămâne clară pe ecrane retina.

  • og:image trebuie să fie mereu un URL absolut, accesibil public, nu o cale relativă.

  • După schimbarea imaginii sau textului, rulează Facebook Sharing Debugger ca să se actualizeze cache-ul.

  • Dă toate cele patru elemente de bază (title, description, url, image) – fără ele cardul e incomplet.

Generator Open Graph – carduri de partajare pentru Facebook și LinkedIn

Un link partajat este o vitrină. Când cineva dă share paginii tale pe Facebook sau LinkedIn, ceilalți nu văd conținutul, ci un card: o imagine, un titlu și o descriere. Tag-urile Open Graph decid ce apare în acea vitrină. Acest generator le compune corect și îți arată în timp real cum va arăta cardul, totul în browserul tău.

Ce sunt tag-urile Open Graph

Open Graph (OG) este un set de meta tag-uri plasate în secțiunea <head> a paginii, care descriu cum ar trebui să arate conținutul când este partajat pe rețelele sociale. Fiecare tag are prefixul og: și o proprietate: titlu, descriere, imagine, URL și tip.

Fără aceste tag-uri, platforma alege singură ce să afișeze – de obicei prost: un logo aleatoriu, un fragment de meniu sau chiar nimic. Cu ele, controlezi exact prima impresie pe care o face linkul tău.

Cele patru tag-uri esențiale

Un card complet are nevoie de patru elemente de bază:

TagRol
og:titleTitlul îngroșat al cardului
og:descriptionDescrierea scurtă de sub titlu
og:imageImaginea mare a cardului
og:urlURL-ul oficial (canonical) al paginii

Pe lângă acestea, og:type (de obicei website sau article) și og:site_name (numele site-ului) completează contextul.

Imaginea: cel mai important detaliu

Imaginea este ce atrage privirea în feed. Regulile pentru og:image:

  • Dimensiune 1200 × 630 px (raport 1.91:1) – umple cardul mare, rămâne clară pe ecrane retina.
  • URL absolut, public – https://exemplu.ro/imagine.jpg, nu o cale relativă.
  • Sub 8 MB, format JPG sau PNG.
  • Text lizibil dacă pui text pe imagine – va fi văzut la dimensiune mică.

O imagine bună poate multiplica numărul de clicuri față de un card fără imagine sau cu una nepotrivită.

Cum se folosește generatorul

  1. Scrie titlul și descrierea care vrei să apară pe card.
  2. Adaugă URL-ul paginii (og:url) în formă absolută.
  3. Adaugă adresa imaginii (og:image) și urmărește previzualizarea live.
  4. Alege tipul (og:type) potrivit conținutului.
  5. Copiază blocul og: generat și lipește-l în secțiunea <head>.

Open Graph și Twitter Card

X (Twitter) are propriul sistem, Twitter Cards, dar dacă tag-urile twitter: lipsesc, revine la Open Graph. În practică:

  • Open Graph acoperă Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram și majoritatea aplicațiilor.
  • Twitter Card dă control fin pe X asupra tipului de card și a autorului.

Cea mai sigură strategie este să le dai pe amândouă. Pentru tag-urile twitter: avem un generator separat de Twitter Card.

Greșeli frecvente

  1. Imagine relativă sau inaccesibilă. Dacă og:image nu e un URL public absolut, cardul rămâne fără imagine.
  2. Titlu prea lung. Peste ~60–70 de caractere, titlul se taie pe majoritatea platformelor.
  3. Cache neactualizat. După o modificare, platforma afișează versiunea veche până rulezi debuggerul oficial.
  4. Lipsa og:url. Fără URL canonical, aprecierile se pot împărți între variante diferite ale aceleiași pagini.

Confidențialitate: totul rămâne local

Toată generarea și previzualizarea rulează în browserul tău, prin JavaScript. Câmpurile completate, textul și adresa imaginii nu ajung niciodată pe vreun server – poți pregăti în siguranță și cardurile unui proiect încă nepublicat.

Instrumente înrudite

Întrebări frecvente