Podgląd Karty Open Graph — Tester Udostępniania Social
Zobacz, jak Twoja strona pojawi się po udostępnieniu na Facebooku, X/Twitterze, LinkedIn i WhatsAppie — wszystkie cztery podglądy obok siebie. Dostosuj tytuł, opis, obraz i obserwuj każdą platformę aktualizującą się na żywo.
Podgląd Karty Open Graph — Zobacz Swoją Stronę na Każdej Sieci Społecznościowej
Zanim udostępnisz link w mediach społecznościowych, zobacz dokładnie, jak pojawi się na Facebooku, X (Twitterze), LinkedIn i WhatsAppie — wszystkie cztery karty wyrenderowane obok siebie. Dostosuj tytuł, opis, obraz i URL i obserwuj każdy podgląd aktualizujący się na żywo. To najszybszy sposób, aby upewnić się, że Twoje tagi Open Graph generują świetnie wyglądające udostępnienia wszędzie.
Dlaczego każda platforma wygląda inaczej
- Facebook: duży obraz (1,91:1), domena wielkimi literami nad tytułem, szary pasek informacji poniżej
- X / Twitter: duża karta podsumowania z obrazem na górze, lżejszy zaokrąglony design
- LinkedIn: duży obraz, niebieskawy pasek informacji, większy nacisk na tytuł
- WhatsApp: kompaktowa karta z małą kwadratową miniaturą po prawej — bardzo inny układ
Zalecane wymiary
- Obraz: 1200×630 px (proporcja 1,91:1) — działa dla Facebooka, Twittera (summary_large_image) i LinkedIn
- Tytuł: celuj w 50–70 znaków, aby nigdzie nie został obcięty
- Opis: 100–150 znaków to bezpieczny złoty środek
- WhatsApp agresywnie obcina — zachowaj sensowny początek tytułu
Jak go używać
- Wpisz lub wklej swój tytuł, opis i URL
- Wklej URL obrazu lub kliknij „Prześlij”, aby przetestować lokalny obraz (pozostaje w Twojej przeglądarce)
- Każda platforma pokazuje własny podgląd z prawdziwymi czcionkami, kolorami i proporcjami
- Iteruj, aż każdy podgląd wygląda świetnie — następnie zapisz te wartości w tagach
<meta>swojej strony
Tagi Open Graph za kulisami
Wartości pokazane tutaj odpowiadają tym meta tagom na Twojej stronie:
<meta property="og:title" content="..."><meta property="og:description" content="..."><meta property="og:image" content="..."><meta property="og:url" content="..."><meta name="twitter:card" content="summary_large_image">
Użyj naszego Generatora Meta Tagów, aby wygenerować pełny HTML, gdy będziesz zadowolony z podglądów.
Prywatność
To narzędzie działa całkowicie w Twojej przeglądarce. Przesłane obrazy pozostają lokalne — nic nie jest wysyłane na żaden serwer.