Toolser

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

Twitter / X

Przemyślany nagłówek Twojej strony

Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.

example.com

Discord

Przemyślany nagłówek Twojej strony

Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.

Toolser

Telegram

Przemyślany nagłówek Twojej strony

Krótki opis wyjaśnia, co odwiedzający znajdą na tej stronie.

Toolser

LinkedIn

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">
Ad Space Placeholder

Jak używać

  1. Wpisz tytuł, opis, obraz, witrynę i adres strony.
  2. Sprawdź karty oraz ostrzeżenie długości.
  3. 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