Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak naprawić uszkodzone obrazki kart Twittera w WordPressie

X (dawniej Twitter) automatycznie próbuje wyświetlić miniaturę obrazu, gdy ktoś udostępnia link z Twojej witryny WordPress. Czasami jednak może wyświetlić nieprawidłową miniaturę, przez co witryna wygląda nieprofesjonalnie.

Na szczęście odkryliśmy kilka prostych sposobów na poprawienie tego powszechnego problemu. Poprawianie obrazów kart na Twitterze poprawi atrakcyjność wizualną udostępnianych treści i reputację online Twojej marki.

W tym artykule pokażemy, jak w prosty sposób poprawić poprawki w obrazach kart Twittera w WordPressie, upewniając się, że Twoje treści są prezentowane dokładnie i atrakcyjnie, gdy są udostępniane w mediach społecznościowych.

Fixing broken or missing Twitter card images in WordPress

Dlaczego obrazy kart na Twitterze są uszkodzone dla niektórych witryn internetowych?

X (dawniej Twitter) używa metadanych Open Graph do wyszukiwania obrazów, gdy link jest udostępniany. Jest to podobne do tego, w jaki sposób Facebook wyświetla miniatury po udostępnieniu linku na stronie lub w grupie.

WordPress nie obsługuje jednak domyślnie tagów meta Open Graph. Dlatego też, gdy udostępniasz link na X, nie zawsze może on wyświetlać obraz karty Twittera.

A link without Twitter card image

Obrazki w kartach na Twitterze pomagają przyciągnąć uwagę twoich użytkowników i zachęcić ich do kliknięcia odnośnika.

Oznacza to większy ruch na stronie WordPress z X.

A link with a large Twitter card image

Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo poprawić zepsute obrazki Twitter Card w WordPress.

Oto krótki przegląd tematów, które omówimy w tym artykule. Możesz przejść do sekcji, która Cię interesuje lub postępować zgodnie z instrukcjami krok po kroku:

Poprawka naprawionych obrazków kart na Twitterze za pomocą All in One SEO

Najpierw należy zainstalować i włączyć wtyczkę All in One SEO for WordPress. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

All in One SEO to najlepsza wtyczka WordPress SEO na rynku. Pozwala ona łatwo zoptymalizować witrynę WordPress pod kątem wyszukiwarek i platform mediów społecznościowych, w tym X.

Uwaga: Istnieje również darmowa wersja All in One SEO, której można użyć do poprawienia obrazków kart na Twitterze. Wersja Pro oferuje jednak bardziej zaawansowane funkcje SEO.

Na potrzeby tego poradnika zademonstrujemy wersję Pro, ponieważ to właśnie z niej korzystamy, ale instrukcje są podobne dla wersji darmowej.

Po włączaniu należy przejść na stronę All in One SEO ” Ustawienia ogólne, aby wpisz klucz licencyjny. Informacje te można znaleźć na Twoim koncie w witrynie internetowej AIOSEO.

All in One SEO license

All in One SEO daje ci pełną kontrolę nad tym, które obrazki będą używane z kartami Twittera na twojej witrynie internetowej. Przeprowadzimy Cię przez wszystkie kroki.

Najpierw musisz dodać adresy URL swoich profili w mediach społecznościowych. Pozwolą one powiązać witrynę z profilem X (Twitter) i innymi platformami mediów społecznościowych.

Wystarczy przejść do strony All in One SEO ” Media społecznościowe i wprowadzić adresy URL swoich profili w mediach społecznościowych, w tym X.

Add your social media profile URLs

Ustawienie domyślnego obrazka karty Twittera

Następnie należy przejść do karty „Twitter” i kliknąć przełącznik obok opcji „Włącz kartę Twitter”.

Turn on Twitter Card settings in AIOSEO

Poniżej znajdują się domyślne ustawienia kart podsumowań Twittera, które będą działać dla większości witryn internetowych, ale można je zmienić według potrzeb.

W szczególności należy zmienić „Domyślne źródło obrazków w wpisach”. All in One SEO daje ci kilka opcji.

