Letar du efter ett sätt att fixa trasiga Twitter Cards images i WordPress?
Twitter försöker automatiskt att displayed en thumbnail image när någon delar en link från din WordPress site. Ibland kan det dock hända att en felaktig thumbnail visas, vilket får din website att se oprofessionell ut.
I den här artikeln kommer vi att visa dig hur du enkelt fixar trasiga Twitter Cards images i WordPress.
Varför är Twitter Cards images trasiga för vissa websites?
Twitter använder Open Graph-metadata för att leta efter images när en länk delas. Detta liknar hur Facebook visar thumbnails när du delar en länk på en page eller i en grupp.
WordPress stöder dock ej Open Graph metataggar som standard. Det är därför som när du delar en länk på Twitter, kanske den inte alltid visar en Twitter card image.
Twitter Cards images hjälper dig att fånga dina användares uppmärksamhet och uppmuntra dem att klicka på en link.
Detta innebär mer trafik till din WordPress website från Twitter.
Med detta sagt, låt oss ta en titt på hur man enkelt fixar de trasiga Twitter Cards images i WordPress.
Här är en snabb översikt över de ämnen som vi kommer att täcka i den här artikeln. Du kan hoppa till den section som intresserar dig eller följa instruktionerna steg för steg:
- 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
Fixa trasiga Twitter Card Images med All in One SEO
Först måste du installera och aktivera pluginet All in One SEO för WordPress. Mer detaljer finns i vår Step-by-Step guide om hur du installerar ett plugin för WordPress.
All in One SEO är det bästa sökmotorsoptimeringspluginet för WordPress på marknaden. Det låter dig enkelt optimera din WordPress website för search engines och social media platforms, inklusive Twitter.
Note: Det finns också en gratis version av All in One SEO som du kan använda för att fixa Twitter Cards images. Pro-versionen kommer dock med mer kraftfulla funktioner för sökmotorsoptimering.
I den här tutorialen kommer vi att visa Pro-versionen eftersom det är vad vi använder, men instruktionerna är liknande för den gratis versionen.
Vid aktivering måste du besöka All in One SEO ” General Settings page för att enter din license key. Du hittar den här informationen i ditt account på AIOSEO:s website.
All in One SEO ger dig fullständig control över vilka images som ska användas med Twitter cards på din website. Vi guidar dig genom alla steg.
Först måste du add to URL:erna till din profil på social media. Dessa kommer att associera din website med din Twitter profil och andra social media plattformar.
Gå bara till All in One SEO ” Social Networks page och enter your social media profile URLs, including Twitter.
Standardinställning av en image för Twitter Cards
Därefter måste du byta till ”Twitter” -tabben och klicka på toggle bredvid alternativet ”Aktivera Twitter Card”.
Under det ser du standardinställningarna för Twitter summary cards, som fungerar för de flesta webbplatser, men du kan ändra dem efter behov.
I viss mån kommer du att vilja ändra ”Standard Post Image Source”. All in One SEO ger dig en massa alternativ.
Du kan t.ex. välja featured image, attachment image, first image in content, image from a custom field, post author image eller first available image.
Vi rekommenderar att du använder featured image, eftersom de flesta themes i WordPress har support för featured images som passar för Twitter-kortbilder.
Under det hittar du alternativet att välja en standard term image source. Denna image används när någon delar en URL till en kategori, tagged eller annan taxonomi term archive page.
Du kan ladda upp en standard image här, eller så kan du ladda upp en custom image för varje kategori eller tagged. Vi kommer att visa you hur man gör det senare.
När du har valt standardkällan för Twitter-kortets image, glöm inte att klicka på knappen ”Save Changes” för att lagra dina inställningar.
Setting a Default Twitter Cards Image for the WordPress Homepage (Standardinställning av Twitter Cards Image för WordPress Homepage)
Låt oss nu ta en titt på hur du ställer in en standard Twitter Cards image för din websites homepage.
Om du inte använder en statisk hemsida kan du ställa in en standard Twitter-kortbild direkt från All in One SEO ” Social Networks page under fliken Twitter.
Detta kommer dock att se annorlunda ut om du använder en customize home page.
I så fall kommer du att se länken för att direkt editera inställningarna för din homepage.
På vyn för edit av page rullar du bara ner till boxen ”AIOSEO Settings” under content editorn.
Härifrån måste du byta till tabben ”Social” och sedan välja Twitter.
Under Twitter-inställningar kan du åsidosätta standardalternativen.
Här kan du ange en custom Twitter card image som ska användas specifikt för din homepage.
Klicka bara på dropdown-menyn bredvid ”Image Source”, så ser du en massa alternativ att välja mellan. Du kan välja ett av alternativen eller uploada en new image som du gillar att använda.
När du är klar, glöm inte att update och save dina ändringar.
Använda en Custom Twitter Card Image för varje WordPress post eller page
Många bloggare gillar att skapa customize social media images för olika plattformar som Facebook, Twitter, Pinterest, och mer.
All in One SEO gör det enkelt att åsidosätta dina standardinställningar för Twitter Cards-bilder och tillhandahålla en customizer-bild för alla inlägg eller sidor.
Edit bara posten eller sidan och rulla ner till ”AIOSEO Settings” boxen under content editor. Härifrån måste du växla till tabben ”Social” och sedan välja ”Twitter”.
Därefter kan du ställa in anpassade Twitter Open Graph-data, inklusive en anpassad image som används specifikt för den här artikeln.
Rulla bara till sectionen ”Image source” och click på dropdown-menyn.
Du kan välja en av de valda images eller select ”Custom Image” för att uppladare en new image.
Efter det kan du bara klicka på knappen ”Upload or Select Image” för att uploada en image från din dator eller använda en från ditt mediabibliotek i WordPress.
När du är slutförd, glöm inte att updating eller publicera din post eller page för att save your changes.
Ställa in Custom Twitter Card Images för Categories & Tags
Precis som inlägg och sidor gör All in One SEO det också lättare att ladda upp en custom image för enskilda kategorier, taggar, WooCommerce-produktkategorier och andra taxonomier.
Gå bara till Posts ” Categories page och klicka på ”Edit” -länken under kategorin där du vill ladda upp en custom Twitter-kort image.
Detta tar dig till vyn ”Edit Category”, där du måste rulla ner till boxen ”AIOSEO Settings”.
Gå sedan till tabben ”Social” och select ”Twitter” under den.
Nu måste du rulla ner till ”Image Source” -sektionen och klicka på dropdown-menyn.
Du kan välja ett av de medföljande alternativen eller select ”Custom Image” för att uploada en new Twitter image.
Efter det kan du bara klicka på knappen ”Upload or Select Image” för att uploada en image från din dator eller använda en från ditt mediabibliotek i WordPress.
När du är slutförd, glöm inte att clicka på knappen ”Update” för att save your changes.
Testa att ett post har en bekräftad Twitter Cards image
När du har ställt in Twitter Cards images vill du testa dem för att se till att de visas korrekt när någon delar en länk från din WordPress blogg.
Kopiera bara URL:en till den page eller det post du vill testa och gå sedan till Twitter Card Validators website. Klistra in URL:en i fältet ”Card URL” och klicka på knappen ”Preview card”.
Kortets giltiga verktyg kommer sedan att hämta länken och visa dig en logging av kortet som hämtas utan problem.
Tidigare visade verktyget för att bekräfta kort också en preview av kortet, men den här funktionen har flyttats till Tweet Composer.
Felsökning av trasiga Twitter Cards images i WordPress
Om du följde stegen ovan och fortfarande inte kan se den korrekta Twitter-kortbilden, kan du prova dessa enkla tips för felsökning av kortfelet.
Clear cachen i WordPress
Den mest troliga orsaken till trasiga Twitter images är WordPress caching tillägg. Även om du har ställt in Twitter Cards image i All in One SEO, kan ditt plugin för cache fortfarande visa en outdated version.
För att fixa detta måste du cleara din WordPress-cache och sedan testa igen med hjälp av Twitter Card Validator-verktyget.
Välj korrekta storlekar på images
Se till att den image du ställer in för att använda som Twitter card varken är för liten eller för stor. Twitter rekommenderar images med en minsta upplösning på 144×144 pixlar och mindre än 5MB i storlek.
Tips: Du kan lära dig all om storleken på images i sociala medier i vår ultimata fuskbok för sociala medier för WordPress nybörjare.
Vi hoppas att den här artikeln hjälpte dig att fixa trasiga Twitter Cards images i WordPress. Du kanske också vill se vår ultimata guide om hur du ökar trafiken på din blogg eller våra expertval för de bästa tilläggen för sociala media för WordPress.
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.
Administratör