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.
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.
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.
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:
- Fixing Broken Twitter Card Images Using All in One SEO
- Setting a Default Twitter Card Image
- Setting a Default Twitter Card Image for the WordPress Homepage
- Using a Custom Twitter Card Image for Each WordPress Post or Page
- Setting Custom Twitter Card Images for Categories & Tags
- Testing That a Post Has a Valid Twitter Card Image
- Troubleshooting Broken Twitter Card Images in WordPress
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 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.
Ustawienie domyślnego obrazka karty Twittera
Następnie należy przejść do karty „Twitter” i kliknąć przełącznik obok opcji „Włącz kartę Twitter”.
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.
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.
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.
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.
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.
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”.
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.
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.
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”.
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.
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”.
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.
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!
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.
Abdullah says
I did all these, it doesn’t solve the problem.
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