","err_audit_input_required":"Najpierw wklej kod HTML zawierający znaczniki meta.","mockups_heading":"Jak wygląda podgląd linku","mockups_disclaimer":"Te cztery karty są stylizowanym przybliżeniem rzeczywistego wyglądu podglądów linków na każdej platformie, stworzonym wyłącznie do celów planowania – nie są pobraniem na żywo ani zrzutem ekranu z Twittera/X, Facebooka, LinkedIn ani Discorda, a platformy mogą z czasem zmieniać wygląd swoich podglądów.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Obraz podglądu linku","mockup_no_image":"Nie podano obrazu","mockup_no_image_short":"Brak obrazu","domain_default_fallback":"example.com","audit_missing_title":"Brak og:title – większość platform wyświetli bez niego ogólny lub pusty tytuł.","audit_missing_description":"Brak og:description – karta podglądu nie pokaże żadnego tekstu podsumowania.","audit_missing_image":"Brak og:image – większość platform nie pokaże obrazu lub zastąpi go pierwszym obrazem znalezionym na stronie.","audit_missing_url":"Brak og:url – bez niego udostępnienia alternatywnych adresów URL (z parametrami śledzącymi, wersje AMP itp.) mogą nie być konsolidowane do strony kanonicznej.","audit_title_too_long":"og:title ma {length} znaków – powyżej progu ~{max} znaków, przy którym większość platform go obetnie.","audit_title_long":"og:title ma {length} znaków – powyżej progu ~{max} znaków, przy którym niektóre platformy zaczynają go obcinać, choć gdzie indziej może się jeszcze wyświetlić w całości.","audit_title_ok":"og:title ma {length} znaków – w bezpiecznym zakresie dla większości platform.","audit_description_too_long":"og:description ma {length} znaków – powyżej progu ~{max} znaków, przy którym większość platform go obetnie.","audit_description_long":"og:description ma {length} znaków – powyżej progu ~{max} znaków, przy którym niektóre platformy zaczynają go obcinać.","audit_description_ok":"og:description ma {length} znaków – w bezpiecznym zakresie dla większości platform.","audit_url_not_absolute":"Wartość og:url \"{value}\" nie jest bezwzględnym adresem URL http(s) – powinien to być pełny kanoniczny adres URL strony.","audit_image_not_absolute":"Wartość og:image \"{value}\" nie jest bezwzględnym adresem URL http(s) – większość platform wymaga w pełni kwalifikowanego adresu URL obrazu.","audit_image_dims_small":"Zadeklarowane og:image:width/height to {w}×{h} – poniżej powszechnie zalecanego minimum 1200×630 dla podglądów linków.","audit_image_dims_ok":"Zadeklarowane og:image:width/height to {w}×{h} – spełnia powszechnie zalecane minimum 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height są obecne, ale nie są prawidłowymi liczbami.","audit_image_dims_unknown":"Nie zadeklarowano og:image:width/og:image:height – rzeczywistych wymiarów w pikselach nie można zweryfikować bez pobrania obrazu, czego to narzędzie celowo nigdy nie robi ze względów prywatności. Zalecane minimum: 1200×630.","audit_twitter_card_missing":"Brak znacznika twitter:card – Twitter/X zazwyczaj zastąpi go równoważnymi znacznikami og:, ale jawny twitter:card jest bardziej niezawodny.","audit_twitter_card_invalid":"Wartość twitter:card \"{value}\" nie jest jedną z czterech akceptowanych przez walidator kart Twittera: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card to \"{value}\", prawidłowa wartość.","audit_large_image_needs_image":"twitter:card ma wartość summary_large_image, ale nie znaleziono og:image ani twitter:image – ten typ karty wymaga obrazu do prawidłowego wyrenderowania.","audit_twitter_title_fallback":"Nie ustawiono twitter:title – Twitter/X zastąpi go og:title.","audit_twitter_description_fallback":"Nie ustawiono twitter:description – Twitter/X zastąpi go og:description.","audit_twitter_image_fallback":"Nie ustawiono twitter:image – Twitter/X zastąpi go og:image.","audit_duplicate_tag_item":"\"{tag}\" zadeklarowano {count} razy – tylko ostatnia wartość, którą większość platform przetworzy, faktycznie zadziała."};
⭐ 0
🔍
Tekst Obraz PDF i Dokumenty Audio Muzyka Elektronika Czas Użyteczne programy Walidatory Ezoteryka Gry

