Îmi amintesc încă frustrarea de a distribui unul dintre primele mele articole de blog pe Facebook, doar pentru a vedea că preia o imagine complet aleatorie și pixelată. După ce am petrecut ore întregi pe conținut, a fost descurajant să văd că este greșit reprezentat înainte ca cineva să aibă șansa de a da clic.
Acest lucru se întâmplă atunci când un site web nu oferă platformelor de socializare instrucțiuni clare despre ce să afișeze. Fără acea îndrumare, Facebook trebuie doar să ghicească, iar adesea ghicește greșit.
Aici, la WPBeginner, am stăpânit cum să controlăm aspectul partajărilor noastre sociale folosind metadatele Open Graph. În acest ghid, vă vom prezenta metodele dovedite pe care le folosim, astfel încât conținutul dvs. să arate întotdeauna cel mai bine atunci când este partajat.
Puteți folosi linkurile rapide de mai jos pentru a sări direct la metoda care vă interesează cel mai mult:
- Adăugarea metadatelor Open Graph de la Facebook cu AIOSEO
- Setarea metadatelor Open Graph Facebook folosind Yoast SEO
- Adăugarea metadatelor Open Graph pentru Facebook folosind cod
- Întrebări frecvente despre Open Graph pentru Facebook
- Resurse suplimentare despre Facebook și WordPress
Important: Vă rugăm să alegeți doar una dintre metodele de mai jos. Utilizarea mai multor pluginuri SEO sau adăugarea codului manual în timp ce un plugin este activ poate crea etichete Open Graph conflictuale, ceea ce poate duce la rezultate neașteptate la partajare. Recomandăm Metoda 1 folosind AIOSEO pentru cea mai ușoară și mai cuprinzătoare configurare.
Metoda 1: Adăugarea metadatelor Facebook Open Graph cu AIOSEO
All in One SEO este un plugin SEO popular pentru WordPress utilizat de peste 3 milioane de site-uri web. Acesta vă permite să vă optimizați cu ușurință site-ul pentru motoarele de căutare, precum și pentru platformele sociale precum Facebook și Twitter.
Mai întâi, trebuie să instalați și să activați pluginul gratuit All in One SEO. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
După activare, trebuie să vizitați pagina All in One SEO » Social Networks. Aici, puteți introduce URL-ul paginii dvs. de Facebook și toate celelalte rețele sociale.
Apoi, faceți clic pe fila Facebook din partea de sus a paginii și veți vedea că Open Graph Markup este activat implicit.
Puteți face clic pe butonul „Încărcați sau selectați imaginea” pentru a alege o imagine implicită Facebook OG dacă un articol nu are o imagine Open Graph.
Dacă derulați în jos, puteți personaliza numele site-ului dvs., descrierea și alte setări. Nu uitați să faceți clic pe butonul albastru „Salvează modificările” odată ce ați terminat.
Acum că ați setat metatagurile Open Graph la nivel de site, următorul pas este să adăugați metadate Open Graph pentru postări și pagini individuale.
În mod implicit, AIOSEO folosește titlul SEO și descrierea meta ale postării dvs. pentru titlul și descrierea Open Graph. De asemenea, puteți seta manual miniatura Facebook pentru fiecare pagină și postare.
Pur și simplu editați postarea sau pagina și derulați în jos la secțiunea „Setări AIOSEO” de sub editor. De aici, comutați la fila Social, și veți vedea o previzualizare a miniaturiului dvs.
Puteți seta imaginea pentru rețelele sociale aici, precum și titlul și descrierea.
Derulați în jos la câmpul „Sursa imaginii”. Puteți alege să folosiți imaginea de prezentare, să încărcați o imagine personalizată sau alte opțiuni.
Metoda 2: Setați metadatele Facebook Open Graph folosind Yoast SEO
Yoast SEO este un alt plugin WordPress SEO pe care îl puteți utiliza pentru a adăuga metadate Facebook Open Graph oricărui site WordPress.
Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Yoast SEO. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
Odată activat, datele Open Graph Facebook sunt activate implicit.
Poți verifica acest lucru accesând Yoast SEO » Setări și derulând în jos la secțiunea Partajare socială. Acum te poți asigura că funcția de date Open Graph este activată.
Puteți salva setările sau puteți continua și configura alte opțiuni sociale Facebook.
Puteți furniza un ID de aplicație Facebook dacă folosiți unul pentru pagina și statisticile dvs. de Facebook. Puteți, de asemenea, să schimbați titlul meta Open Graph, descrierea și imaginea paginii dvs. de pornire.
În cele din urmă, puteți seta o imagine implicită care să fie utilizată atunci când nu este setată nicio imagine pentru o postare sau pagină.
Versiunea Premium a Yoast SEO vă permite, de asemenea, să setați metadatele Open Graph pentru postări și pagini individuale. Pur și simplu editați o postare sau o pagină și derulați în jos la secțiunea „Yoast SEO” de sub editor.
De aici, puteți seta o miniatură Facebook pentru acea postare sau pagină particulară. Dacă nu setați un titlu sau o descriere a postării, atunci plugin-ul va folosi titlul și descrierea meta SEO.
Acum puteți salva postarea sau pagina dvs., iar pluginul va stoca metadatele Facebook Open Graph.
Metoda 3: Adăugarea metadatelor Open Graph Facebook folosind cod
Această metodă necesită de obicei să copiați și să lipiți cod în fișierul functions.php al temei dvs. Cu toate acestea, recomandăm adăugarea codului folosind plugin-ul WPCode în schimb, ceea ce face mai ușor și mai sigur să adăugați cod personalizat în WordPress.
WPCode vine, de asemenea, cu o bibliotecă de fragmente de cod gata făcute, inclusiv unul pentru adăugarea de etichete Open Graph de bază, deci durează doar câteva clicuri.
Mai întâi, instalați și activați pluginul gratuit WPCode. Pentru mai multe detalii, vă rugăm să consultați ghidul nostru despre cum să instalați un plugin WordPress.
După activare, puteți accesa Code Snippets » + Add Snippet din tabloul de bord WordPress.
Căutați fragmentul „Add basic Open Graph Tags” din bibliotecă. Odată ce îl găsiți, treceți cu mouse-ul peste el și faceți clic pe butonul „Use snippet”.
Apoi, WPCode va adăuga automat codul pentru dvs., precum și va seta antetul site-ului ca locație de inserare.
După aceea, tot ce trebuie să faceți este să comutați fragmentul la „Activ” și să faceți clic pe butonul „Actualizare”. Tema dvs. va începe acum să afișeze metadate Facebook Open Graph în antetul WordPress.
Dacă sunteți un utilizator avansat, atunci puteți copia și lipi codul de mai jos în fișierul functions.php al temei dvs.
Deoarece acest lucru necesită editarea directă a fișierelor temei, asigurați-vă că faceți o copie de rezervă a fișierelor temei înainte de a face orice modificări.
//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 );
Nu uitați să adăugați numele site-ului dvs. pe linia 17, unde scrie „Numele Site-ului Dvs. Intră Aici”. După aceea, ar trebui să schimbați URL-ul imaginii implicite de pe linia 19 cu unul dintre propriile URL-uri de imagini.
Recomandăm să puneți o imagine cu logo-ul dvs. acolo, astfel încât, dacă postarea dvs. nu are o miniatură, să fie preluat logo-ul site-ului dvs.
De asemenea, trebuie să adăugați propriul dvs. Facebook App ID pe linia 13. Dacă nu aveți o aplicație Facebook, atunci puteți elimina linia 13 din cod.
Întrebări frecvente despre Open Graph pentru Facebook
Am ajutat mii de utilizatori să își configureze setările de partajare socială, iar câteva întrebări apar destul de des. Iată răspunsurile la cele mai frecvente întrebări despre adăugarea metadatelor Open Graph pentru Facebook.
1. Cum pot testa dacă etichetele mele Open Graph funcționează corect?
Cea mai bună modalitate de a-ți verifica tag-urile este cu instrumentul oficial de depanare pentru partajare de la Facebook, Sharing Debugger. Introdu pur și simplu URL-ul postării sau paginii tale, iar instrumentul îți va arăta o previzualizare a modului în care va arăta atunci când este partajat și va lista orice erori sau avertismente pe care le găsește.
2. Care este cea mai bună dimensiune a imaginii pentru o imagine Open Graph pe Facebook?
Pentru cele mai bune rezultate pe ecranele de înaltă rezoluție, Facebook recomandă utilizarea imaginilor de cel puțin 1200 x 630 pixeli. Este important să menții un raport de aspect de 1.91:1 pentru a preveni decuparea neplăcută a imaginii tale.
3. De ce afișează Facebook imaginea greșită chiar și după ce am setat una?
Aceasta este, de obicei, o problemă de caching. Facebook salvează datele Open Graph pe care le vede prima dată pentru un URL. Dacă actualizezi imaginea, trebuie să îi spui Facebook-ului să verifice din nou, rulând URL-ul prin instrumentul Sharing Debugger și făcând clic pe butonul „Scrape Again”.
4. Tag-urile Open Graph afectează SEO-ul site-ului meu?
Deși tag-urile Open Graph nu afectează direct clasamentul motoarelor de căutare, ele au un efect indirect puternic. O partajare socială convingătoare și cu aspect profesional duce la rate de clic mai mari și la mai mult trafic, care sunt semnale pozitive pentru motoarele de căutare.
Resurse suplimentare despre Facebook și WordPress
Sperăm că acest articol v-a ajutat să adăugați metadatele Facebook Open Graph în WordPress. S-ar putea să doriți să vedeți și alte ghiduri legate de modul în care puteți utiliza Facebook în WordPress:
- Cele mai bune sfaturi și tutoriale Facebook pentru utilizatorii WordPress
- Cum să postați automat pe Facebook din WordPress
- Cum să instalezi și să configurezi comentariile Facebook în WordPress
- Cum să creezi un flux Facebook personalizat în WordPress
- Cum să afișați recenziile paginii dvs. de Facebook în WordPress
- Cum să remediezi problema cu miniatura incorectă pe Facebook în WordPress
- Cum să afișați Twitter-ul și Facebook-ul autorului pe pagina de profil
- Cum să creezi o pagină de destinație pentru reclame Facebook în WordPress
- Cum să remediați problema oEmbed Facebook și Instagram în WordPress
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
wpbeginner
@SteveJoseph@joshuatj Josh, nu știu când ai verificat ultima dată pluginul, dar pluginul nostru are suport complet pentru og:description. A fost acolo încă de la versiunea 0.1.2. Iată jurnalul de modificări:http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/changelog/In în versiunea 0.1.3, am îmbunătățit codul de descriere pentru a căuta efectiv codul de descriere al pluginului Yoast și, dacă acesta nu există, atunci preia rezumatul postării, dacă acesta există.
SteveJoseph
@joshuatj Bun punct și mulțumesc din nou pentru linkuri și pentru ajutorul tău. Este foarte apreciat. Între Linter și plugin-ul Yoast ar trebui să fie în regulă. Toate cele bune.
joshuatj
@SteveJoseph Sau puteți aștepta până când Facebook își face rularea Lint.
SteveJoseph
@joshuatj Am încercat linter înainte, dar asta a corectat doar prima postare. Restul încă afișează copia veche. Am realizat însă că dacă fac lint pe fiecare pagină unică, atunci afișează informațiile corecte, ceea ce ai postat mai sus. Enervant, dar cred că asta va trebui să folosesc deocamdată sau să verific linkul pe care l-ai furnizat și să văd dacă acel plugin funcționează pentru mine. Mulțumesc mult, prietene! Salutări.
joshuatj
@SteveJoseph Oops, ai dreptate, am făcut o greșeală de scriere acolo. Am vrut să spun „Yoast”. http://yoast.com/wordpress/seo/But de fapt, Yoast face mai mult decât să rezolve problema og-description, deci s-ar putea să nu fie ceea ce vrei. Am folosit doar URL Linter (http://developers.facebook.com/tools/lint/) pentru site-ul tău. Pare să afișeze această descriere „Future Tomorrow este pseudonimul online, site-ul de portofoliu și blogul lui Steve Joseph. Cu peste 14 ani de experiență creativă în mai multe discipline și cunoștințe care depășesc cu mult „doar a fi un creativ”, sunt multe de împărtășit, dar încă mai sunt multe de învățat.”. Este ceea ce vrei în câmpul de descriere? Încearcă din nou „partajare pe Facebook”?
SteveJoseph
@joshuatj Mulțumesc pentru răspuns joshuatj. Din păcate, o căutare după „Yeost Facebook Plugin” sau „Yeost Plugin” nu a returnat rezultate utile în ghidarea mea către această posibilă soluție. Aveți un link direct?
Am încercat, de asemenea, să caut „Yoast”, gândindu-mă că ar fi putut exista o greșeală de scriere în răspunsul dvs. și tot nu am ajuns la o soluție. Orice ajutor suplimentar ar fi foarte apreciat. Mulțumesc pentru timpul acordat.
joshuatj
@SteveJoseph Nu cred că acest plugin se ocupă de descriere. Încearcă-l pe cel al lui Yeost?
SteveJoseph
scuze pentru lipsa linkului – http://futuretomorrow.net/blog/ – dă clic pe „share this on Facebook” pe orice postare pentru a vedea ce se întâmplă în detaliu vizual. Mulțumesc din nou.
SteveJoseph
Salut,
Am încercat atât plugin-ul, cât și metoda cu codul și niciuna nu a funcționat. Când dau clic pe „partajați acest articol pe Facebook” de pe blogul meu, titlul meu este corect, URL-ul este corect, imaginea este corectă, dar descrierea este veche și incorectă. Există o actualizare a codului sau a plugin-ului unde „descrierea” este afișată corect? Mulțumesc anticipat.
Salutări,
Steve
joshuatj
Plugin-ul este grozav! Mulțumesc wpbeginner! Totuși, ar fi grozav dacă am putea adăuga și conținutul „descriere” pentru tag-ul meta <meta property=”og:description” content=””>
ExpandSM
scuze, site-ul este http://societyofsocialpreneurs.com/blog
ExpandSM
Mulțumesc pentru acest plugin! Am un blog care este și un site Buddypress și nu pot face să extragă rezumatul postării. Aveți sugestii?
jaffa
@wpbeginner Vă mulțumesc pentru răspuns.
Îmi dau seama că devin cea mai mare pacoste pe acest fir și aceasta va fi ultima mea întrebare:
Folosesc funcția catch that image și tim thumb pe site-ul meu și mă întrebam cum sau dacă aș putea implementa asta în această funcție pentru a înlocui codul care caută o imagine de prezentare?
Uneori nu folosesc imaginea de prezentare, așa că ar fi util dacă scriptul ar putea căuta pur și simplu prima imagine din postare și dacă aceasta nu există, atunci să folosească imaginea implicită.
Thanks in advance
dbrabyn
@wpbeginner @dbrabyn Corect. Am încercat și pentru un articol fără imagine principală, dar cu o imagine de postare, FB Lint îmi spune: „URL-ul imaginii nu este conform cu RFC2396 și nu va fi afișat corect.” Absența unei imagini implicite este, de asemenea, o problemă. Mulțumesc oricum.
wpbeginner
@jaffa Dacă nu aveți aceste meta tag-uri, iar utilizatorul APRECIAZĂ o postare folosind butonul de apreciere de pe blogul dvs. (FB va alege o imagine aleatorie pentru ei)… Acum, dacă pun link-ul pe profilul lor de Facebook (atunci vor avea opțiunea)… De cele mai multe ori, oamenii apasă pe butonul de apreciere, apoi copiază efectiv link-ul și îl lipesc în caseta de stare de pe Facebook. Acest plugin rezolvă de fapt această problemă.
wpbeginner
@dbrabyn Plugin-ul pe care îl avem în depozit face de fapt asta. Caută imaginea de prezentare și dacă nu găsește nicio imagine de prezentare, revine la prima imagine a postării... Snippet-ul din această postare nu face asta. Folosește doar plugin-ul.
jaffa
În sfârșit am reușit să fac asta să funcționeze cu ajutorul wpbeginner!
Am o întrebare totuși, când partajez o pagină care nu are imagini în conținut, se folosește imaginea implicită. Este posibil să specific mai mult de o imagine implicită?
De asemenea, am observat că dacă partajez pagina principală a site-ului, am o alegere dintre toate imaginile de pe pagină de unde să aleg, dar când partajez o pagină normală sunt forțat să folosesc doar imaginea implicită. Există o modalitate de a vedea toate imaginile de pe pagină?
Mulțumesc
dbrabyn
Există vreo modalitate de a face această funcție să preia prima imagine din postare, apoi imaginea principală, apoi imaginea implicită? Exact ca get_the_image.
jaffa
@wpbeginner voi face asta!
Thank you so much
wpbeginner
@jaffa Dacă ne trimiteți un e-mail folosind formularul de contact, îl putem analiza cu siguranță și vă putem ajuta să faceți acest lucru să funcționeze.
jaffa
@wpbeginner Nu este că nu sunt mulțumit de articolul de aici, ci doar că nu reușesc să-l fac să funcționeze. Vizitez mereu acest site, deoarece m-a ajutat foarte mult și mi-a permis să învăț multe despre wp.
Nu am reușit să fac opengraph să funcționeze și apoi am început să caut în altă parte online, ceea ce m-a condus la alte articole care m-au încurcat cu adevărat. Apoi m-am întors aici pentru a încerca din nou. Poate am făcut ceva greșit sau există ceva greșit în tema mea care o împiedică să funcționeze. Asta am vrut să spun prin „voi înțelege”
Apreciez răspunsurile și ajutorul tău.
Mulțumesc.
wpbeginner
@jaffa Nu ai nevoie de o aplicație dacă nu vrei. Poți încă să recuperezi analize pentru butoanele tale de like prin contul tău personal. Nu este nimic de înțeles deoarece articolul explică totul, dar dacă tot nu ești mulțumit, atunci sigur, cercetează mai departe.
jaffa
@wpbeginner ok, mulțumesc!
Alte articole sugerau că este necesară crearea unei aplicații, de aceea am fost confuz. Lasă, o să-mi dau seama.
wpbeginner
@jaffa NU TREBUIE să creați o aplicație Facebook pentru acest tutorial. Va funcționa indiferent. Avem aplicația pe pagina noastră din alte motive care nu au legătură cu tutorialul menționat în acest articol…
jaffa
@wpbeginner mulțumesc pentru răspunsul tău. Eram foarte confuz :s
Trebuie să creez o aplicație Facebook pentru ca acest open graph să funcționeze corect? Tocmai am verificat codul sursă al acestei pagini și aveți un câmp ‘fb:app_id’ care nu este inclus în codul de mai sus?
Îmi cer scuze pentru toate întrebările, dacă cineva mă poate îndruma către o documentație despre open graph, voi încerca cu bucurie să găsesc câteva răspunsuri și să revin și să împărtășesc orice informație aș putea găsi.
Mulțumesc
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 Nu este același lucru cu un ID de aplicație…. ID-ul tău personal de utilizator este diferit.
jaffa
Aceasta poate părea o întrebare foarte stupidă, dar pentru ca acest lucru să funcționeze, trebuie să creezi mai întâi o aplicație Facebook? Am doar o pagină obișnuită de Facebook și nimic altceva și am încercat acest cod de multe ori, dar tot nu reușesc să-l fac să funcționeze. Când îl rulez prin instrumentul linter, primesc eroarea: ID aplicație invalid.
Exemplul de ID UTILIZATOR de mai sus este același cu un ID de aplicație sau nu?
jbjb3077
@jbjb3077 te rog verifică asta….
mark.bravura
Mulțumesc din nou pentru răspunsul rapid. Și aceasta este esența întrebării mele… pluginul Facebook Open Graph Meta For WordPress preia corect toate metadatele, cu excepția datelor de tip rezumat/descriere. De aceea mă întreb cum să îl ajustez manual. Aveți sugestii?
wpbeginner
@mark.bravura Titlul postării tale este preluat ca titlu. Rezumatul tău este preluat ca descriere. Imaginea ta principală (miniatura) este preluată ca miniatură. Modifică oricare dintre acestea și poți modifica datele og.
mark.bravura
Mulțumesc pentru răspunsul rapid. Deci, există o modalitate rezonabil de ușoară de a ajusta manual (accesa/modifica) datele OG?
wpbeginner
@mark.bravura Informația este de fapt deja stocată în baza ta de date. Acest plugin doar o afișează.
mark.bravura
Salut,
Când folosesc pluginul de metadate OG, în ce fișier PHP stochează tagurile? Mulțumesc!
Liverpoolfcblog
Salut wpbeginner @wpbeginner , codul funcționează bine. Mulțumesc pentru asta.
Am doar o întrebare. Am rulat articole individuale prin linter-ul facebook și toate au părut în regulă. Cu toate acestea, când am rulat pagina mea de pornire, îmi spune asta:
Proprietate obligatorie lipsă og:title este obligatoriu
Proprietate obligatorie lipsă og:type este obligatorie
Proprietate obligatorie lipsă og:url este obligatorie
Proprietate obligatorie lipsă og:image este obligatorie
Am observat asta în cod: if ( !is_singular()) //dacă nu este un post sau o pagină return;
Adăugarea celor patru de mai sus afectează modul în care Facebook vede site-ul meu? De exemplu, îl va categorisi ca un site web și va afișa Titlul?
Salutări.
Personal editorial
Puteți elimina elementul is_singular și afișa acest lucru pe pagina de pornire… Majoritatea, dacă nu toate blogurile WordPress sunt partajate doar de pe pagina postării unice. Aceasta este, de asemenea, pagina unde butonul Like este proeminent.
Admin
jbjb3077
salut imaginile mele de postare sunt într-un câmp personalizat (thumb) am avut un hack cu versiunea anterioară, dar acum nu-mi dau seama cum să adaug asta. vă rog să mă ajutați. acesta este codul pe care l-am înlocuit
if ( get_post_meta($post->ID, ‘thumb’, true) ) { //postarea are imagine de prezentare $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=”imaginea mea de pe site într-un fișier.jpg”/>’; } echo “n”;
Danny Foo
Încă am problema miniaturilor chiar și după ce am făcut metoda funcției.
Apropo, trebuie să actualizezi xmlns:og? Documentația Open Graph de la Facebook o menționează ca; http://ogp.me/ns#
Nurul Imam
Mulțumesc… Succes adăugând această funcție la temele mele
jaffa
@Elliot – Tema suportă miniaturi pentru postări, folosesc o temă copil a Twenty Ten
Aici am adăugat o copie a codului din functions.php pentru a adăuga suport pentru imagini miniaturale;
http://pastebin.com/7Cw480Xy
Poate am făcut ceva greșit aici?
jaffa
Mulțumesc Daniel, adăugarea acestuia a ajutat la eliminarea erorilor pe care le primeam înainte, dar acum îmi spune că lipsesc titlul, URL-ul, imaginea și tipul, chiar dacă sunt acolo.
De asemenea, afișează imaginea greșită, nu pare să preia imaginea din articol, ci o imagine aleatorie de pe pagină.
Nu am nicio idee de ce nu reușesc să fac asta să funcționeze, voiam să evit să folosesc plugin-ul, dar poate asta este calea pe care trebuie să o urmez.
Mulțumesc băieți pentru ajutor.
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
Mulțumesc Daniel pentru încercarea de a ajuta.
Cred că va trebui să renunț și eu, nu pot să-mi pierd tot timpul cu asta.
Ar fi fost grozav dacă ar fi funcționat pentru mine.
Elliott, tipul de web design
Presupun că l-ai re-scrapat cu instrumentul linter înainte de a-l testa din nou, ai introdus codul în functions.php sau în header.php?
jaffa
Da, am urmat sfatul tău și am folosit instrumentul linter, dar tot nu am reușit.
Și am plasat codul în functions.php.
Elliott, tipul de web design
Tema ta suportă miniaturi pentru postări?
jaffa
Am adăugat codul în fișierul meu de funcții și apoi am urmat articolul dvs. despre cum să adăugați butonul Like și Send și totul a părut să fie în regulă, dar astăzi, când clientul meu a postat un link pe peretele FB către cel mai recent articol, nu a existat nicio opțiune de a selecta o imagine care să însoțească articolul.
Nu pot înțelege ce a mers greșit sau cum să remediez asta. Presupun că este codul FB pe care l-am adăugat și care a cauzat acest lucru, deoarece nu am făcut alte modificări.
Ai vreo idee ce ar putea fi problema?
Personal editorial
Da, îți ia opțiunea de a alege imagini... Codul alege IMAGINEA pentru tine. Alege miniatura postării și o trimite ca imagine pentru acel articol.
Admin
jaffa
Mulțumesc pentru răspuns.
Nu mi-am dat seama că a eliminat acea opțiune. Dar tot nu înțeleg de ce nu a afișat miniatura când am inclus o imagine miniatură. Pur și simplu nu era nicio imagine acolo.
Când vizualizez sursa, pot vedea un link către imagine în câmpul og:image.
Aș vrea să pot face să funcționeze, s-ar putea să trebuiască să încerc pluginul.
Încă un singur lucru, am definit un număr de dimensiuni diferite de miniaturi în tema mea pentru a le folosi în diverse locuri, așa că în loc să apeleze imaginea de dimensiune „medium”, trebuie să o setez să apeleze una dintre miniaturile mele definite??
Scuze pentru comentariul lung și confuz, sunt începător!
Elliott, tipul de web design
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
Mulțumesc Elliott, instrumentul Linter la care ați furnizat un link a fost destul de util.
După ce am trecut un URL prin el, mesajul de eroare pe care l-am primit a fost:
Câmpul fb:admins a conținut niște ID-uri invalide, am observat că ID-ul paginii mele are 15 caractere, dar cel folosit în exemplul de mai sus are doar 10.
Celălalt mesaj pe care l-am primit a fost:
Ați pus ID-ul aplicației în câmpul fb:admins. Ar trebui să fie în fb:app_id
Ar trebui să existe un câmp suplimentar pentru app_id în codul de mai sus?
Sunt puțin confuz acum…
Daniel Chenery
@Jaffa Ceea ce trebuie să faci este să adaugi
Ar trebui să rezolve.
Daniel Chenery
Îmi pare rău, am crezut că eticheta
codeva păstra etichetele, se pare că nu. Permiteți-mi să încerc să postez asta din nou<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”Your_Profile_ID”/>
Gretchen
Nu văd un câmp pentru imaginea implicită – doar pentru ID și numele site-ului. Lipsesc ceva?
Personal editorial
Am actualizat plugin-ul pentru a remedia o eroare legată de imaginea implicită. Acum, verifică dacă postarea ta are o miniatură… Dacă nu are, atunci alege prima imagine din postarea ta. Avem planuri să readucem în curând funcționalitatea imaginii implicite.
Admin
Gretchen
Bun! Îmi place cu siguranță funcția de imagine implicită, deoarece nu toate postările mele au imagini.
Mulțumesc pentru pluginul grozav!
Ayanna Mitchell
Am instalat pluginul… dar nu există niciun loc unde să adaug o imagine implicită. Vă rog să mă ajutați.
Personal editorial
Uitați-vă la răspunsul nostru către 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.
este necesar și de ce crezi că temele mele nu declanșează asta?
Personal editorial
Nu va face nimic dacă tema ta nu include un cod standard (atribute de limbă) pe care toate temele WordPress ar TREBUI să le includă.
Admin
Ovidiu
Îmi lipsește includerea acestui cod: `’ xmlns:og=”http://opengraphprotocol.org/schema/” xmlns:fb=”http://www.facebook.com/2008/fbml”‘`
fișierul meu header.php are asta în partea de sus:
`
`
ce e greșit cu asta? ce îmi lipsește?
Ovidiu
ok se pare că este filtrat… iată un link către pastebin: http://pastebin.com/vrsVzFhU
Sheryl
Am instalat plugin-ul open graph pe wordpress. Am configurat setările, înlocuind numele afacerii mele cu numele de pe URL-ul pe care l-ați postat.
Acum ce?? Ce fac mai departe pentru a obține butonul de trimitere sub butonul meu de apreciere?
Personal editorial
Uită-te la articolul nostru despre butonul de trimitere. Poți folosi și pluginul nostru SmartSharing.
Admin
Thnok
Unde trebuie să adaug codul în functions.php? La început sau unde?
Pluginul nu funcționează.
Preston
Acest lucru este grozav. Aveți vreo îndrumare despre cum să modificați acest lucru, astfel încât Facebook să extragă un rezumat din conținutul scris? Plugin-ul nu accesează conținutul, ci ia numele autorului, categoriile și data. Păreri?
Elliott, tipul de web design
da, doar adaugă asta după prima instrucțiune if:
echo ‘<meta property="og:description" content="” />’;
Preston
Am încercat să adaug acel cod și am primit o eroare fatală care a dezactivat plugin-ul. Nu pot să-mi dau seama de ce.
Elliott, tipul de web design
se pare că comentariile nu permit anumite marcaje, urmăriți-mă pe twitter și vă voi trimite codul prin DM.
Conținutul ar trebui să conțină funcția wp the_excerpt()
Gretchen
Presupun că dacă avem o pagină de Facebook pentru site, vom introduce ID-ul paginii, nu cel al profilului meu personal de Facebook?
Chris Bracco
Acest cod adaugă tag-urile OG doar postărilor și paginilor individuale. Aș dori ca tag-urile să apară pe toate paginile mele și nu pot găsi o modalitate simplă de a realiza acest lucru. Aveți idei?
Personal editorial
Aveți butoane individuale de tip like / send pe paginile de arhivă, categorii, etichete??? Butoanele de like sunt bune doar pe postări / pagini individuale, de aceea codul adaugă asta. Singurul alt buton de like adăugat pe site este (Like Box) pentru pagina de Facebook a site-ului. Care nu necesită aceste informații.
Dar dacă trebuie, atunci eliminați instrucțiunea condițională !is_singular.
Admin
Daniel Chenery
Cu siguranță pare mai ușor să introduci informațiile direct în header.php? Sunt sigur că am citit un tutorial despre asta odată.
Personal editorial
Puteți să o codificați direct în header.php, dar este un proces în mai mulți pași, deoarece trebuie să editați doctype, apoi să adăugați celelalte meta tag-uri… Acesta este un proces într-un singur pas. Copiați și Gata. Sau instalați plugin-ul și Gata. Dacă folosiți plugin-ul, atunci sunteți și mai avantajați, deoarece tag-urile rămân chiar și atunci când schimbați temele.
Admin