Można na przykład wybrać wyróżniający się obrazek, załączony obrazek, pierwszy obrazek w treści, obrazek z konfiguratora, obrazek autora wpisu lub pierwszy dostępny obrazek.

Zalecamy korzystanie z wyróżnionego obrazka, ponieważ większość motywów WordPress obsługuje wyróżnione obrazki, które są odpowiednie dla obrazów kart na Twitterze.

Poniżej znajduje się opcja wyboru domyślnego źródła obrazka taksonomii. Ten obrazek jest używany, gdy ktoś udostępnia adres URL do strony archiwum kategorii, tagów lub innych terminów taksonomii.

Setting a default term image

Można tu przesłać domyślny obrazek lub własny obrazek dla każdej kategorii lub tagu. Później pokażemy, jak to zrobić.

Po wybraniu domyślnego źródła obrazka karty Twittera, nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.

Ustawienie domyślnego obrazka karty Twittera dla strony głównej WordPressa

Przyjrzyjmy się teraz, jak ustawić domyślny obrazek karty Twittera dla strony głównej twojej witryny internetowej.

Jeśli nie korzystasz ze statycznej strony głównej, możesz ustawić domyślny obrazek karty Twittera bezpośrednio ze strony All in One SEO ” Media społecznościowe w zakładce Twitter.

Add a custom image for your homepage

Będzie to jednak wyglądać inaczej, jeśli używasz własnej strony głównej.

W takim przypadku zobaczysz odnośnik do bezpośredniej edycji ustawień twojej strony głównej.

Edit your homepage to add custom Twitter card image

Na ekranie edycji strony wystarczy przewinąć w dół do pola „Ustawienia AIOSEO” pod edytorem treści.

Z tego miejsca należy przejść do karty „Społecznościowe”, a następnie wybrać Twittera.

Fixing Twitter card image for your WordPress homepage

W ustawieniach Twittera można zastąpić domyślne opcje.

Tutaj możesz podać własny obrazek karty Twittera, który będzie używany specjalnie dla twojej strony głównej.

Custom Twitter card image for your WordPress homepage

Wystarczy kliknąć menu rozwijane obok opcji „Źródło obrazka”, a pojawi się kilka opcji do wyboru. Możesz wybrać jedną z opcji lub przesłać nowy obrazek, którego chcesz użyć.

Po zakończeniu nie zapomnij zaktualizować i zapisać twoich zmian.

Korzystanie z własnego obrazka karty Twittera dla każdego wpisu lub strony WordPressa

Wielu blogerów lubi tworzyć niestandardowe obrazy w mediach społecznościowych dla różnych platform, takich jak Facebook, X, Pinterest i innych.

All in One SEO ułatwia zastąpienie domyślnych ustawień obrazu karty Twittera i dostarczenie własnego obrazu dla dowolnego wpisu lub strony.

Wystarczy edytować wpis lub stronę i przewinąć w dół do pola „Ustawienia AIOSEO” pod edytorem treści. W tym miejscu należy przejść do karty „Społeczności”, a następnie wybrać „Twitter”.

Twitter settings for individual posts and pages in WordPress using AIOSEO

Następnie można ustawić niestandardowe dane Twitter Open Graph, w tym własny obrazek użyty specjalnie dla tego artykułu.

Wystarczy przewinąć do sekcji „Źródło obrazka” i kliknąć menu rozwijane.

Setting custom Twitter image for post or pages

Możesz wybrać jeden z dostępnych obrazków lub wybrać opcję „Custom Image”, aby przesłać nowy obrazek.

Następnie wystarczy kliknąć przycisk „Prześlij lub wybierz obrazek”, aby przesłać obrazek z twojego komputera lub użyć jednego z multimediów WordPress.

Gdy skończysz, nie zapomnij zaktualizować lub opublikować twojego wpisu lub strony, aby zapisać zmiany.

Konfigurowanie własnych obrazków kart Twittera dla kategorii i tagów

Podobnie jak wpisy i strony, All in One SEO ułatwia również przesyłanie własnego konfiguratora obrazków dla poszczególnych kategorii, tagów, kategorii produktów WooCommerce i innych taksonomii.

