Generátor Open Graph tagů

Vytvořte OG tagy pro profesionální sdílení na sociálních sítích. Náhledy pro Facebook, Twitter a LinkedIn.

Doporučeno: 40-60 znaků0/60
Doporučeno: 100-200 znaků0/200

Doporučené rozměry: 1200x630px (poměr 1.91:1)

Co jsou Open Graph tagy?

Open Graph protokol umožňuje kontrolovat, jak vaše stránky vypadají při sdílení na sociálních sítích jako Facebook, Twitter nebo LinkedIn.

+150%

vyšší engagement s OG obrázkem

Zdroj: Buffer Research
1200x630

ideální rozměry OG obrázku v pixelech

(poměr 1.91:1)

90%

webových stránek používá OG tagy

W3Techs statistiky

Základní OG tagy

og:title

Titulek při sdílení

Max 60 znaků. Může se lišit od HTML title tagu.

og:description

Popis obsahu stránky

Max 200 znaků. Kratší než meta description.

og:image

URL náhledového obrázku

Ideálně 1200x630px. Absolutní URL včetně https://.

og:url

Kanonická URL stránky

Pomáhá předejít duplicitám při sdílení.

og:type

Typ obsahu

website | article | product - ovlivňuje zobrazení

5 pravidel pro OG tagy

Příspěvky s obrázkem mají až 2.3x vyšší engagement než bez něj. Použijte kvalitní obrázek 1200x630px (poměr 1.91:1) pro optimální zobrazení na všech platformách. Facebook doporučuje minimálně 600x315px.

Twitter Cards

Twitter má vlastní formát karet, které doplňují OG tagy. Pokud Twitter Card tagy nejsou definované, Twitter použije OG tagy jako fallback.

summary

Malá karta s čtvercovým obrázkem vlevo. Vhodná pro homepage a obecné stránky.

summary_large_image

Velká karta s prominentním obrázkem. Ideální pro články a vizuální obsah.

Příklad implementace

<head>
  <!-- Open Graph -->
  <meta property="og:url" content="https://example.com/clanek" />
  <meta property="og:type" content="article" />
  <meta property="og:title" content="Název článku" />
  <meta property="og:description" content="Krátký popis..." />
  <meta property="og:image" content="https://example.com/obrazek.jpg" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Název článku" />
  <meta name="twitter:description" content="Krátký popis..." />
  <meta name="twitter:image" content="https://example.com/obrazek.jpg" />
</head>

Potřebujete kompletní SEO strategii?

OG tagy jsou důležité pro sociální sítě, ale pro organickou návštěvnost potřebujete komplexní přístup včetně technického SEO a linkbuildingu.

Zobrazit SEO služby