Jag minns fortfarande frustrationen över att dela ett av mina första blogginlägg på Facebook, bara för att se det visa en helt slumpmässig, pixlig bild. Efter att ha lagt timmar på innehållet var det nedslående att se det felaktigt representerat innan någon ens hade en chans att klicka.
Detta händer när en webbplats inte ger sociala medieplattformar tydliga instruktioner om vad som ska visas. Utan den vägledningen måste Facebook bara gissa, och det gissar ofta fel.
Här på WPBeginner har vi bemästrat hur man kontrollerar utseendet på våra sociala delningar med hjälp av Open Graph-metadata. I den här guiden går vi igenom de beprövade metoder vi använder, så att du kan se till att ditt innehåll alltid ser bäst ut när det delas.
Du kan använda snabblänkarna nedan för att hoppa direkt till den metod du är mest intresserad av:
- Lägga till Facebook Open Graph-metadata med AIOSEO
- Ställ in Facebook Open Graph-metadata med Yoast SEO
- Lägga till Facebook Open Graph-metadata med kod
- Vanliga frågor om Facebook Open Graph
- Ytterligare resurser om Facebook och WordPress
Viktigt: Välj endast en av metoderna nedan. Att använda flera SEO-plugins eller lägga till koden manuellt medan ett plugin är aktivt kan skapa motstridiga Open Graph-taggar, vilket kan orsaka oväntade delningsresultat. Vi rekommenderar Metod 1 med AIOSEO för den enklaste och mest omfattande installationen.
Metod 1: Lägga till Facebook Open Graph-metadata med AIOSEO
All in One SEO är ett populärt WordPress SEO-plugin som används av över 3 miljoner webbplatser. Det låter dig enkelt optimera din webbplats för sökmotorer såväl som sociala plattformar som Facebook och Twitter.
Först måste du installera och aktivera den kostnadsfria All in One SEO-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering måste du besöka sidan All in One SEO » Social Networks. Här kan du ange din Facebook-sidans URL och alla dina andra sociala nätverk.
Klicka sedan på fliken Facebook högst upp på sidan, så ser du att Open Graph Markup är aktiverat som standard.
Du kan klicka på knappen 'Ladda upp eller välj bild' för att välja en standardbild för Facebook OG om en artikel inte har en Open Graph-bild.
Om du skrollar ner kan du anpassa ditt webbplatsnamn, beskrivning och fler inställningar. Glöm inte att klicka på den blå knappen 'Spara ändringar' när du är klar.
Nu när du har ställt in webbplatsomfattande Open Graph-metataggar, är nästa steg att lägga till Open Graph-metadata för enskilda inlägg och sidor.
Som standard använder AIOSEO ditt inlägs SEO-titel och metadeskription för Open Graph-titeln och beskrivningen. Du kan också manuellt ställa in Facebook-miniatyrbilden för varje sida och inlägg.
Redigera helt enkelt inlägget eller sidan och skrolla ner till sektionen 'AIOSEO-inställningar' under redigeraren. Härifrån, byt till fliken Sociala medier, så ser du en förhandsgranskning av din miniatyrbild.
Du kan ställa in sociala medier-bilden här, liksom titeln och beskrivningen.
Bläddra bara ner till fältet 'Bildkälla'. Du kan välja att använda den markerade bilden, ladda upp en anpassad bild eller andra alternativ.
Metod 2: Ställ in Facebook Open Graph-metadata med Yoast SEO
Yoast SEO är ett annat WordPress SEO-plugin som du kan använda för att lägga till Facebook Open Graph-metadata på alla WordPress-webbplatser.
Det första du behöver göra är att installera och aktivera pluginet Yoast SEO. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
När Facebook Open Graph-data har aktiverats är den aktiverad som standard.
Du kan kontrollera detta genom att gå till Yoast SEO » Inställningar och skrolla ner till avsnittet Social delning. Nu kan du se till att funktionen för Open Graph-data är aktiverad.
Du kan spara dina inställningar eller fortsätta och konfigurera andra Facebook sociala alternativ.
Du kan ange ett Facebook-app-ID om du använder ett för din Facebook-sida och insikter. Du kan också ändra din hemsidas Open Graph meta-titel, beskrivning och bild.
Slutligen kan du ställa in en standardbild som ska användas när ingen bild är inställd för ett inlägg eller en sida.
Premiumversionen av Yoast SEO låter dig också ställa in Open Graph-metadata för enskilda inlägg och sidor. Redigera helt enkelt ett inlägg eller en sida och scrolla ner till avsnittet 'Yoast SEO' under redigeraren.
Härifrån kan du ställa in en Facebook-miniatyrbild för det specifika inlägget eller sidan. Om du inte anger en inläggstitel eller beskrivning, kommer pluginet att använda din SEO-metatitel och beskrivning.
Du kan nu spara ditt inlägg eller din sida, och pluginet kommer att lagra dina Facebook Open Graph-metadata.
Metod 3: Lägga till Facebook Open Graph-metadata med kod
Den här metoden kräver vanligtvis att du kopierar och klistrar in kod i din temas functions.php-fil. Vi rekommenderar dock att du lägger till koden med hjälp av WPCode-pluginet istället, vilket gör det enklare och säkrare att lägga till anpassad kod i WordPress.
WPCode kommer också med ett bibliotek av färdiga kodavsnitt, inklusive ett för att lägga till grundläggande Open Graph-taggar, så det tar bara ett par klick.
Installera och aktivera först det kostnadsfria WPCode-pluginet. För mer information, se vår guide om hur man installerar ett WordPress-plugin.
Efter aktivering kan du gå till Kodavsnitt » + Lägg till avsnitt från din WordPress-instrumentpanel.
Sök efter kodavsnittet 'Add basic Open Graph Tags' i biblioteket. När du hittar det, för muspekaren över det och klicka på knappen 'Använd kodavsnitt'.
Sedan kommer WPCode automatiskt att lägga till koden åt dig, samt ställa in webbplatsens sidhuvud som plats för infogning.
Därefter behöver du bara växla kodavsnittet till ‘Aktiv’ och klicka på knappen ‘Uppdatera’. Din webbplats kommer nu att börja visa Facebook Open Graph-metadata i WordPress-huvudet.
Om du är en avancerad användare kan du fortfarande kopiera och klistra in koden nedan i din temas functions.php-fil.
Eftersom detta kräver att du redigerar dina temafiler direkt, se till att du säkerhetskopierar dina temafiler innan du gör några ändringar.
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info
function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:app_id" content="Your Facebook App ID" />';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '<meta property="og:type" content="article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo '<meta property="og:site_name" content="Your Site Name Goes Here"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );
Kom ihåg att lägga till ditt webbplatsnamn på rad 17, där det står 'Your Site Name Goes Here'. Därefter bör du ändra standardbildens URL på rad 19 med en av dina egna bild-URL:er.
Vi rekommenderar att du lägger en bild med din logotyp där, så om ditt inlägg inte har en miniatyrbild, så hämtas din webbplats logotyp.
Du måste också lägga till ditt eget Facebook App ID på rad 13. Om du inte har en Facebook-app kan du ta bort rad 13 från koden.
Vanliga frågor om Facebook Open Graph
Vi har hjälpt tusentals användare att ställa in sina inställningar för sociala delningar, och några frågor dyker upp ganska ofta. Här är svaren på de vanligaste frågorna om att lägga till Facebook Open Graph-metadata.
1. Hur testar jag om mina Open Graph-taggar fungerar korrekt?
Det bästa sättet att kontrollera dina taggar är med Facebooks officiella verktyg Sharing Debugger. Ange bara URL:en till ditt inlägg eller din sida, så visar verktyget en förhandsgranskning av hur det kommer att se ut när det delas och listar eventuella fel eller varningar det hittar.
2. Vilken är den bästa bildstorleken för en Facebook Open Graph-bild?
För bästa resultat på skärmar med hög upplösning rekommenderar Facebook att du använder bilder som är minst 1200 x 630 pixlar. Det är viktigt att bibehålla ett bildförhållande på 1,91:1 för att förhindra att din bild beskärs på ett klumpigt sätt.
3. Varför visar Facebook fel bild även efter att jag har angett en?
Detta är vanligtvis ett cacheproblem. Facebook sparar Open Graph-data som det först ser för en URL. Om du uppdaterar bilden måste du tala om för Facebook att kontrollera igen genom att köra URL:en genom verktyget Sharing Debugger och klicka på knappen 'Scrape Again'.
4. Påverkar Open Graph-taggar min webbplats SEO?
Även om Open Graph-taggar inte direkt påverkar din ranking i sökmotorer, har de en stark indirekt effekt. En övertygande och professionellt utformad social delning leder till högre klickfrekvens och mer trafik, vilket är positiva signaler för sökmotorer.
Ytterligare resurser om Facebook och WordPress
Vi hoppas att den här artikeln hjälpte dig att lägga till Facebook Open Graph-metadata i WordPress. Du kanske också vill se några andra guider relaterade till hur du kan använda Facebook i WordPress:
- Bästa Facebook-tips och handledningar för WordPress-användare
- Hur man automatiskt publicerar till Facebook från WordPress
- Hur man installerar och konfigurerar Facebook-kommentarer i WordPress
- Hur man skapar ett anpassat Facebook-flöde i WordPress
- Hur du visar dina Facebook-sidrecensioner i WordPress
- Hur man fixar problemet med felaktig Facebook-miniatyrbild i WordPress
- Hur man visar författarens Twitter- och Facebook-information på profilsidan
- Hur du skapar en landningssida för Facebook-annonser i WordPress
- Hur man fixar problemet med Facebook och Instagram oEmbed i WordPress
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
wpbeginner
@SteveJoseph@joshuatj Josh, jag är inte säker på när du senast kollade pluginet, men vårt plugin har fullt stöd för og:description. Det har funnits där sedan version 0.1.2. Här är ändringsloggen:http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/changelog/In version 0.1.3, förbättrade vi beskrivningskoden för att faktiskt leta efter Yoasts plugins beskrivningskod, och om den inte finns då hämtar den inläggets utdrag om det finns.
SteveJoseph
@joshuatj Bra poäng och tack igen för länkarna och din hjälp. Det uppskattas mycket. Mellan Linter och Yoast-pluginet borde jag klara mig. Allt gott.
joshuatj
@SteveJoseph Eller så kan du vänta tills Facebook kör sin Lint-körning.
SteveJoseph
@joshuatj Jag provade linter tidigare men det fixade bara det första inlägget. Resten visar fortfarande den gamla kopian. Jag insåg dock precis att om jag lintar varje unik sida så visas den korrekta informationen, vilket är vad du har lagt upp ovan. Irriterande, men jag antar att det här är vad jag behöver använda för tillfället eller så kollar jag länken du gav och ser om det pluginet fungerar för mig. Mycket tack kompis! Skål.
joshuatj
@SteveJoseph Oj, du har rätt, jag gjorde ett stavfel där. Jag menade "Yoast". http://yoast.com/wordpress/seo/But faktiskt gör Yoast mer än att bara lösa problemet med og-beskrivning, så det kanske inte är vad du vill ha. Jag använde bara URL Linter (http://developers.facebook.com/tools/lint/) för din webbplats. Den verkar visa denna beskrivning "Future Tomorrow är det kollektiva online-monikern, portfoliowebbplatsen och bloggen för Steve Joseph. Med över 14 års kreativ erfarenhet inom flera discipliner och kunskap som sträcker sig långt bortom "bara att vara kreativ", finns det mycket att dela men fortfarande mer att lära.". Är det vad du vill ha i beskrivningsfältet? Försök "dela på Facebook" igen?
SteveJoseph
@joshuatj Tack för svaret joshuatj. Tyvärr gav en sökning på "Yeost Facebook Plugin" eller "Yeost Plugin" inga hjälpsamma resultat för att guida mig till denna möjliga lösning. Har du en direktlänk?
Jag försökte också söka på "Yoast" och tänkte att det kanske hade varit ett stavfel i ditt svar och det ledde mig fortfarande inte till en lösning. All ytterligare hjälp skulle uppskattas mycket. Tack för din tid.
joshuatj
@SteveJoseph Jag tror inte att det här pluginet hanterar beskrivningar. Prova Yeosts?
SteveJoseph
förlåt för ingen länk – http://futuretomorrow.net/blog/ – klicka på ”share this on Facebook” på valfritt inlägg för att se vad som händer i detalj. Tack igen.
SteveJoseph
Hej,
Jag provade både ditt plugin och kodmetod och ingen av dem fungerade. När jag klickar på ”dela detta på Facebook” från min blogg är min titel korrekt, URL är korrekt, bild är korrekt men beskrivningen är gammal och felaktig. Finns det en uppdatering av koden eller pluginet där ”beskrivningen” visas korrekt? Tack på förhand.
Hälsningar,
Steve
joshuatj
Pluginet är fantastiskt! Tack wpbeginner! Det vore dock fantastiskt om vi också kunde lägga till "beskrivnings"-innehållet för meta-taggen <meta property=”og:description” content=””>
ExpandSM
tyvärr, webbplatsen är http://societyofsocialpreneurs.com/blog
ExpandSM
Tack för det här pluginet! Jag har en blogg som också är en Buddypress-sida och jag kan inte få den att hämta utdraget från inlägget. Några förslag?
jaffa
@wpbeginner Tack för ditt svar.
Jag inser att jag håller på att bli den största plågan i den här tråden och detta blir min sista fråga:
Jag använder catch that image och tim thumb-funktionen på min webbplats och undrade hur eller om jag kunde implementera det i den här funktionen för att ersätta koden som letar efter en utvald bild?
Ibland använder jag inte den utvalda bilden, så det skulle vara praktiskt om skriptet bara kunde leta efter den första bilden i inlägget och om den inte finns där, använd standardbilden.
Thanks in advance
dbrabyn
@wpbeginner @dbrabyn Förståeligt. Jag har precis provat det och för ett inlägg utan en utvald bild men med en inläggsbild, säger FB Lint till mig: "Bildens URL är inte kompatibel med RFC2396 och kommer inte att visas korrekt." Avsaknaden av en standardbild är också ett problem. Tack ändå.
wpbeginner
@jaffa Om du inte har dessa metataggar, och användaren GILLAR ett inlägg med gillaknappen på din blogg (FB väljer en slumpmässig bild åt dem)... Nu, om de lägger länken på sin Facebook-profil (då får de ett alternativ)... Oftast klickar folk på gillaknappen snarare än att faktiskt kopiera länken och klistra in den i sin Facebook-statusruta. Det här pluginet löser faktiskt det problemet.
wpbeginner
@dbrabyn Pluginet som vi har i arkivet gör faktiskt det. Det letar efter den utvalda bilden och om ingen utvald bild hittas faller det tillbaka på den första bilden i inlägget... Snippet i det här inlägget gör inte det. Använd bara pluginet.
jaffa
Fick äntligen detta att fungera med hjälp av wpbeginner!
Jag har dock en fråga, när jag delar en sida som inte har några bilder i innehållet används standardbilden. Är det möjligt att ange mer än en standardbild?
Dessutom märkte jag att om jag delar webbplatsens startsida, har jag ett val av alla bilder på sidan att välja mellan, men när jag delar en vanlig sida tvingas jag bara använda standardbilden. Finns det ett sätt att se alla bilder på sidan?
Tack
dbrabyn
Finns det något sätt att få den här funktionen att hämta den första bilden från inlägget, sedan den utvalda bilden, sedan standardbilden? Precis som get_the_image gör.
jaffa
@wpbeginner kommer att göra det!
Thank you so much
wpbeginner
@jaffa Om du skickar oss ett e-postmeddelande via kontaktformuläret kan vi definitivt titta på det och hjälpa dig att få detta att fungera.
jaffa
@wpbeginner Det är inte så att jag inte är nöjd med artikeln här, det är bara det att jag inte verkar få det att fungera. Jag besöker alltid den här webbplatsen eftersom den har hjälpt mig mycket och låtit mig lära mig mycket om wp.
Jag kunde inte få opengraph att fungera och började sedan leta någon annanstans online vilket ledde mig till andra artiklar som bara förvirrade mig. Jag kom sedan tillbaka hit för att försöka igen. Kanske har jag gjort något fel eller så är det något som inte stämmer i mitt tema som hindrar det från att fungera. Det var det jag menade med 'jag löser det'.
Jag uppskattar dina svar och hjälp.
Tack.
wpbeginner
@jaffa Du behöver ingen app om du inte vill ha det. Du kan fortfarande hämta analyser för dina gillaknappar via ditt personliga konto. Det finns inget att lista ut eftersom artikeln förklarar allt, men om du fortfarande inte är nöjd så gör du förstås ytterligare research.
jaffa
@wpbeginner okej, tack!
Andra artiklar föreslog att en app behövdes skapas, vilket är anledningen till att jag var förvirrad. Glöm det, jag kommer att lösa det.
wpbeginner
@jaffa Du behöver INTE skapa en Facebook-applikation för den här handledningen. Det kommer att fungera oavsett. Vi har appen på vår sida av andra skäl som inte har att göra med handledningen som nämns i den här artikeln.
jaffa
@wpbeginner tack för ditt svar. Jag blev väldigt förvirrad :s
Behöver jag skapa en Facebook-applikation för att denna open graph ska fungera korrekt? Jag kollade precis källkoden för den här sidan och ni har ett fält för ‘fb:app_id’ som inte ingår i koden ovan?
Jag ber om ursäkt för alla frågor, om någon kan hänvisa mig till någon dokumentation om open graph kommer jag gärna att försöka hitta några svar och komma tillbaka och dela med mig av all information jag kan hitta.
Tack
wpbeginner
@jbjb3077 Look at our article about showing custom fields anywhere on the site. Custom Fields 101 article covers that on our site
wpbeginner
@jaffa Det är inte samma sak som ett app-ID... Ditt personliga användar-ID är annorlunda.
jaffa
detta kan verka som en mycket dum fråga men för att detta ska fungera måste man skapa en Facebook-applikation först? Jag har bara en vanlig Facebook-sida och inget annat och jag har provat den här koden många gånger men kan fortfarande inte få den att fungera. När jag kör den genom linterverktyget får jag felet: ogiltigt app-ID.
Är exemplet med ANVÄNDARID ovan detsamma som ett app-ID eller inte?
jbjb3077
@jbjb3077 kolla detta....
mark.bravura
Tack igen för ditt snabba svar. Och det är kärnan i min fråga... Facebook Open Graph Meta For WordPress-pluginet hämtar all metadata korrekt, förutom att det saknas utdrag/beskrivningsdata. Därav undrar jag hur jag manuellt kan justera det. Några förslag?
wpbeginner
@mark.bravura Din inläggstitel används som titel. Ditt utdrag används som beskrivning. Din utvalda bild (miniatyrbild) används som miniatyrbild. Ändra något av dessa, så kan du ändra og-data.
mark.bravura
Tack för det snabba svaret. Finns det alltså ett rimligt enkelt sätt att manuellt finjustera (komma åt/modifiera) OG-datan?
wpbeginner
@mark.bravura Informationen lagras faktiskt redan i din databas. Detta plugin matar bara ut den.
mark.bravura
Hej,
När jag använder OG metadata-pluginet, i vilken PHP-fil lagrar det taggarna? Tack!
Liverpoolfcblog
Hej wpbeginner @wpbeginner , koden fungerar bra. Tack för det.
Har bara en fråga. Jag körde enskilda artiklar genom Facebooks linter och alla verkade okej. Men när jag körde min hemsida genom den säger den detta:
Saknat obligatoriskt fält og:title krävs
Obligatorisk egenskap saknas og:type krävs
Obligatorisk egenskap saknas og:url krävs
Obligatorisk egenskap saknas og:image krävs
Jag märkte detta i koden: if ( !is_singular()) //om det inte är ett inlägg eller en sida return;
Påverkar tillägget av ovanstående fyra hur Facebook ser min webbplats? Kategoriserar den den till exempel som en webbplats och visar titeln?
Hälsningar.
Redaktionell personal
Du kan ta bort is_singular-objektet och visa detta på startsidan… De flesta om inte alla WordPress-bloggar delas bara från sidan med enskilda inlägg. Det är också sidan där Gilla-knappen är framträdande.
Admin
jbjb3077
hej mina inläggsbilder finns i anpassat fält (tumme) jag hade en hack med tidigare version men nu kan jag inte lista ut hur jag ska lägga till det. snälla hjälp mig. det här är koden jag har ersatt
if ( get_post_meta($post->ID, ‘thumb’, true) ) { //inlägget har en utvald bild $thumbnail_src = get_post_meta($post->ID, “thumb”, true); echo ‘<meta property=”og:image” content=”‘ . esc_attr( $thumbnail_src[0] ) . ‘”/>’; } else{ echo ‘<meta property=”og:image” content=”mysite image in a path.jpg”/>’; } echo “n”;
Danny Foo
Har fortfarande problem med miniatyrbilden även efter att ha använt funktionsmetoden.
Förresten, måste du uppdatera xmlns:og? Facebooks opengraph-dokumentation noterar det som; http://ogp.me/ns#
Nurul Imam
Tack… Lyckades lägga till denna funktion i mitt tema
jaffa
@Elliot – Temat stöder inläggstumnagelbilder, jag använder ett barn-tema av Twenty Ten
Här har jag lagt till en kopia av koden i functions.php för att lägga till stöd för miniatyrbilder;
http://pastebin.com/7Cw480Xy
Kanske har jag gjort något fel här?
jaffa
Tack Daniel, att lägga till det hjälpte till att ta bort felen jag fick tidigare, men nu säger den att titel, url, bild och typ saknas trots att de finns där.
Den visar också fel bild, den verkar inte hämta bilden från artikeln utan en slumpmässig bild från sidan.
Jag har ingen aning om varför jag inte kan få detta att fungera, jag ville undvika att använda pluginet men kanske är det så jag måste göra.
Tack grabbar för er hjälp.
Daniel Chenery
Oh! I have that issue too. I popped the info in my header.php, lint the homepage = Works
Link a post page = Broken
I just gave up and ignored it!
jaffa
Tack Daniel för att du försöker hjälpa till.
Tror jag måste ge upp också, kan inte slösa all min tid på detta.
Det hade varit coolt om det fungerade för mig.
Elliott webbdesignern
Förmodligen har du skrapat om det med linterverktyget innan du testade det igen, har du lagt koden i din functions.php eller din header.php?
jaffa
Ja, jag följde ditt råd och använde linter-verktyget men fortfarande ingen lycka.
Och jag placerade koden i functions.php.
Elliott webbdesignern
Stöder ditt tema inläggstumnagelbilder?
jaffa
Jag lade till koden i min functions-fil och följde sedan din artikel om hur man lägger till knappen Gilla och Skicka och allt verkade vara bra men idag när min klient postade en länk på FB-väggen till den senaste artikeln fanns det inget alternativ att välja en bild som skulle följa med artikeln.
Jag kan inte förstå vad som gick fel eller hur jag ska fixa det. Jag antar att det är FB-koden jag lade till som orsakade detta eftersom jag inte har gjort några andra ändringar.
Några idéer om vad problemet kan vara?
Redaktionell personal
Ja, det tar bort möjligheten för dig att välja bilder.... Koden väljer BILDEN åt dig. Den väljer inläggets miniatyrbild och skickar den som bild för den artikeln.
Admin
jaffa
Tack för ditt svar.
Jag insåg inte att det alternativet togs bort. Men jag förstår fortfarande inte varför miniatyrbilden inte visades när jag hade inkluderat en miniatyrbild. Det fanns helt enkelt ingen bild där alls.
När jag tittar på källkoden kan jag se en länk till bilden i fältet og:image.
Jag önskar att jag kunde få det att fungera, kanske måste jag prova pluginet.
Bara en sak till, jag har definierat ett antal olika miniatyrstorlekar i mitt tema att använda på olika platser, så istället för att den anropar den 'medelmåttiga' bilden, behöver jag ställa in den så att den anropar en av mina definierade miniatyrer??
Förlåt för den långa och förvirrande kommentaren, nybörjare här!
Elliott webbdesignern
Facebook will scrape your site every 24hrs or so… so if you’ve made any changes on your site facebook will need to catch up – 24hrs or so later. But, you can force facebook to re-scrape your site by using the linter tool. Before testing the Send button again run anyone of your url’s through http://developers.facebook.com/tools/lint/ to force Facebook to refresh the details, hopefully this should resolve the image issue
jaffa
Tack Elliott, Linter-verktyget du gav en länk till var ganska hjälpsamt.
Efter att ha skickat en URL genom den fick jag felmeddelandet:
fb:admins-fältet innehöll några ogiltiga ID:n, jag märkte att mitt sid-ID är 15 tecken långt men det som används i exemplet ovan är bara 10.
Det andra meddelandet jag fick var:
Du har angett App ID i fältet fb:admins. Det ska vara i fb:app_id
Ska det finnas ett extra fält för app_id i koden ovan?
Jag är lite förvirrad nu...
Daniel Chenery
@Jaffa Det du behöver göra är att lägga till
Borde fixa det.
Daniel Chenery
Förlåt, jag trodde att taggen
codeskulle behålla taggarna, det visade sig inte vara fallet. Låt mig försöka posta det igen<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”Your_Profile_ID”/>
Gretchen
Jag ser inget fält för standardbilden – bara för ID och webbplatsnamn. Saknar jag något?
Redaktionell personal
Vi uppdaterade pluginet för att åtgärda en bugg med standardbildsproblemet. Nu kontrollerar det om ditt inlägg har en miniatyrbild… Om det inte har det, väljer det den första bilden från ditt inlägg. Vi planerar att återinföra standardbildfunktionen snart.
Admin
Gretchen
Bra! Jag gillar definitivt standardbildfunktionen, eftersom inte alla mina inlägg har bilder.
Tack för det utmärkta pluginet!
Ayanna Mitchell
Jag installerade pluginet... men det finns ingen plats att lägga till en standardbild. Snälla hjälp.
Redaktionell personal
Titta på vårt svar till Gretchen.
Admin
Ovidiu
I am curios about this part of the code: add_opengraph_doctype the problem is that that function doesn’t seem to do anything on my install
the rest is working fine but this add_opengraph_doctype doesn’t.
är det nödvändigt och varför tror du att mina teman inte utlöser det?
Redaktionell personal
Det kommer inte att göra något om ditt tema inte inkluderar en standardkod (språkattribut) som alla WordPress-teman BÖR inkludera.
Admin
Ovidiu
Jag saknar inkluderingen av denna kod: `’ xmlns:og=”http://opengraphprotocol.org/schema/” xmlns:fb=”http://www.facebook.com/2008/fbml”‘`
min header.php har detta högst upp:
`
`
vad är fel med det? vad missar jag?
Ovidiu
ok det verkar som att det filtreras... här är en länk till pastebin: http://pastebin.com/vrsVzFhU
Sheryl
Jag installerade open graph-pluginet till wordpress. Jag konfigurerade inställningarna och bytte ut mitt företagsnamn mot namnet på URL:en du postade.
Vad nu?? Vad ska jag göra härnäst för att få skicka-knappen under min gilla-knapp?
Redaktionell personal
Titta på vår artikel om skicka-knappen. Du kan också använda vår SmartSharing-plugin.
Admin
Thnok
Var behöver jag lägga till koden i functions.php? Högst upp eller var?
Pluginet fungerar inte.
Preston
Detta är bra. Någon vägledning om hur man modifierar detta så att Facebook hämtar ett utdrag från det skrivna innehållet? Pluginet går inte till innehållet utan tar författarens namn, kategorier och datum. Tankar?
Elliott webbdesignern
japp lägg bara till detta efter det första om-uttalandet:
echo ‘<meta property="og:description" content="” />’;
Preston
Jag försökte lägga till den koden och fick ett dödligt fel som inaktiverade pluginet. Kan inte förstå varför.
Elliott webbdesignern
det verkar som om kommentarsfältet inte tillåter viss formatering, följ mig på twitter så skickar jag koden till dig via DM.
Innehållet bör innehålla wp the_excerpt() funktionen
Gretchen
Jag antar att om vi har en Facebook-sida för webbplatsen, så anger vi sidans användar-ID snarare än vårt personliga Facebook-profil-ID?
Chris Bracco
Den här koden lägger bara till OG-taggarna för enskilda inlägg och sidor. Jag skulle vilja att taggarna visas på alla mina sidor, och jag kan inte komma på ett enkelt sätt att uppnå detta. Några idéer?
Redaktionell personal
Har du individuella gilla/skicka-knappar på dina arkiv-, kategori-, taggsidor??? Gilla-knappar är bara bra på enskilda inlägg/sidor, vilket är anledningen till att koden lägger till det. Den enda andra gilla-knappen som läggs till på webbplatsen är (Gilla-ruta) för webbplatsens Facebook-sida. Vilket inte kräver denna information.
Men om du måste, ta då bort villkorssatsen !is_singular.
Admin
Daniel Chenery
Visst verkar det enklare att bara mata in informationen i header.php? Jag är säker på att jag läste en handledning om det en gång
Redaktionell personal
Du kan hårdkoda det i header.php men det är en process i flera steg eftersom du måste redigera doctype, sedan lägga till de andra metataggarna… Detta är en process i ett steg. Klistra in, och klart. Eller installera pluginet, och klart. Om du använder pluginet är du ännu bättre ställd eftersom taggarna finns kvar även när du byter tema.
Admin