- \n
- Hur Facebook hittar utvalda bilder i dina inl\u00e4gg<\/li>\n
- Hur man korrekt implementerar st\u00f6d f\u00f6r Facebook-miniatyrbilder<\/li>\n
- Hur man fels\u00f6ker Facebook-miniatyrer n\u00e4r de inte fungerar.<\/li>\n<\/ul>\n
Hur vet Facebook vilken bild som ska anv\u00e4ndas?<\/h2>\n
Facebook anv\u00e4nder n\u00e5got som kallas Open Graph-protokoll. Kort sagt, det \u00e4r ett standardiserat s\u00e4tt att l\u00e4gga till information p\u00e5 din sida om din sida.<\/p>\n
Till exempel kan Open Graph-element p\u00e5 din sida ber\u00e4tta f\u00f6r Facebook vad titeln \u00e4r, webbadressen och bilden som ska visas n\u00e4r de delas p\u00e5 Facebook. S\u00e5 h\u00e4r ser Open Graph-taggarna i ett nyligen publicerat blogginl\u00e4gg om Compete Themes ut:<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449d5c74a.png\")
<\/a><\/p>\nDu kan se alla Open Graph-taggar som b\u00f6rjar med "og:". Kolla in den "og:image"-taggen i synnerhet. Det \u00e4r precis s\u00e5 du talar om f\u00f6r Facebook vilken bild som ska anv\u00e4ndas som miniatyrbild n\u00e4r sidan delas.<\/p>\n
S\u00e5 allt du beh\u00f6ver \u00e4r ett s\u00e4tt att l\u00e4gga till en Open Graph-bildtagg till dina inl\u00e4gg som automatiskt anv\u00e4nder din utvalda bild.<\/p>\n
Oroa dig inte, du beh\u00f6ver inte skriva n\u00e5gon kod. Du beh\u00f6ver bara r\u00e4tt plugin.<\/p>\n
Det finns tv\u00e5 plugins som fungerar mycket bra f\u00f6r att l\u00e4gga till Open Graph-taggar. Faktum \u00e4r att du kanske till och med har en av dem redan installerad.<\/p>\n
L\u00e4gg till Open Graph med Yoast SEO<\/h3>\n
Anv\u00e4nder du Yoast SEO-<\/a> plugin? I s\u00e5 fall har du redan allt du beh\u00f6ver.<\/p>\n
I Yoast SEO-menyn ser du menyn Sociala inst\u00e4llningar listad h\u00e4r:<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f449ff2da7.png\")
<\/a><\/p>\nBes\u00f6k Sociala inst\u00e4llningar och klicka sedan p\u00e5 Facebook-fliken.<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a270d66.png\")
<\/a><\/p>\nSlutligen ser du alternativet att aktivera Open Graph-metadata. Se till att detta \u00e4r aktiverat om det inte redan \u00e4r det.<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a50fcca.png\")
<\/a><\/p>\nDet \u00e4r allt du beh\u00f6ver g\u00f6ra f\u00f6r att l\u00e4gga till Open Graph-taggarna som Facebook beh\u00f6ver.<\/p>\n
Nu n\u00e4r du delar ett inl\u00e4gg p\u00e5 Facebook kommer den utvalda bilden du st\u00e4ller in f\u00f6r inl\u00e4gget att anv\u00e4ndas automatiskt.<\/p>\n
L\u00e4r dig hur du l\u00e4gger till utvalda bilder med Challenger<\/a><\/p>\n
I sk\u00e4rmdumpen ovan kan du se att Yoast ocks\u00e5 erbjuder ett alternativ f\u00f6r att st\u00e4lla in bilden, titeln och beskrivningen du vill anv\u00e4nda f\u00f6r din hemsida. Dessutom finns det en reservbild som du kan anv\u00e4nda f\u00f6r alla inl\u00e4gg\/sidor som inte har en utvald bild.<\/p>\n
Om du vill att Facebook ska visa dina inl\u00e4ggsbilder, men du inte vill installera Yoast SEO, anv\u00e4nd f\u00f6ljande steg ist\u00e4llet.<\/p>\n
L\u00e4gg till Open Graph med Thumb Fixer f\u00f6r Facebook<\/h3>\n
Om du inte vill anv\u00e4nda Yoast SEO kan du installera Facebook Thumb Fixer-<\/a> plugin ist\u00e4llet.<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44a7dc40b.png\")
<\/a><\/p>\nThumb Fixer f\u00f6r Facebook l\u00e4gger till Open Graph-metadata till dina inl\u00e4gg och sidor automatiskt. Precis som med Yoast SEO kommer de utvalda bilderna att anv\u00e4ndas som miniatyrer p\u00e5 Facebook.<\/p>\n
Du kan till och med st\u00e4lla in en standardbild f\u00f6r Facebook som \u00e4r anv\u00e4ndbar f\u00f6r alla inl\u00e4gg som inte har en utvald bild.<\/p>\n
H\u00e4r \u00e4r inst\u00e4llningarna som detta plugin l\u00e4gger till i din meny med allm\u00e4nna inst\u00e4llningar.<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aaa65d1.png\")
<\/a><\/p>\nDu beh\u00f6ver inte st\u00e4lla in n\u00e5gon av dessa inst\u00e4llningar, men de kan hj\u00e4lpa dig att ytterligare optimera din webbplats f\u00f6r den sociala plattformen.<\/p>\n
Facebook visar ingen miniatyr!<\/h2>\n
Har du lagt till n\u00e5got av plugins som rekommenderas ovan?<\/p>\n
Visas inte miniatyrerna fortfarande?<\/p>\n
Det finns tv\u00e5 steg du kan f\u00f6lja f\u00f6r att fixa detta.<\/p>\n
Rensa webbplatsens cache<\/h3>\n
Om du anv\u00e4nder ett caching-plugin som WP Rocket<\/a>, kanske Open Graph-taggarna inte visas p\u00e5 dina sidor \u00e4nnu.<\/p>\n
F\u00f6r att kontrollera om taggarna har lagts till, bes\u00f6k valfritt inl\u00e4gg p\u00e5 din webbplats. H\u00f6gerklicka och v\u00e4lj alternativet Visa sidk\u00e4lla.<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44acb40b2.png\")
<\/a><\/p>\nAnv\u00e4nd sedan cmd+f (ctrl+f) f\u00f6r att s\u00f6ka i sidk\u00e4llan efter f\u00f6ljande text: og:image.<\/p>\n
Du b\u00f6r se resultat som f\u00f6ljande:<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44aec72f9.png\")
<\/a><\/p>\nOm du inte hittar taggarna betyder det att du visar en cachad version av sidan. Anv\u00e4nd ditt caching-plugin f\u00f6r att t\u00f6mma cachen och ladda om sidan. Du b\u00f6r d\u00e5 se Open Graph-metadata i k\u00e4llkoden.<\/p>\n
Facebook anv\u00e4nder fortfarande inte bilden?<\/h3>\n
Du har rensat cachen och du ser OG-taggarna i k\u00e4llan.<\/p>\n
Vad h\u00e4nder om Facebook fortfarande inte visar bilden n\u00e4r du delar ditt inl\u00e4gg?<\/p>\n
Det betyder att Facebook anv\u00e4nder en kopia av inl\u00e4gget fr\u00e5n deras cache innan du lade till Open Graph-taggarna.<\/p>\n
Bes\u00f6k Facebook-fels\u00f6karen<\/a> (du beh\u00f6ver ett FB-konto f\u00f6r att komma \u00e5t det). Ange din URL och klicka p\u00e5 Debug-knappen. N\u00e4r sidan har laddats om klickar du p\u00e5 knappen "H\u00e4mta ny skrapinformation".<\/p>\n
![\"Hur](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178569-616f44b0df1d9.png\")
<\/a><\/p>\nN\u00e4r du har h\u00e4mtat ny skrapinformation kommer Facebook att ers\u00e4tta deras cachade version med en ny skrapning av sidan som inneh\u00e5ller de nyligen tillagda Open Graph-data.<\/p>\n
Om du rullar ned\u00e5t p\u00e5 fels\u00f6kningssidan kommer du att se tabellen fylld med information om din sida inklusive \u00f6nskad miniatyrbild. F\u00f6rs\u00f6k att dela ditt inl\u00e4gg p\u00e5 Facebook igen s\u00e5 b\u00f6r du se bilden.<\/p>\n
Det tricket l\u00f6ser problemet 99% av g\u00e5ngerna, s\u00e5 se till att ha det i \u00e5tanke n\u00e4r FB inte visar din bild ordentligt.<\/p>\n
Fler Facebook-optimeringar<\/h3>\n
F\u00f6rutom att optimera din webbplats med Open Graph-taggar b\u00f6r du \u00e4ven optimera din Facebook-sida. Att f\u00e5 den perfekta storleken p\u00e5 Facebook-omslagsbilden<\/a> kan till exempel hj\u00e4lpa till med varum\u00e4rkesbyggande och engagemang. G\u00f6r detta till ditt n\u00e4sta att g\u00f6ra-objekt efter att ha lagt till Open Graphs-taggar p\u00e5 din webbplats.<\/p>\n
Och om du vill att fler ska l\u00e4gga upp ditt inneh\u00e5ll p\u00e5 Facebook, \u00f6verv\u00e4g att l\u00e4gga till sociala delningsknappar<\/a> till alla dina WordPress-inl\u00e4gg.<\/p>\n
Slutsats<\/h2>\n
Att f\u00e5 Facebook att anv\u00e4nda dina utvalda bilder i miniatyrerna beh\u00f6ver inte vara jobbigt. Faktum \u00e4r att du kanske redan har ett plugin installerat f\u00f6r att l\u00e4gga till det n\u00f6dv\u00e4ndiga st\u00f6det.<\/p>\n
N\u00e4sta g\u00e5ng du har problem med Facebook-miniatyrbilder, gl\u00f6m inte att rensa webbplatsens cache och anv\u00e4nda Facebook-fels\u00f6karen och skrapa om sidan f\u00f6r en ny miniatyrbild.<\/p>\n
Har du n\u00e5gra fr\u00e5gor om att visa Facebook-miniatyrer fr\u00e5n dina WordPress-inl\u00e4gg? L\u00e4mna en kommentar nedan.<\/p>\n