O tomto nástroji
Značky Open Graph (OG) určujú, ako sa stránka zobrazí pri zdieľaní na sociálnych platformách. Facebook, LinkedIn, Slack, Discord a mnohí ďalší čítajú značky OG, aby vytvorili ukážkové karty. Bez správnych značiek OG vyzerajú zdieľané odkazy nefunkčné – všeobecné ikony favicon, chýbajúce obrázky, skrátené názvy. S nimi akcie vyzerajú vyleštene a výrazne sa zlepšujú miery prekliknutia.
Štandardné značky OG: og:title (názov zobrazený v náhľade), og:description (úryvok textu), og:image (obrázok ukážky, ideálne 1200 × 630), og:url (kanonická adresa URL), og:type (zvyčajne „web“ alebo „článok“). Vrstva značiek Twitter Card na vrchu: twitter:karta, twitter:názov, twitter:popis, twitter:obrázok. Väčšina nástrojov sa vráti k OG, keď chýbajú značky špecifické pre Twitter.
Tento generátor vytvára z vášho vstupu kompletnú sadu značiek OG a Twitter Card. Prilepte výsledný kód HTML do časti <head> stránky. Výsledkom je správne vykreslenie náhľadu na všetkých hlavných sociálnych platformách.
Prečo používať generátor značiek OG
Stránky bez značiek OG vyzerajú pri zdieľaní zle. Prázdny obrázok, všeobecný názov, chýbajúci popis – ukážka zle konkuruje správne označeným stránkam v informačných kanáloch. V prípade marketingu obsahu a zdieľania odkazov to priamo ovplyvňuje mieru prekliknutia.
Ručné písanie značiek OG sa opakuje. Každá stránka potrebuje svoju vlastnú sadu. Generátor, ktorý vytvára správne značky z niekoľkých vstupov, sa vyhýba preklepom a zmeškaným vlastnostiam, ktoré porušujú sociálne náhľady.
Technické detaily
Značky OG používajú atribút meta property (nie názov): <meta property="og:title" content="..." />. Atribút property je povinný pre OG; niektoré syntaktické analyzátory akceptujú názov ako rezervu, ale vlastnosť je správna.
Požiadavky na obrázok: 1200×630 pixelov pre vykreslenie sietnice, pomer strán 1,91:1. Značky og:image:width a og:image:height pomáhajú platformám správne ukladať obrázky do vyrovnávacej pamäte. og:image:alt poskytuje text dostupnosti.
Štítky kariet Twitter používajú atribút názvu: <meta name="twitter:title" content="..." />. Twitter sa vráti k značkám OG, keď chýbajú špecifické značky Twitter, takže dobre nastavené OG často postačia. Pridaním twitter:card sa explicitne vyberie typ karty (najbežnejší je summary_large_image).
Často kladené otázky
- Môžem prispôsobiť generovaný výstup?
- áno. Nástroj poskytuje rôzne možnosti prispôsobenia na prispôsobenie výstupu vašim špecifickým potrebám. Upravte nastavenia pred generovaním alebo obnovte pomocou rôznych možností.
- Je vygenerovaný obsah voľne použiteľný?
- áno. Všetko, čo vytvoríte pomocou tohto nástroja, môžete použiť na osobné, vzdelávacie alebo komerčné účely bez akýchkoľvek obmedzení alebo požiadaviek na uvedenie zdroja.
- Vyžaduje si to účet?
- Nie. Nástroj je pripravený na okamžité použitie bez registrácie, e-mailu a registrácie. Stačí otvoriť stránku a začať generovať.
- Sú moje vstupné údaje uchovávané ako súkromné?
- áno. Všetko spracovanie prebieha vo vašom prehliadači. Vaše vstupné údaje a generovaný výstup sa nikdy neposielajú na žiadny externý server.
- Môžem použiť rovnaký obrázok OG pre každú stránku?
- Možné, ale neoptimálne. Obrázky špecifické pre stránku prekonávajú všeobecné obrázky na celom webe, pokiaľ ide o prekliknutie. Použite predvolenú hodnotu pre záložnú reklamu, ale vytvorte obrázky na stránke pre dôležitý obsah.
- Je potrebná deklarácia rozmerov obrázka?
- Užitočné, ale nie nevyhnutne potrebné. og:image:width a og:image:height umožňujú platformám ukladať obrázky do vyrovnávacej pamäte bez opätovného načítania na určenie rozmerov. Urýchľuje následné zdieľania.
- Sú moje údaje nahrané?
- Nie. Generovanie prebieha vo vašom prehliadači.
- Ako otestujem značky OG?
- Facebook Sharing Debugger, Twitter Card Validator a LinkedIn Post Inspector každý načítajú a overia. Použite ich po nasadení nových značiek OG.