Generator OG i Twitter Card – kreator, audytor i podgląd znaczników meta

Twórz gotowe do wklejenia znaczniki <meta> Open Graph i Twitter Card za pomocą formularza lub wklej istniejący kod <head>, aby sprawdzić go pod kątem brakujących znaczników, długości tytułu/opisu i poprawności twitter:card – a następnie podejrzyj oba warianty na realistycznie odwzorowanych makietach kart linków dla Twitter/X, Facebooka, LinkedIn i Discorda.

🔒 Przetwarzane w całości w Twojej przeglądarce — nic, co tu wpiszesz, nie zostanie nigdy przesłane.

Przetwarzanie... 0%
Wczytywanie danych wejściowych
Budowanie/audyt znaczników
Renderowanie podglądów
Gotowe

Wynik

Znaczniki meta Open Graph i Twitter Card decydują o wyglądzie linku w momencie wklejenia go w Slacku, iMessage, tweecie czy kanale Discord – to tytuł, opis i obraz wybrane przez własny <head> strony, a nie to, co platforma akurat pobierze z widocznej treści. To narzędzie jest jednocześnie kreatorem i audytorem, a nie generycznym wypełniaczem szablonów. W trybie BUILD podajesz tytuł, opis, adres URL obrazu, kanoniczny adres URL, typ treści i typ karty Twittera, a narzędzie generuje dokładny blok znaczników <meta property="og:..."> i <meta name="twitter:..."> gotowy do wklejenia w <head> strony, pomijając puste pola zamiast tworzyć puste znaczniki.

W trybie AUDIT wklejasz istniejący znacznik <head> lub cały kod HTML strony, a narzędzie analizuje go za pomocą natywnego DOMParser przeglądarki, aby wyodrębnić wszystkie obecne znaczniki og: i twitter:, a następnie przeprowadza kluczowe kontrole: cztery powszechnie wymagane znaczniki (og:title, og:description, og:image, og:url) są sygnalizowane, jeśli ich brakuje; og:title jest mierzony względem progu ok. 60 znaków, po którym niektóre platformy zaczynają go obcinać, i ok. 90 znaków, po którym zrobi to większość; og:description jest mierzony względem zakresu ok. 155–200 znaków, który większość platform dopuszcza przed obcięciem; twitter:card jest sprawdzany pod kątem czterech wartości akceptowanych przez walidator kart Twittera – summary, summary_large_image, app, player – i oznaczany jako nieprawidłowy, jeśli ma inną wartość; a zduplikowane znaczniki (ta sama właściwość zadeklarowana dwukrotnie, zaskakująco częsty błąd przy kopiowaniu) są wyszczególniane z nazwy.

Wymiary obrazu są traktowane uczciwie: to narzędzie nie może zweryfikować faktycznego rozmiaru obrazu w pikselach bez jego pobrania i celowo nigdy tego nie robi, zgodnie z polityką braku zewnętrznych zapytań na tej stronie. Jeśli Twój kod HTML już deklaruje og:image:width i og:image:height, te zadeklarowane wartości są sprawdzane względem powszechnie zalecanego minimum 1200×630; jeśli nie, otrzymujesz jasną notatkę informacyjną zamiast fałszywego zaliczenia lub niezaliczenia. Oba tryby renderują te same cztery makiety podglądu linku – Twitter/X (przełączając się między kompaktowym układem miniaturki "summary" a pełnoekranowym "summary_large_image" w zależności od wartości twitter:card), Facebook, LinkedIn i Discord – każda wiernie odwzorowująca typografię i konwencje układu danej platformy, a nie jeden szablon z innym logo; każda jest wyraźnie oznaczona jako poglądowe przybliżenie do celów planowania, ponieważ rzeczywiste platformy z czasem zmieniają wygląd swoich podglądów, a to narzędzie nigdy ich nie pobiera ani nie skanuje w celu weryfikacji.

