","err_audit_input_required":"Najpierw wklej kod HTML zawierający metatagi.","mockups_heading":"Jak to wygląda jako podgląd linku","mockups_disclaimer":"Te cztery karty są stylizowanymi przybliżeniami prawdziwego wyglądu podglądu linków na każdej platformie, stworzonymi wyłącznie do celów planowania — nie są pobieraniem na żywo ani zrzutami ekranu z Twittera/X, Facebooka, LinkedIn ani Discorda, a platformy mogą z czasem zmienić wygląd własnego interfejsu podglądu.","mockup_twitter_heading":"Twitterze / X","mockup_facebook_heading":"Facebooku","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Niezgoda","mockup_image_alt":"Obraz podglądu łącza","mockup_no_image":"Brak obrazu","mockup_no_image_short":"Brak obrazu","domain_default_fallback":"przykład.com","audit_missing_title":"Brakujący og:title — większość platform wyświetla bez niego ogólny lub pusty tytuł.","audit_missing_description":"Brakujący og: opis — karta podglądu nie będzie wyświetlać tekstu podsumowania.","audit_missing_image":"Brakujący og:image — większość platform nie wyświetla żadnego obrazu lub wyświetla pierwszy obraz znaleziony na stronie.","audit_missing_url":"Brak og:url — bez niego udziały alternatywnych adresów URL (z parametrami śledzenia, wersjami AMP itp.) mogą nie zostać skonsolidowane na stronie kanonicznej.","audit_title_too_long":"og:title ma {length} znaków — powyżej ~{max} znaku, w którym większość platform go obcina.","audit_title_long":"og:title ma {length} znaków — powyżej ~{max}-znaku, w którym niektóre platformy zaczynają go obcinać, chociaż w innych miejscach może nadal być wyświetlany 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 składa się z {length} znaków — powyżej ~{max} punktu znaku, w którym większość platform go ucina.","audit_description_long":"og:description składa się z {length} znaków — powyżej ~{max} punktu znaku, w którym niektóre platformy zaczynają go obcinać.","audit_description_ok":"og:description składa się z {length} znaków — mieści się w bezpiecznym zakresie dla większości platform.","audit_url_not_absolute":"og:url Wartość „{value}” nie jest bezwzględnym adresem URL http(s) — powinien to być pełny kanoniczny adres URL strony.","audit_image_not_absolute":"og:wartość obrazu „{value}” nie jest bezwzględnym adresem URL http(s) — większość platform wymaga w pełni kwalifikowanego adresu URL obrazu.","audit_image_dims_small":"Deklarowany og:image:width/height to {w}×{h} — poniżej powszechnie zalecanego minimum 1200×630 dla podglądów linków.","audit_image_dims_ok":"Deklarowany 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ą to prawidłowe liczby.","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 nigdy nie robi, zgodnie z projektem, ze względu na prywatność. Zalecane minimum: 1200×630.","audit_twitter_card_missing":"Brak tagu twitter:karta — Twitter/X zazwyczaj powróci do równoważnych tagów og:, ale wyraźny twitter:karta jest bardziej niezawodny.","audit_twitter_card_invalid":"twitter:wartość karty „{value}” nie jest jedną z czterech wartości akceptowanych przez weryfikator kart Twittera: podsumowanie, duży_obraz_streszczenia, aplikacja, odtwarzacz.","audit_twitter_card_ok":"twitter:karta to „{value}”, prawidłowa wartość.","audit_large_image_needs_image":"twitter:card to podsumowanie_large_image, ale nie znaleziono og:image ani twitter:image — ten typ karty wymaga obrazu do prawidłowego renderowania.","audit_twitter_title_fallback":"Brak zestawu twitter:title — Twitter/X powróci do og:title.","audit_twitter_description_fallback":"Brak zestawu twitter:description — Twitter/X powróci do og:description.","audit_twitter_image_fallback":"Brak zestawu twitter:image — Twitter/X powróci do og:image.","audit_duplicate_tag_item":"„{tag}” jest deklarowane {count} razy — tylko ostatnia analiza większości platform faktycznie zacznie obowiązywać."};
⭐ 0
🔍
Tekst Obraz PDF i Dokumenty Audio Muzyka Elektronika Czas Użyteczne programy Walidatory Ezoteryka Gry

