Podgląd Open Graph
Przygotuj metadane udostępniania i porównaj cztery karty platform przed publikacją.
Znaki tytułu: 34/60
Znaki opisu: 60/160
Przemyślany nagłówek Twojej strony
Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.
example.com
Przemyślany nagłówek Twojej strony
Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.
Toolser
Przemyślany nagłówek Twojej strony
Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.
Toolser
Przemyślany nagłówek Twojej strony
Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.
Toolser
example.com
Fragment tagów meta
<meta property="og:title" content="Przemyślany nagłówek Twojej strony"> <meta property="og:description" content="Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie."> <meta property="og:image" content="https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=1200"> <meta property="og:url" content="https://example.com/artykul"> <meta property="og:site_name" content="Toolser"> <meta name="twitter:card" content="summary_large_image">
Jak używać
- Wpisz tytuł, opis, obraz, witrynę i adres strony.
- Sprawdź karty oraz ostrzeżenie długości.
- Skopiuj tagi meta do sekcji head.
O tym narzędziu
Metadane Open Graph sterują podglądem widocznym po udostępnieniu strony w komunikatorze, serwisie społecznościowym lub narzędziu zakładek. Tytuł, opis, obraz, kanoniczny adres i nazwa witryny dają robotowi kontekst potrzebny do zbudowania karty. Ten podgląd pozwala wprowadzić pola razem i porównać cztery odmienne prezentacje inspirowane Twitterem/X, Discordem, Telegramem i LinkedInem. Ostrzega także, gdy tytuł albo opis przekracza praktyczne limity udostępniania. Limity są wskazówką, a nie identycznym cięciem w każdym miejscu, bo wpływają na nie urządzenie, czcionka, klient i język. Użyj zwięzłego tytułu, opisu pokazującego wartość oraz poziomego obrazu z ważnymi elementami z dala od krawędzi. Adres obrazu musi być publicznie dostępny dla robota platformy; lokalny adres nie stworzy prawdziwego podglądu. Wygenerowany fragment zawiera podstawowe tagi og oraz deklarację dużej karty Twittera. Wstaw go do head, a wdrożony adres sprawdź w aktualnych debuggerach platform, ponieważ podglądy bywają cachowane. Narzędzie nie pobiera obrazu ani nie publikuje zmian. Renderuje dane w przeglądarce i pomaga przygotować kampanię, artykuł, premierę produktu oraz udostępniany link. Sprawdzaj też karty na telefonach i upewnij się, że ważne elementy obrazu przetrwają automatyczne kadrowanie. Przy wielu językach skracaj tytuły osobno, aby ich najważniejsza część nie znikała. Sprawdź także og:image:width, og:image:height i og:image:type, aby robot mógł poprawnie sklasyfikować obraz. Różne typy stron mogą ponadto potrzebować osobnych grafik podglądu.
Najczęstsze pytania
Podobne narzędzia
Kalkulator proporcji
Oblicz pasujące wymiary obrazu i filmu dla 16:9, 4:3, kwadratu, pionu, kina i własnych proporcji.
Generator placeholderów
Twórz pobierane placeholdery SVG i data URI z własnymi wymiarami, kolorami i tekstem.
Generator glassmorphism
Dopasuj rozmycie, przezroczystość, nasycenie, promień, obramowanie i cień.