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.)

Q: "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."

Q: "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."

Q: "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."

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

Vygenerované meta tagy / Náhled

1) Hlavní info

Povinné

Titulek (og:title) Povinné

Doporučení: 30–60 znaků 0

Popis (og:description) Volitelné

Doporučení: 80–120 znaků 0

URL obrázku (og:image) Povinné

Náhled se zobrazí po načtení obrázku.

Aktuální poměr -

Název webu (og:site_name) Volitelné

Typ (og:type) Povinné

Zvolte web nebo článek.

2) Twitter Card (X)

Rozbalovací / Výchozí zapnuto

Zahrnout tagy Twitter Card

twitter:card

twitter:site (volitelné)

twitter:creator (volitelné)

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í.

og:locale (volitelné)

og:image:alt / twitter:image:alt

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

og:image:width

og:image:height

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

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

article:published_time

article:modified_time

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

Ukládat vstupy do URL Sdílejte odkaz pro otevření se stejným nastavením Automatické ořezávání mezer Ořeže mezery i u českých znaků Ošetřit uvozovky Zajistí bezpečnost atributů v meta tazích

Průvodce rozměry (příklady)

Zvolte standard pro vizuální nápovědu

Orientováno na OG Orientováno na X

Poměr stran -

Jak používat / Příklady

Vyplňte URL, titulek, popis a odkaz na obrázek.
Zvolte og:type a případně nastavení pro Twitter Card.
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

Meta Sharing Debugger

Znovu načtěte a zkontrolujte OG tagy.

LinkedIn Post Inspector

Aktualizujte náhled na LinkedIn.

X Card Validator

Zkontrolujte vykreslení karty na Twitteru.

Č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.