HedgieTools

Náhled sdílení na sociálních sítích

Podívejte se, jak bude vaše stránka vypadat po sdílení na Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord nebo Pinterest, opravte, co se ořízne, a zkopírujte značky Open Graph připravené k vložení.

1. Údaje o vaší stránce

Vyplňte formulář, nebo údaje importujte z kódu stránky.

0 / 60
0 / 155
Typ stránky
Obrázek pro sdílení

JPG, PNG, WebP nebo GIF. Vybraný obrázek slouží jen pro náhled: pro kód zadejte i jeho online adresu.

2. Náhledy

Simulace jednotlivých platforem: skutečný výsledek se může mírně lišit, ořezy se ale realitě blíží.

Google

Eexample.comhttps://example.com › …
Nadpis stránkyZde se zobrazí popis stránky.

Facebook

example.comNadpis stránkyZde se zobrazí popis stránky.

X

Nadpis stránky
Z webu example.com

LinkedIn

Nadpis stránkyexample.com

WhatsApp

Nadpis stránkyZde se zobrazí popis stránky.example.com
https://example.com10:24

Slack

example.comNadpis stránkyZde se zobrazí popis stránky.

Discord

example.comNadpis stránkyZde se zobrazí popis stránky.

Pinterest

Nadpis stránkyEexample.com

Pinterest zobrazuje celý obrázek bez oříznutí. Svislý obrázek (2:3, například 1000 × 1500 px) tam zabere více místa, jinde ale bude oříznutý.

3. Kontroly a kód

Co opravit a pak značky, které vložíte do své stránky.

  • ProblémChybí titulekBez titulku si ho každá síť sestaví z obsahu stránky.
  • ProblémChybí popisSítě si vezmou kus textu ze stránky, často nevhodně zvolený.
  • ProblémŽádný obrázekOdkazy bez obrázku získávají mnohem méně kliknutí. Připravte obrázek o rozměrech 1200 × 630 px.
  • K vylepšeníChybí adresa stránkyZnačka og:url udává oficiální adresu stránky, aby se sdílení seskupovala dohromady.

Vložte ho do sekce head vaší stránky.

Vyplňte formulář a vygeneruje se kód.

O náhledu sdílení na sociálních sítích

Pokaždé, když někdo sdílí vaši stránku, sociální síť zobrazí kartu s jejím titulkem, popisem a obrázkem. Tento nástroj vám tyto karty ukáže ještě před zveřejněním a napíše značky, ze kterých vycházejí.

Ať vaše odkazy dobře vypadají

Když někdo sdílí vaši stránku, každá síť zobrazí kartu s titulkem, popisem a obrázkem. Tyto údaje pocházejí ze značek Open Graph v kódu stránky. Bez nich je karta prázdná nebo nevhodně sestavená.

Správné délky

Google zkracuje titulek zhruba po 60 znacích a popis po 155. Obrázek 1200 × 630 pixelů (1,91:1) vypadá dobře všude: to podstatné nechte uprostřed, protože některé platformy ho ořezávají. Pinterest dává přednost svislému obrázku.

Kód připravený k vložení

Zkopírujte značky HTML do sekce head své stránky, nebo objekt metadata pro web v Next.js. Po zveřejnění si sítě někdy ještě několik dní drží starý náhled v mezipaměti.

Nic se nenahrává

Náhledy se simulují ve vašem prohlížeči. Váš obrázek ani texty se nikam neodesílají. Jediným požadavkem je načtení obrázku z adresy, kterou zadáte, a provádí ho váš prohlížeč.

Související nástroje

Vývoj

Dekodér JWT

Přečtěte si hlavičku, payload a časové údaje tokenu JWT a ověřte jeho podpis.