Generator kart OG i Twittera — narzędzie do tworzenia metatagów, audytor i podgląd

Zbuduj gotowe do wklejenia tagi <meta> Open Graph i Twitter Card z formularza lub wklej istniejący <head>, aby sprawdzić go pod kątem brakujących tagów, długości tytułu/opisu i ważności twitter:karty — a następnie wyświetl podgląd obu w prawdziwie odnowionych makietach kart łączy Twitter/X, Facebook, LinkedIn i Discord.

Buy Me a Coffee at ko-fi.com
Przetwarzanie... 0%
Czytanie danych wejściowych
Tworzenie/audytowanie tagów
Podgląd renderowania
Gotowe

Wynik

Metatagi Open Graph i Twitter Card decydują o tym, jak link będzie wyglądał od razu po wklejeniu go do Slack, iMessage, tweeta lub kanału Discord — tytuł, opis i obraz wybrane przez <head> strony, a nie przez to, co platforma zeskrobuje z widocznego tekstu podstawowego. To narzędzie służy zarówno do tworzenia, jak i audytora, a nie do ogólnego wypełniania szablonów. W trybie BUILD wprowadź tytuł, opis, adres URL obrazu, kanoniczny adres URL, typ zawartości i typ karty na Twitterze, a otrzymasz dokładny blok tagów <meta property="og:..."> i <meta name="twitter:..."> gotowy do wklejenia do <head> strony, pomijając wszelkie pola, które pozostawisz puste, zamiast emitować puste tagi z pustą treścią.

W trybie AUDIT wklej istniejące znaczniki <head> lub kod HTML całej strony, a narzędzie przeanalizuje je za pomocą natywnego DOMParsera przeglądarki, aby wyodrębnić wszystkie obecne metatagi og: i twitter:, a następnie wykona weryfikację, która faktycznie ma znaczenie: cztery powszechnie wymagane znaczniki (og:title, og:description, og:image, og:url) zostaną oznaczone, jeśli ich brakuje; og:title jest mierzony w oparciu o mniej więcej 60-znakowy punkt, w którym niektóre platformy zaczynają go obcinać, i mniej więcej 90-znakowy punkt, w którym większość platform to zrobi; og: opis jest mierzony w oparciu o zakres od 155 do 200 znaków, na jaki pozwala większość platform, przed jego odcięciem; twitter:card jest sprawdzany pod kątem czterech rzeczywistych wartości akceptowanych przez weryfikator kart Twittera — podsumowanie, podsumowanie_duży_obraz, aplikacja, odtwarzacz — i oznaczany, jeśli chodzi o cokolwiek innego; a zduplikowane znaczniki (ta sama właściwość zadeklarowana dwukrotnie, zaskakująco częsty błąd polegający na kopiowaniu i wklejaniu) są wywoływane po nazwie.

Wymiary obrazu są traktowane uczciwie: to narzędzie nie może zweryfikować rzeczywistego rozmiaru obrazu w pikselach bez jego pobrania i celowo nigdy tego nie robi, zgodnie z polityką tej witryny dotyczącą zakazu żądań z zewnątrz. Jeśli Twój kod HTML już deklaruje og:image:width i og:image:height, te zadeklarowane liczby są sprawdzane pod kątem powszechnie zalecanego minimum 1200×630; jeśli nie, zamiast sfabrykowanego zaliczenia lub niepowodzenia otrzymasz wyraźną wskazówkę. Obydwa tryby renderują te same cztery makiety podglądu linków — Twitter/X (przełączanie między kompaktowym układem „podsumowania” miniatur a układem „summary_large_image” o pełnej szerokości w zależności od wartości twitter:card), Facebook, LinkedIn i Discord — każdy z nich został rzeczywiście zmieniony, aby pasował do konwencji typografii i układu danej platformy, a nie do jednego pudełka z innym logo, a każdy z nich jest wyraźnie oznaczony jako ilustracyjne przybliżenie do celów planowania, ponieważ zmienia się styl rzeczywistych platform ich podgląd Chrome z biegiem czasu, a to narzędzie nigdy nie pobiera ich ani nie pobiera w celu sprawdzenia.