Podoba Ci się to narzędzie? Uważasz ten produkt za przydatny? Widzisz w nim potencjał i chcesz go wesprzeć?

🛡️
Wykonywane w przeglądarce

Twoje pliki i dane nigdy nie opuszczają tego urządzenia. Przetwarzanie odbywa się całkowicie offline. W 100% bezpieczne.

Akceptowane formaty i zasady

  • Tryb BUILD tworzy og:title, og:description, og:image, og:url, og:type, og:site_name oraz pasujące znaczniki twitter:card/twitter:site/twitter:title/description/image, pomijając puste pola, z możliwością skopiowania całego bloku jednym kliknięciem.
  • Tryb AUDIT wyodrębnia każdy znacznik <meta> og:/twitter: z wklejonego kodu HTML za pomocą przeglądarkowego DOMParser, sygnalizuje brak wymaganych znaczników (og:title/description/image/url), duplikaty oraz nieprawidłowe wartości twitter:card.
  • Wskazówki dotyczące długości opierają się na powszechnie przyjmowanych progach: og:title – około 60 znaków, zanim niektóre platformy zaczną go obcinać (maksymalnie do ok. 90 na najbardziej liberalnych), og:description – ok. 155–200 znaków.
  • Renderuje kartę Twitter/X w odpowiednim układzie dla zadeklarowanego typu karty – kompaktowa karta "summary" z małą kwadratową miniaturką lub pełnoekranowy układ "summary_large_image" – obok podglądów dla Facebooka, LinkedIn i Discorda.

Kluczowe korzyści

✓ Dwa prawdziwe narzędzia w jednym: tryb BUILD generuje gotowy kod HTML znaczników <meta> og: i twitter: na podstawie formularza, a tryb AUDIT analizuje wklejony kod HTML, wyszukując i oceniając istniejące znaczniki.
✓ Rzeczywista walidacja, a nie powierzchowna lista kontrolna: brakujące wymagane znaczniki, długość og:title/og:description sprawdzana względem faktycznych limitów, przy których platformy obcinają treść, a twitter:card weryfikowany pod kątem czterech dozwolonych wartości.
✓ Szczerość w kwestii tego, czego nie da się zweryfikować offline: wymiary obrazu w pikselach są jedynie orientacyjne, chyba że kod HTML sam deklaruje og:image:width/og:image:height, ponieważ to narzędzie celowo nigdy nie pobiera obrazu – dla zachowania prywatności.
✓ Cztery wiernie odwzorowane makiety platform (Twitter/X – układ summary vs summary_large_image, Facebook, LinkedIn, Discord) zbudowane z tego samego tytułu/opisu/obrazu, wyraźnie oznaczone jako poglądowe.

Przypadki użycia

  • • Opublikuj nowy wpis na blogu z odpowiednimi kartami społecznościowymi: uzupełnij tytuł, opis i ścieżkę do grafiki na serwerze, wygeneruj blok znaczników og:/twitter: i wklej go bezpośrednio do sekcji <head> na stronie.
  • • Przeprowadź audyt sekcji <head> istniejącego landing page’a po migracji CMS, aby wyłapać brakujący og:image, zbyt długi og:title, który może zostać obcięty na niektórych platformach, lub nieprawidłową, pozostałą wartość twitter:card.
  • • Porównaj, jak ten sam tytuł i grafika prezentują się w kompaktowej karcie podsumowania Twitter/X a w jej pełnoekranowym układzie summary_large_image, zanim zdecydujesz, który typ twitter:card zadeklarować.