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

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Szukasz sposobu na poprawienie zepsutych obrazków kart Twittera w WordPressie?

Twitter automatycznie próbuje wyświetlić miniaturkę obrazka, gdy ktoś udostępnia odnośnik z twojej witryny WordPress. Czasami jednak może wyświetlić nieprawidłową miniaturkę, co sprawia, że twoja witryna internetowa wygląda nieprofesjonalnie.

W tym artykule pokażemy, jak łatwo poprawić uszkodzone obrazki kart Twittera w WordPress.

Fixing broken or missing Twitter card images in WordPress

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

Twitter wykorzystuje metadane Open Graph do wyszukiwania obrazków podczas udostępniania odnośnika. Jest to podobne do tego, jak Facebook pokazuje miniaturki po udostępnieniu odnośnika na stronie lub w grupie.

WordPress nie obsługuje jednak domyślnie tagów meta Open Graph. Dlatego też, gdy udostępniasz odnośnik na Twitterze, nie zawsze może on wyświetlać obrazek 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 dla Twojej witryny internetowej WordPress z Twittera.

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 łatwo zoptymalizować twoją witrynę internetową WordPress pod kątem wyszukiwarek i platform mediów społecznościowych, w tym Twittera.

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.

Po pierwsze, musisz dodać adresy URL twoich profili w mediach społecznościowych. Będą one kojarzyć twoją witrynę internetową z profilem na Twitterze i innych platformach mediów społecznościowych.

Wystarczy przejść do strony All in One SEO ” Social Networks i wpisz adresy URL twojego profilu w mediach społecznościowych, w tym na Twitterze.

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ć własne obrazki do mediów społecznościowych na różne platformy, takie jak Facebook, Twitter, Pinterest i inne.

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 obrazków na Twitterze są wtyczki pamięci podręcznej WordPress. Nawet jeśli ustawiłeś obrazek 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 obrazek ustawiony jako karta Twittera nie jest ani za mały, ani za duży. Twitter zaleca obrazki 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 obrazki kart Twittera w WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat tego, jak zwiększyć ruch na twoim blogu lub z naszymi najlepszymi wtyczkami do mediów społecznościowych dla WordPressa.

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

4 komentarzeZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    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.

    • WPBeginner Support says

      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ę.