Generátor OGP tagov (automatický výstup pre og:title, og:image a ďalšie)

Zadajte URL, názov, popis a URL obrázka. Vygenerujte Open Graph a Twitter Card meta tagy na jednom mieste.

Pripravené na kopírovanie a vloženie Vstavaný náhľad Odporúčania pre obrázky a cache

Ako používať

  1. Otvorte nástroj a zadajte kanonickú URL, názov a URL obrázka.
  2. Voliteľne pridajte popis, názov webu a nastavenia Twitteru.
  3. Skopírujte vygenerované meta tagy a vložte ich do head svojej stránky.
  4. Skontrolujte náhľad a upozornenia, potom podľa potreby upravte pomer strán obrázka alebo stratégiu cache.

Čo je OGP?

Open Graph Protocol (OGP) je metadata používané sociálnymi platformami a chatovacími aplikáciami na vykreslenie náhľadov odkazov.

Nastavením tagov og:title, og:description, og:image a súvisiacich položiek môžete ovplyvniť, ako budú zdieľané URL vyzerať.

Kombinácia OGP s tagmi Twitter Card pomáha udržať konzistentnejšie správanie náhľadov naprieč platformami.

Odporúčania pre veľkosť obrázka (pre stabilnejšie zobrazovanie náhľadov)

Odporúčania platforiem Meta (referencia)

  • Minimálna referencia: 200×200.
  • Často stabilné: 1200×630 alebo viac, aspoň 600×315.
  • Cieľový pomer strán približne 1,91:1.
  • Odporúčaná veľkosť súboru obrázka zahŕňa 8 MB alebo menej.

Odporúčania pre karty X (referencia)

  • summary_large_image spravidla cieli na pomer približne 2:1.
  • Referenčný rozsah: minimum 300×157, maximum 4096×4096.
  • Odporúčaná veľkosť súboru zahŕňa menej než 5 MB.
  • Používajte JPG/PNG/WEBP/GIF tam, kde sú podporované.

Keď sa aktualizácie nezobrazia (cache a opätovné načítanie)

  • Sociálne crawlery môžu načítané metadata ukladať do cache. Na vyžiadanie nového načítania použite debugger alebo inspector danej platformy.
  • Ak sa výmena obrázka neprejaví, môže pomôcť zmena URL obrázka (nový názov súboru alebo query string).
  • Nastavenie og:image:width a og:image:height môže v niektorých prípadoch zlepšiť stabilitu vykresľovania.

Často kladené otázky

Dokáže to vygenerovať aj tagy Twitter Card?

Áno. Dokáže spolu vypísať twitter:card a súvisiace tagy. K dispozícii je aj minimálny režim.

Akú veľkosť obrázka mám použiť?

Použite praktické odporúčania podľa cieľovej platformy. Náhľady orientované na Meta často používajú pomer približne 1,91:1 (napríklad 1200×630), zatiaľ čo X summary_large_image často používa približne 2:1 (napríklad 1200×600).

Prečo sa zmeny neprejavujú?

Vo väčšine prípadov ide o cache. Vynúťte nové načítanie cez nástroje platforiem a po výmene obrázka zvážte zmenu jeho URL.