Podgląd kart Twitter
Podgląd i generowanie metatagów Twitter Card dla stron
Ustawienia karty
0/70 znaków
0/200 znaków
Liczniki 70/200 to wskazówki dla edytora. Niektóre symbole liczą się jako więcej niż jeden znak, a faktyczne wyświetlanie zależy od aplikacji.
Spróbuj użyć szerokiego obrazu, na przykład 1200 × 628 px. Poglądowy podgląd używa obszaru obrazu w proporcji 16:9.
Adres obrazu jest ładowany bezpośrednio z Twojej przeglądarki. Host obrazu otrzymuje to żądanie.
Używany tylko do wyświetlenia domeny. Nazwa @ służy do wskazania konta.
Podgląd karty
example.com
Tutaj pojawi się tytuł karty
Tutaj pojawi się opis karty. Napisz coś, co zainteresuje odbiorców.
Dodaj adres URL obrazu, aby zobaczyć podgląd.
Ten podgląd jest poglądowy. Faktyczny układ, kadrowanie, zapisane w pamięci podręcznej treści i pobrane obrazy w X/Twitterze mogą się różnić.
Twoje metatagi
<meta name="twitter:card" content="summary_large_image" />
Tagi zaktualizowane. Dodaj je do sekcji head strony i sprawdź opublikowaną stronę.
Przewodnik po typach kart
Przed publikacją
- Użyj tytułu i opisu, które opisują stronę.
- Wybierz obraz, którego ważna treść przetrwa kadrowanie.
- Zadbaj, aby adres URL obrazu był dostępny dla platformy pobierającej Twoją stronę.
- Nazwa @ służy do wskazania autorstwa, a nie jest adresem witryny.
- Sprawdź opublikowaną stronę i jej rzeczywisty podgląd udostępniania. Ten edytor nie pobiera danych kart z X.
O naszym darmowym podglądzie kart Twitter/X
Karty Twitter (obecnie karty X) pozwalają dołączać do tweetów multimedia z linkami do witryny. Gdy ktoś udostępnia adres URL z witryny, karta automatycznie wyświetla podgląd z podanym tytułem, opisem i obrazem. To narzędzie do podglądu kart Twitter umożliwia obejrzenie przykładowej karty przed publikacją tagów. Nie sprawdza, jak platforma pobiera dane, ani jak działa jej pamięć podręczna czy ostateczne wyświetlanie.
Narzędzie obsługuje oba główne typy kart: kartę Summary z małą miniaturą obok tekstu oraz kartę Summary z dużym obrazem, która umieszcza wyrazisty obraz nad tytułem i opisem. Treść można wpisać, obejrzeć jej podgląd na żywo i skopiować gotowe metatagi HTML jednym kliknięciem.
Niezależnie od tego, czy jesteś menedżerem social media optymalizującym podglądy linków, deweloperem wdrażającym tagi Open Graph i Twitter, czy marketerem treści zwiększającym współczynnik kliknięć udostępnianych linków, to darmowe narzędzie usprawnia pracę. Liczniki znaków i kolorowe paski pokazują wskazówki edytora, 70 i 200 znaków. Nie określają one gwarantowanego, aktualnego limitu wyświetlania na platformie.
Najważniejsze funkcje
- Podgląd na żywo obu typów kart: Summary i Summary z dużym obrazem
- Liczniki znaków i kolorowe paski na żywo, oparte na wytycznych edytora dla tytułu (70) i opisu (200)
- Pole adresu URL obrazu z podpowiedziami zalecanych rozmiarów dla każdego typu karty
- Pole @handle witryny do prawidłowego przypisania w Twitterze
- Automatycznie generowane metatagi HTML gotowe do wklejenia w sekcji <head> strony
- Kopiowanie wszystkich wygenerowanych metatagów do schowka jednym kliknięciem
- Porównanie typów kart pokazujące, kiedy używać którego formatu
- Podgląd wzorowany na układzie karty Twitter/X (przybliżenie, a nie odwzorowanie co do piksela)
- Pełna obsługa trybu ciemnego i układ responsywny
- Bez rejestracji, całkowicie darmowe i bez limitów
Jak korzystać z podglądu kart Twitter
- Wybierz typ karty: Należy wybrać Summary (mały obraz) lub Summary z dużym obrazem, zależnie od treści i celów wizualnych.
- Wpisz tytuł: Należy napisać chwytliwy tytuł o długości do 70 znaków, który przyciągnie uwagę w kanale Twittera.
- Dodaj opis: Należy przygotować zwięzły opis do 200 znaków, który zachęci użytkowników do kliknięcia.
- Podaj adres URL obrazu: Należy wkleić pełny adres URL obrazu karty (zalecane 1200x628 dla kart z dużym obrazem i 144x144 dla kart Summary).
- Obejrzyj podgląd na żywo: Panel podglądu karty pokazuje przybliżony wygląd karty w Twitterze/X.
- Skopiuj metatagi: Przycisk „Kopiuj wszystkie tagi” kopiuje wygenerowane metatagi HTML, które należy wkleić do sekcji <head> strony.
Zastosowania
- Menedżerowie social media: Podgląd i optymalizacja kart linków przed udostępnieniem treści, aby zwiększyć zaangażowanie i współczynnik kliknięć.
- Programiści stron internetowych: Generowanie poprawnych metatagów kart Twitter podczas tworzenia witryny i sprawdzenie wyświetlania przed startem.
- Marketerzy treści: Testowanie różnych tytułów, opisów i obrazów, aby znaleźć najskuteczniejsze połączenie dla udostępnianych linków.
- Specjaliści SEO: Upewnienie się, że metatagi społecznościowe są poprawnie wdrożone w ramach technicznych audytów SEO.
- Zespoły e-commerce: Podgląd wyglądu stron produktów po udostępnieniu na Twitterze/X w celu zwiększenia konwersji.
- Autorzy blogów: Sprawdzenie przed publikacją, czy podglądy artykułów wyświetlają właściwy obraz wyróżniający, tytuł i zajawkę.
- PR i komunikacja: Weryfikacja podglądów linków do komunikatów prasowych i ogłoszeń przed przekazaniem ich mediom.
Najczęściej zadawane pytania
Czy to narzędzie jest darmowe?
Tak, narzędzie do podglądu kart Twitter jest całkowicie darmowe, bez rejestracji i limitów użycia.
Czy moje dane są bezpieczne?
Renderowanie podglądu i generowanie tagów odbywa się w przeglądarce. Tytuły i opisy nie są wysyłane na nasze serwery. Wczytanie adresu URL obrazu powoduje żądanie z przeglądarki do serwera, na którym jest hostowany obraz.
Jakie są zalecane rozmiary obrazów?
Dla małej karty należy użyć obrazu kwadratowego, a dla dużej szerokiego. Edytor podaje przykładowe rozmiary 144×144 i 1200×628 pikseli; nie sprawdzają one aktualnych wymagań platformy dotyczących formatu pliku, rozmiaru ani pobierania. Obraz należy obejrzeć w opublikowanym podglądzie udostępnienia.
Czy potrzebne są jednocześnie karty Twitter i tagi Open Graph?
Open Graph i metadane specyficzne dla Twittera opisują podglądy społecznościowe. Należy wdrożyć tagi wymagane przez platformy, na które kierowana jest treść, i sprawdzić opublikowany wynik; ten edytor nie potwierdza zachowania zastępczego ani nie gwarantuje pełnej kontroli nad wyświetlaniem.
Dlaczego karta nie aktualizuje się po zmianie metatagów?
Platforma może przechowywać wcześniej pobrane metadane lub obrazy. Należy upewnić się, że opublikowana strona i adresy URL obrazów zawierają wprowadzone zmiany, a następnie sprawdzić rzeczywisty podgląd udostępnienia. Ten edytor nie sprawdza ani nie czyści pamięci podręcznej X i nie może obiecać czasu odświeżenia ani obejścia za pomocą ciągu zapytania.
Czy ten podgląd dokładnie odpowiada rzeczywistemu wyglądowi w Twitterze?
To podgląd poglądowy. Układ aplikacji klienckiej, kadrowanie, dane z pamięci podręcznej i pobieranie obrazów mogą dać wyraźnie inny wynik; należy sprawdzić rzeczywisty podgląd udostępnienia opublikowanej strony.
Wskazówki i dobre praktyki
- Tytuły do 70 znaków: Dłuższe tytuły są ucinane w podglądzie karty, przez co ginie najważniejszy przekaz.
- Pisz opisy nakłaniające do działania: Należy używać języka zachęcającego do kliknięć i mieścić się w 200 znakach.
- Używaj obrazów wysokiej jakości: Rozmyte lub niskiej rozdzielczości obrazy obniżają zaufanie i zaangażowanie. Zawsze należy stosować zalecane wymiary.
- Dodaj @handle witryny: Zapewnia to prawidłowe przypisanie i może zwiększyć widoczność konta, gdy linki są udostępniane.
- Testuj przed publikacją: Kartę należy obejrzeć w tym narzędziu, a następnie wkleić adres URL w oknie tworzenia posta na X, aby przed publikacją potwierdzić wygląd aktywnej karty.
- Wdróż tagi OG i Twitter: Tagi Open Graph warto traktować jako podstawę, a tagi kart Twitter jako dostosowanie do platformy.