Po prostu przejdź do strony Wpisy ” Kategorie i kliknij odnośnik „Edytuj” pod kategorią, w której chcesz przesłać własny obrazek karty Twittera.

Edit category

Spowoduje to przejście do ekranu „Edytuj kategorię”, na którym należy przewinąć w dół do pola „Ustawienia AIOSEO”.

Z tego miejsca przejdź do karty „Społeczności” i wybierz pod nią „Twitter”.

Setting Twitter card image for a WordPress category

Teraz należy przewinąć w dół do sekcji „Źródło obrazka” i kliknąć menu rozwijane.

Możesz wybrać jedną z dostarczonych opcji obrazka lub wybrać opcję „Własny obrazek”, aby przesłać nowy obrazek Twittera.

Adding your custom image to be used as Twitter card for category

Następnie wystarczy kliknąć przycisk „Prześlij lub wybierz obrazek”, aby przesłać obrazek z twojego komputera lub użyć jednego z multimediów WordPress.

Po zakończeniu nie zapomnij kliknąć przycisku „Aktualizuj”, aby zapisać twoje zmiany.

Sprawdzanie, czy wpisy mają prawidłowy obrazek karty Twittera

Po skonfigurowaniu obrazków kart na Twitterze, będziesz chciał je przetestować, aby upewnić się, że wyświetlają się poprawnie, gdy ktoś udostępni odnośnik z twojego bloga WordPress.

Wystarczy skopiować adres URL strony lub wpisu, który chcesz przetestować, a następnie przejść do witryny internetowej Twitter Card Validator. Wklej adres URL do pola „Card URL” i kliknij przycisk „Podgląd karty”.

Twitter Card Validator

Narzędzie do sprawdzania poprawności karty pobierze odnośnik i wyświetli dziennik pomyślnego pobrania karty.

W przeszłości narzędzie do sprawdzania poprawności kart wyświetlało również podgląd karty, ale ta funkcja została przeniesiona do Tweet Composer.

Rozwiązywanie problemów z uszkodzonymi obrazkami kart Twittera w WordPressie

Jeśli wykonałeś powyższe kroki i nadal nie widzisz prawidłowego obrazka karty Twittera, możesz wypróbować te proste wskazówki dotyczące rozwiązywania problemów z błędem karty.

Wyczyść pamięć podręczną WordPressa

Najbardziej prawdopodobną przyczyną uszkodzonych obrazów X są wtyczki buforujące WordPress. Nawet jeśli ustawiłeś obraz karty Twittera w All in One SEO, twoja wtyczka pamięci podręcznej może nadal wyświetlać nieaktualną wersję.

Aby to poprawić, musisz wyczyścić pamięć podręczną WordPress, a następnie ponownie przetestować za pomocą narzędzia Twitter Card Validator.

Wybierz odpowiednie rozmiary obrazków

Upewnij się, że obraz ustawiony jako karta Twittera nie jest ani zbyt mały, ani zbyt duży. X zaleca obrazy o minimalnej rozdzielczości 144×144 pikseli i rozmiarze mniejszym niż 5 MB.

Wskazówka: Zamierzasz dowiedzieć się wszystkiego o rozmiarach obrazków w mediach społecznościowych w naszej ściągawce dla początkujących użytkowników WordPressa.

Mamy nadzieję, że ten artykuł pomógł ci poprawić zepsute obrazy kart Twittera w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat wyświetlania Twittera i Facebooka autora na jego stronie profilowej oraz z naszą ekspercką listą najlepszych wtyczek i narzędzi WordPress SEO, z których powinieneś korzystać.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

3 komentarzeZostaw odpowiedź

  1. Jiří Vaněk

    I had the same problem with Yoast seo. Each article was set up the same. For some, the image was loaded and for some not at all. Settings the same. I never got to the source of the problem. The social card was filled out in the advice. the problem was completely eliminated only by replacing Yoast seo with AIO SEO.

  2. Abdullah

    I did all these, it doesn’t solve the problem.

    • WPBeginner Support

      Please ensure you’ve cleared all caching for your site before using the card validator as that is the most common reasons that it does not update.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.