Čo je Open Graph protokol?
Open Graph protokol je sada meta tagov, ktoré určujú, ako sa vaša stránka zobrazí pri zdieľaní na sociálnych sieťach (Facebook, LinkedIn, WhatsApp). Kontrolujete ním nadpis, popis a obrázok v náhľade zdieľaného odkazu.
Definícia Open Graph protokol
Čo je Open Graph protokol
Open Graph protokol (OGP) bol podľa Wikipedie pôvodne vytvorený spoločnosťou Facebook a umožňuje vývojárom integrovať ich stránky do Facebook Social Graph. Stránky s Open Graph tagmi získavajú funkčnosť iných grafových objektov vrátane profilových odkazov a aktualizácií v streame pre prepojených používateľov.
Dnes Open Graph tagy používajú prakticky všetky platformy — Facebook, LinkedIn, Twitter/X, WhatsApp, Telegram, Slack, iMessage a mnohé ďalšie — na generovanie náhľadov zdieľaných odkazov.
Hlavné Open Graph meta tagy
Open Graph tagy sa pridávajú do <head> sekcie HTML stránky ako meta elementy:
- og:title — nadpis zobrazený v náhľade (môže sa líšiť od title tagu stránky)
- og:description — krátky popis obsahu stránky
- og:image — URL obrázku zobrazeného v náhľade (odporúčaný rozmer: 1200x630 px)
- og:url — kanonická URL stránky
- og:type — typ obsahu (website, article, product, video...)
Open Graph a SEO
Open Graph tagy priamo neovplyvňujú pozície vo vyhľadávaní, ale výrazne ovplyvňujú, ako atraktívne vyzerá váš obsah pri zdieľaní na sociálnych sieťach. Pekný náhľad so správnym obrázkom a nadpisom generuje viac kliknutí, zdieľaní a návštevnosti — čo nepriamo podporuje SEO.
Praktický príklad
Príklad: Zdieľate článok z blogu na LinkedIn.
Bez Open Graph tagov: LinkedIn zobrazí náhodný obrázok z webu (alebo žiadny), skrátený text z HTML a nevhodný nadpis. Nikto naň neklikne.
S Open Graph tagmi: LinkedIn zobrazí profesionálny obrázok (1200x630 px), pútavý nadpis „5 tipov ako zlepšiť SEO vášho webu" a jasný popis. Článok dostane 5x viac kliknutí.
Tip: Vždy testujte OG tagy pred zdieľaním cez Facebook Sharing Debugger alebo LinkedIn Post Inspector.
Často kladené otázky
Čo je Open Graph protokol?
Open Graph je sada meta tagov (og:title, og:description, og:image...), ktoré určujú, ako sa vaša stránka zobrazí pri zdieľaní na sociálnych sieťach ako Facebook, LinkedIn alebo WhatsApp.
Ovplyvňuje Open Graph SEO?
Open Graph priamo neovplyvňuje pozície v Google, ale atraktívny náhľad pri zdieľaní generuje viac kliknutí a návštevnosti zo sociálnych sietí, čo nepriamo podporuje SEO.
Aký rozmer by mal mať og:image obrázok?
Odporúčaný rozmer je 1200 x 630 pixelov (pomer 1,91:1). Tento rozmer funguje dobre na Facebooku, LinkedIn aj ďalších platformách.
Ako otestovať Open Graph tagy?
Použite Facebook Sharing Debugger (developers.facebook.com/tools/debug/), LinkedIn Post Inspector alebo nástroj opengraph.xyz na zobrazenie náhľadu pred zdieľaním.
Aký je rozdiel medzi Open Graph a Twitter Card tagmi?
Open Graph (og:) je univerzálny štandard od Facebooku. Twitter Cards (twitter:card, twitter:title...) sú špecifické pre Twitter/X. Väčšina platforiem podporuje obidva, ale ak chýbajú Twitter tagy, Twitter použije Open Graph ako zálohu.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.