Kopírovat a vložit Včetně náhledu Tipy na obrázky a cache

Generátor OGP tagů (automatický výstup og:title/og:image atd.)

Zadejte URL, titulek, popis a URL obrázku. Vygenerujte meta tagy pro Open Graph i Twitter Card současně.

Načítání probíhá přímo v prohlížeči (platí limity CORS).

Vstup

1) Hlavní info

Povinné

Doporučení: 30–60 znaků 0
Doporučení: 80–120 znaků 0
Náhled se zobrazí po načtení obrázku.
Aktuální poměr -

Zvolte web nebo článek.

2) Twitter Card (X)
Rozbalovací / Výchozí zapnuto
Zahrnout tagy Twitter Card
Pravidla synchronizace
  • • Pokud je twitter:title prázdný, použije se og:title.
  • • Pokud je twitter:description prázdný, použije se og:description.
  • • Pokud je twitter:image prázdný, použije se og:image.
3) Pokročilé
Otevřete, pouze pokud potřebujete jemné doladění.

Text pro přístupnost. Do 420 znaků.

Přidání rozměrů pomůže crawlerům rychleji vykreslit náhled.

Tagy pro články (pouze při og:type=article)

Použijte formát ISO 8601.

Vygenerované meta tagy


            

Náhled

OG náhled
example.com
Titulek náhledu
Zde se zobrazí popis stránky.
Takto vypadá náhled ve většině aplikací
X (Twitter) náhled summary
example.com
Titulek náhledu
Zde se zobrazí popis stránky.
Přepíná mezi summary a summary_large_image
Poznámky (volitelné)
    Zde se zobrazí poznámky na základě vašich vstupů.

    Možnosti

    Průvodce rozměry (příklady)
    Zvolte standard pro vizuální nápovědu
    Poměr stran -

    Jak používat / Příklady

    1. Vyplňte URL, titulek, popis a odkaz na obrázek.
    2. Zvolte og:type a případně nastavení pro Twitter Card.
    3. Zkopírujte tagy a vložte je do sekce <head> svého webu.
    Rychlý příklad

    Zadejte URL + titulek + obrázek a zkopírujte doporučenou sadu.

    Poznámky a tipy

    Co je to OGP?

    OGP (Open Graph Protocol) umožňuje sociálním sítím číst titulek, popis a obrázek vaší stránky.

    Nastavením og:title/og:description/og:image ovládáte vzhled sdílených odkazů.

    Twitter Cards (X) používají podobná metadata.

    Doporučené rozměry obrázků

    Doporučení Meta (Facebook)
    • • Minimum 200×200.
    • • Pro nejlepší vzhled 1200×630 nebo více; alespoň 600×315.
    • • Poměr stran blízko 1.91:1 pomáhá předejít nechtěnému ořezu.
    • • Velikost souboru do 8 MB.
    Doporučení pro X (Twitter) karty
    • • summary_large_image podporuje poměr 2:1; minimum 300×157.
    • • Velikost pod 5 MB a běžné formáty (JPG/PNG/WEBP/GIF).

    Když se změny neprojeví (cache)

    • • Sítě si data o odkazech pamatují. Použijte nástroje platforem pro vynucení nového načtení.
    • • Pokud jste vyměnili obrázek, ale stále vidíte starý, změňte název souboru nebo přidejte verzi do URL (např. ?v=2).
    • • Adding og:image:width/height can improve render stability. (Facebook Developers)

    Nástroje pro validaci

    Časté dotazy

    Mám zahrnout i tagy Twitter Card?

    Ano. twitter:card a související tagy zajistí lepší vzhled na síti X. Pokud chybí, X se obvykle pokusí použít OG tagy.

    Jaký je doporučený rozměr obrázku?

    Pro nejlepší kompatibilitu doporučuje Meta 1200×630. X používá mírně odlišný poměr (2:1), ale 1200x630 funguje dobře i tam.

    Náhled se neaktualizuje

    Většinou za to může mezipaměť (cache). Použijte odkazy v sekci 'Nástroje pro validaci', aby sítě načetly data znovu.