🛡️
Wykonywane w przeglądarce

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

Zasady i formaty

  • Tryb BUILD tworzy og:title, og:description, og:image, og:url, og:type, og:site_name i pasujące tagi twitter:card/twitter:site/twitter:title/description/image, pomijając dowolne pole pozostawione puste, z kopią jednego kliknięcia bloku gotowego do wklejenia.
  • Tryb AUDIT wyodrębnia każdy tag og:/twitter: <meta> z wklejonego kodu HTML za pomocą DOMParsera przeglądarki, flagi zawierające brakujące wymagane tagi (og:title/description/image/url), zduplikowane tagi i nieprawidłowe wartości twitter:card.
  • We wskazówkach dotyczących długości używa się często cytowanych progów: og:title około 60 znaków, zanim niektóre platformy zaczną je obcinać (do około 90 w przypadku najbardziej liberalnych), og:description około 155-200 znaków.
  • Renderuje kartę Twitter/X w układzie poprawnym dla zadeklarowanego typu karty — kompaktową kartę „podsumowania” z małą kwadratową miniaturą lub układem „duży_obraz_podsumowania” o pełnej szerokości — wraz z podglądami Facebooka, LinkedIn i Discord.

Kluczowe korzyści

✓ Dwa prawdziwe narzędzia w jednym: tryb BUILD, który generuje dokładny znacznik HTML og: i twitter: <meta> z formularza oraz tryb AUDIT, który analizuje wklejony kod HTML w celu znalezienia i oceny istniejących tagów.
✓ Prawdziwa weryfikacja, a nie kosmetyczna lista kontrolna: brak wymaganych tagów, og:title/og:długość opisu sprawdzona pod kątem rzeczywistych limitów, które platformy obcinają, i twitter:karta sprawdzona pod kątem rzeczywistych czterech dozwolonych wartości.
✓ Szczerze mówiąc, czego nie można zweryfikować w trybie offline: wymiary obrazu w pikselach mają wyłącznie charakter orientacyjny, chyba że w kodzie HTML jest już zadeklarowana deklaracja og:image:width/og:image:height, ponieważ to narzędzie nigdy nie pobiera obrazu — zgodnie z projektem, ze względu na prywatność.
✓ Cztery naprawdę różne makiety platform (podsumowanie Twittera/X vs układy podsumowania_large_image, Facebook, LinkedIn, Discord) zbudowane na podstawie tego samego tytułu/opisu/obrazu, wyraźnie oznaczone jako ilustracyjne.

Przypadki użycia

  • • Wyślij nowy post na blogu z odpowiednimi kartami społecznościowymi: wpisz tytuł, opis i hostowaną okładkę, wygeneruj blok znaczników og:/twitter: i wklej go bezpośrednio w <head> strony.
  • • Przeprowadź audyt <head> istniejącej strony docelowej po migracji CMS, aby wykryć brakujący og:image, og:title, który jest wystarczająco długi, aby został obcięty na niektórych platformach, lub pozostałą nieprawidłową wartość twitter:card.
  • • Porównaj, jak ten sam tytuł i obraz są odczytywane na kompaktowej karcie podsumowania Twittera/X z układem podsumowania_large_image o pełnej szerokości, zanim zdecydujesz, który typ twitter:karty zadeklarować.