Generátor Open Graph a kariet pre sociálne siete

Ako používať generátor Open Graph

1. Zadaj Titulok a Popis, ktoré majú ľudia vidieť, keď sa tvoj odkaz zdieľa. Môžu sa líšiť od titulku pre SEO: píš ich pre prúd sociálnej siete.
2. Pridaj URL stránky (kanonickú adresu) a URL obrázka. Obe musia byť absolútne a začínať https://.
3. Obrázok opíš v poli Popis obrázka (alternatívny text), aby ľudia s čítačkou obrazovky vedeli, čo zobrazuje.
4. Vyber alebo presuň ten istý obrázok do časti Náhľadový obrázok. Zostane na tvojom zariadení: nástroj ho používa len na vykreslenie náhľadov a na vyplnenie polí Šírka obrázka (px) a Výška obrázka (px).
5. Nastav Názov webu, Typ obsahu a Jazykový variant (locale), potom vyber štýl Karta X (Twitter) a, ak ich máš, účty webu a autora na X.
6. Skontroluj náhľady a zoznam Kontroly, potom tagy Kopíruj alebo Stiahni a vlož ich do <head> stránky.

Všetko beží vo tvojom prehliadači. Nič, čo zadáš, sa neodosiela na server.

Čo robia tagy Open Graph

Keď sa odkaz vloží do Facebooku, LinkedInu, X, Slacku, Discordu, WhatsAppu, iMessage a mnohých ďalších aplikácií, prehľadávač stiahne stránku a prečíta jej meta tagy Open Graph (og:), aby zostavil kartu: obrázok, titulok, krátky popis a doménu. Bez týchto tagov aplikácia hádá a často vyberie logo, lištu s cookies alebo prvú vetu z menu.

Štyri základné vlastnosti sú og:title, og:type, og:image a og:url. Tento nástroj pridáva aj og:description, og:site_name, og:locale a údaje o obrázku (og:image:width, og:image:height, og:image:alt). Uvedenie veľkosti obrázka umožňuje niektorým platformám vykresliť kartu už pri prvom zdieľaní, bez čakania na stiahnutie obrázka.

X číta vlastné tagy twitter:, ale ak chýbajú, použije titulok, popis a obrázok z Open Graph, takže nástroj pridáva len to, čo X skutočne potrebuje: twitter:card, voliteľné účty a popis obrázka. Vďaka tomu sa neduplikuje každá hodnota.

Veľkosti obrázkov, ktoré fungujú všade

Použi JPEG alebo PNG, súbor drž primerane malý (hlboko pod 5 MB) a dôležitý text nedávaj k okrajom, pretože každá platforma orezáva trochu inak. Náhľady v tomto nástroji sú aproximácie týchto rozložení, nie snímky obrazovky.

Po zverejnení

Sociálne platformy ukladajú náhľady odkazov do vyrovnávacej pamäte, niekedy aj na niekoľko dní. Po zmene tagov ich požiadaj o nové prehľadanie stránky cez Facebook Sharing Debugger alebo LinkedIn Post Inspector. Stránka musí byť verejne dostupná: prehľadávače nevidia stránky za prihlásením ani na localhost.