Je me souviens encore de la frustration que j'ai ressentie en partageant l'un de mes premiers articles de blog sur Facebook, pour voir qu'il affichait une image complètement aléatoire et pixellisée. Après avoir passé des heures sur le contenu, il était décourageant de le voir mal représenté avant même que quiconque ait eu la chance de cliquer.
Cela se produit lorsqu'un site Web ne donne pas aux plateformes de médias sociaux des instructions claires sur ce qu'il faut afficher. Sans ces directives, Facebook doit deviner, et il devine souvent mal.
Ici, chez WPBeginner, nous avons maîtrisé le contrôle de l'apparence de nos partages sociaux à l'aide des métadonnées Open Graph. Dans ce guide, nous vous présenterons les méthodes éprouvées que nous utilisons, afin que vous puissiez vous assurer que votre contenu est toujours à son meilleur lorsqu'il est partagé.
Vous pouvez utiliser les liens rapides ci-dessous pour accéder directement à la méthode qui vous intéresse le plus :
- Ajout de métadonnées Open Graph de Facebook avec AIOSEO
- Définir les métadonnées Open Graph de Facebook à l'aide de Yoast SEO
- Ajout de métadonnées Open Graph Facebook à l'aide de code
- Foire aux questions sur Open Graph Facebook
- Ressources supplémentaires sur Facebook et WordPress
Important : Veuillez choisir une seule des méthodes ci-dessous. L'utilisation de plusieurs plugins SEO ou l'ajout de code manuellement pendant qu'un plugin est actif peut créer des balises Open Graph conflictuelles, ce qui peut entraîner des résultats de partage inattendus. Nous recommandons la méthode 1 utilisant AIOSEO pour la configuration la plus simple et la plus complète.
Méthode 1 : Ajout de métadonnées Open Graph de Facebook avec AIOSEO
All in One SEO est un plugin SEO WordPress populaire utilisé par plus de 3 millions de sites Web. Il vous permet d'optimiser facilement votre site Web pour les moteurs de recherche ainsi que pour les plateformes sociales comme Facebook et Twitter.
Tout d'abord, vous devez installer et activer le plugin gratuit All in One SEO. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Après l'activation, vous devez visiter la page All in One SEO » Réseaux sociaux. Ici, vous pouvez entrer l'URL de votre page Facebook et tous vos autres réseaux sociaux.
Ensuite, cliquez sur l'onglet Facebook en haut de la page, et vous verrez que le balisage Open Graph est activé par défaut.
Vous pouvez cliquer sur le bouton « Télécharger ou sélectionner une image » pour choisir une image OG Facebook par défaut si un article n'a pas d'image Open Graph.
Si vous faites défiler vers le bas, vous pouvez personnaliser le nom de votre site, la description et d'autres paramètres. N'oubliez pas de cliquer sur le bouton bleu « Enregistrer les modifications » une fois que vous avez terminé.
Maintenant que vous avez défini les métabalises Open Graph pour l'ensemble du site, l'étape suivante consiste à ajouter des métadonnées Open Graph pour les articles et les pages individuels.
Par défaut, AIOSEO utilise le titre SEO et la méta-description de votre article pour le titre et la description Open Graph. Vous pouvez également définir manuellement la miniature Facebook pour chaque page et article.
Modifiez simplement l'article ou la page et faites défiler vers le bas jusqu'à la section « Paramètres AIOSEO » sous l'éditeur. De là, passez à l'onglet Social, et vous verrez un aperçu de votre miniature.
Vous pouvez définir l'image des médias sociaux ici, ainsi que le titre et la description.
Faites simplement défiler vers le bas jusqu'au champ « Source de l'image ». Vous pouvez choisir d'utiliser l'image mise en avant, de télécharger une image personnalisée ou d'autres options.
Méthode 2 : Définir les métadonnées Open Graph Facebook à l'aide de Yoast SEO
Yoast SEO est un autre plugin SEO WordPress que vous pouvez utiliser pour ajouter des métadonnées Facebook Open Graph à n'importe quel site WordPress.
La première chose à faire est d'installer et d'activer le plugin Yoast SEO. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Une fois activée, la donnée Facebook Open Graph est activée par défaut.
Vous pouvez vérifier cela en allant dans Yoast SEO » Paramètres et en faisant défiler jusqu'à la section Partage sur les réseaux sociaux. Vous pouvez maintenant vous assurer que la fonctionnalité de données Open Graph est activée.
Vous pouvez enregistrer vos paramètres ou continuer et configurer d'autres options sociales Facebook.
Vous pouvez fournir un identifiant d'application Facebook si vous en utilisez un pour votre page et vos statistiques Facebook. Vous pouvez également modifier le titre, la description et l'image de votre page d'accueil Open Graph.
Enfin, vous pouvez définir une image par défaut à utiliser lorsqu'aucune image n'est définie pour un article ou une page.
La version Premium de Yoast SEO vous permet également de définir des métadonnées Open Graph pour des articles et des pages individuels. Modifiez simplement un article ou une page et faites défiler vers le bas jusqu'à la section « Yoast SEO » sous l'éditeur.
À partir de là, vous pouvez définir une miniature Facebook pour cet article ou cette page particulier(e). Si vous ne définissez pas de titre ou de description d'article, le plugin utilisera votre titre et votre description méta SEO.
Vous pouvez maintenant enregistrer votre article ou votre page, et le plugin stockera vos métadonnées Facebook Open Graph.
Méthode 3 : Ajout de métadonnées Facebook Open Graph via le code
Cette méthode vous oblige généralement à copier et coller du code dans le fichier functions.php de votre thème. Cependant, nous vous recommandons d'ajouter le code à l'aide du plugin WPCode à la place, ce qui rend plus facile et plus sûr l'ajout de code personnalisé dans WordPress.
WPCode est également livré avec une bibliothèque d'extraits de code prêts à l'emploi, y compris un pour l'ajout de balises Open Graph de base, il ne faut donc que quelques clics.
Tout d'abord, installez et activez le plugin gratuit WPCode. Pour plus de détails, veuillez consulter notre guide sur comment installer un plugin WordPress.
Après l'activation, vous pouvez aller dans Extraits de code » + Ajouter un extrait depuis votre tableau de bord WordPress.
Recherchez l'extrait « Ajouter les balises Open Graph de base » dans la bibliothèque. Une fois que vous l'avez trouvé, survolez-le et cliquez sur le bouton « Utiliser l'extrait ».
Ensuite, WPCode ajoutera automatiquement le code pour vous, ainsi que définira l'en-tête de tout le site comme emplacement de la méthode d'insertion.
Après cela, tout ce que vous avez à faire est de basculer l'extrait sur « Actif » et de cliquer sur le bouton « Mettre à jour ». Votre thème commencera maintenant à afficher les métadonnées Facebook Open Graph dans l'en-tête WordPress.
Si vous êtes un utilisateur avancé, vous pouvez toujours copier et coller le code ci-dessous dans le fichier functions.php de votre thème.
Étant donné que cela nécessite de modifier directement les fichiers de votre thème, assurez-vous de sauvegarder les fichiers de votre thème avant d'apporter des modifications.
//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 );
N'oubliez pas d'ajouter le nom de votre site à la ligne 17, où il est indiqué « Your Site Name Goes Here ». Après cela, vous devriez remplacer l'URL de l'image par défaut à la ligne 19 par l'une de vos propres URL d'image.
Nous vous recommandons d'y mettre une image avec votre logo, de sorte que si votre article n'a pas de miniature, il utilise le logo de votre site.
Vous devez également ajouter votre propre identifiant d'application Facebook à la ligne 13. Si vous n'avez pas d'application Facebook, vous pouvez supprimer la ligne 13 du code.
Foire aux questions sur Open Graph Facebook
Nous avons aidé des milliers d'utilisateurs à configurer leurs paramètres de partage social, et quelques questions reviennent très souvent. Voici les réponses aux questions les plus courantes sur l'ajout de métadonnées Open Graph Facebook.
1. Comment puis-je tester si mes balises Open Graph fonctionnent correctement ?
La meilleure façon de vérifier vos balises est d'utiliser l'outil officiel de Facebook, le Débogueur de partage. Entrez simplement l'URL de votre publication ou de votre page, et l'outil vous montrera un aperçu de son apparence lorsqu'elle sera partagée, ainsi que les erreurs ou avertissements qu'il trouve.
2. Quelle est la meilleure taille d'image pour une image Open Graph Facebook ?
Pour de meilleurs résultats sur les écrans haute résolution, Facebook recommande d'utiliser des images d'au moins 1200 x 630 pixels. Il est important de conserver un rapport d'aspect de 1,91:1 pour éviter que votre image ne soit rognée de manière disgracieuse.
3. Pourquoi Facebook affiche-t-il la mauvaise image même après que j'en ai défini une ?
Il s'agit généralement d'un problème de mise en cache. Facebook enregistre les données Open Graph qu'il voit pour la première fois pour une URL. Si vous mettez à jour l'image, vous devez indiquer à Facebook de vérifier à nouveau en passant l'URL par l'outil Débogueur de partage et en cliquant sur le bouton « Gratter à nouveau ».
4. Les balises Open Graph affectent-elles le référencement de mon site web ?
Bien que les balises Open Graph n'affectent pas directement votre classement dans les moteurs de recherche, elles ont un fort effet indirect. Un partage social attrayant et professionnel entraîne des taux de clics plus élevés et plus de trafic, ce qui sont des signaux positifs pour les moteurs de recherche.
Ressources supplémentaires sur Facebook et WordPress
Nous espérons que cet article vous a aidé à ajouter les métadonnées Facebook Open Graph dans WordPress. Vous voudrez peut-être aussi consulter d'autres guides sur la façon d'utiliser Facebook dans WordPress :
- Meilleurs conseils et tutoriels Facebook pour les utilisateurs de WordPress
- Comment publier automatiquement sur Facebook depuis WordPress
- Comment installer et configurer les commentaires Facebook dans WordPress
- Comment créer un flux Facebook personnalisé dans WordPress
- Comment afficher les avis de votre page Facebook dans WordPress
- Comment corriger le problème de miniature incorrecte de Facebook dans WordPress
- Comment afficher Twitter et Facebook de l'auteur sur la page de profil
- Comment créer une page de destination pour les publicités Facebook dans WordPress
- Comment corriger le problème d'oEmbed de Facebook et Instagram dans WordPress
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
wpbeginner
@SteveJoseph@joshuatj Josh, je ne suis pas sûr de quand vous avez vérifié le plugin pour la dernière fois, mais notre plugin prend entièrement en charge og:description. Il est là depuis la version 0.1.2. Voici le journal des modifications :http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/changelog/In Dans la version 0.1.3, nous avons amélioré le code de description pour rechercher le code de description du plugin Yoast, et si celui-ci n'existe pas, il récupère l'extrait du post s'il existe.
SteveJoseph
@joshuatj Bonne remarque et merci encore pour les liens et votre aide. J'apprécie beaucoup. Entre Linter et le plugin Yoast, je devrais m'en sortir. Tout le meilleur.
joshuatj
@SteveJoseph Ou vous pouvez attendre que Facebook fasse son exécution Lint.
SteveJoseph
@joshuatj J'ai déjà essayé linter mais cela n'a corrigé que le premier post. Les autres affichent toujours l'ancienne copie. Je viens cependant de réaliser que si je fais un lint de chaque page unique, cela affiche les bonnes informations, ce que vous avez posté ci-dessus. Agaçant, mais je suppose que c'est ce que je devrai utiliser pour l'instant ou consulter le lien que vous avez fourni et voir si ce plugin me convient. Merci beaucoup, mon ami ! Santé.
joshuatj
@SteveJoseph Oups, vous avez raison, j'ai fait une faute de frappe. Je voulais dire « Yoast ». http://yoast.com/wordpress/seo/But en fait, Yoast fait plus que résoudre le problème de la description og, donc ce n'est peut-être pas ce que vous voulez. J'ai juste utilisé URL Linter (http://developers.facebook.com/tools/lint/) pour votre site. Il semble afficher cette description « Future Tomorrow est le pseudonyme collectif en ligne, le site portfolio et le blog de Steve Joseph. Avec plus de 14 ans d'expérience créative dans plusieurs disciplines et des connaissances qui dépassent largement « le simple fait d'être un créatif », il y a beaucoup à partager mais encore plus à apprendre. ». Est-ce ce que vous voulez dans le champ de description ? Essayez à nouveau « partager sur Facebook » ?
SteveJoseph
@joshuatj Merci pour votre réponse joshuatj. Malheureusement, une recherche de « Yeost Facebook Plugin » ou « Yeost Plugin » n'a donné aucun résultat utile pour me guider vers cette solution possible. Avez-vous un lien direct ?
J'ai également essayé de rechercher « Yoast » en pensant qu'il y avait peut-être une faute de frappe dans votre réponse et cela ne m'a toujours pas mené à une solution. Toute aide supplémentaire serait grandement appréciée. Merci pour votre temps.
joshuatj
@SteveJoseph Je ne pense pas que ce plugin gère la description. Essayez celui de Yeost ?
SteveJoseph
désolé pour le lien – http://futuretomorrow.net/blog/ – cliquez sur « partager ceci sur Facebook » sur n'importe quel article pour voir ce qui se passe en détail visuel. Merci encore.
SteveJoseph
Bonjour,
J'ai essayé votre plugin et la méthode de code, et aucun n'a fonctionné. Lorsque je clique sur « partager ceci sur Facebook » depuis mon blog, mon titre est correct, l'URL est correcte, l'image est correcte, mais la description est ancienne et incorrecte. Y a-t-il une mise à jour du code ou du plugin où la « description » est correctement affichée ? Merci d'avance.
Cordialement,
Steve
joshuatj
Le plugin est génial ! Merci wpbeginner ! Cependant, ce serait génial si nous pouvions également ajouter le contenu de la « description » pour la balise meta <meta property="og:description" content="">
ExpandSM
désolé, le site est http://societyofsocialpreneurs.com/blog
ExpandSM
Merci pour ce plugin ! J'ai un blog qui est aussi un site Buddypress et je n'arrive pas à faire apparaître l'extrait du post. Des suggestions ?
jaffa
@wpbeginner Merci pour votre réponse.
Je me rends compte que je deviens le plus gros casse-pieds de ce fil et ce sera ma dernière question :
J'utilise les fonctions catch that image et tim thumb sur mon site et je me demandais comment, ou si, je pouvais implémenter cela dans cette fonction pour remplacer le code qui recherche une image mise en avant ?
Parfois, je n'utilise pas l'image mise en avant, donc ce serait pratique si le script pouvait simplement rechercher la première image du message et, si elle n'est pas là, utiliser celle par défaut.
Thanks in advance
dbrabyn
@wpbeginner @dbrabyn Je comprends. Je viens d'essayer et pour un message sans image mise en avant mais avec une image de message, FB Lint me dit « L'URL de l'image n'est pas conforme à la RFC2396 et ne s'affichera pas correctement ». L'absence d'image par défaut est également un problème. Merci quand même.
wpbeginner
@jaffa Si vous n'avez pas ces balises meta, et que l'utilisateur AIME un message en utilisant le bouton like sur votre blog (FB choisira une image aléatoire pour lui)... Maintenant, s'il met le lien sur son profil Facebook (alors il aura une option)... La plupart du temps, les gens cliquent sur le bouton like plutôt que de copier le lien et de le coller dans leur statut Facebook. Ce plugin résout ce problème.
wpbeginner
@dbrabyn Le plugin que nous avons dans le répertoire fait en fait cela. Il recherche l'image mise en avant et s'il n'en trouve pas, il utilise la première image du message... L'extrait de ce message ne fait pas cela. Utilisez simplement le plugin.
jaffa
J'ai enfin réussi à faire fonctionner cela avec l'aide de wpbeginner !
J'ai une question cependant, lorsque je partage une page qui n'a pas d'images dans le contenu, l'image par défaut est utilisée. Est-il possible de spécifier plus d'une image par défaut ?
De plus, j'ai remarqué que si je partage la page d'accueil du site Web, j'ai le choix entre toutes les images de la page, mais lorsque je partage une page normale, je suis obligé de n'utiliser que l'image par défaut. Y a-t-il un moyen de voir toutes les images de la page ?
Merci
dbrabyn
Y a-t-il un moyen de faire en sorte que cette fonction récupère la première image de l'article, puis l'image mise en avant, puis l'image par défaut ? Tout comme le fait get_the_image.
jaffa
@wpbeginner je le ferai !
Thank you so much
wpbeginner
@jaffa Si vous nous envoyez un e-mail via le formulaire de contact, nous pourrons certainement examiner la question et vous aider à faire fonctionner cela.
jaffa
@wpbeginner Ce n'est pas que je ne suis pas satisfait de l'article ici, c'est juste que je n'arrive pas à le faire fonctionner. Je visite toujours ce site car il m'a beaucoup aidé et m'a permis d'apprendre beaucoup sur wp.
Je n'ai pas réussi à faire fonctionner l'opengraph, puis j'ai commencé à chercher ailleurs en ligne, ce qui m'a conduit à d'autres articles qui m'ont vraiment embrouillé. Je suis ensuite revenu ici pour réessayer. Peut-être ai-je fait quelque chose d'incorrect ou y a-t-il quelque chose qui ne va pas dans mon thème qui l'empêche de fonctionner. C'est ce que je voulais dire par 'je vais trouver une solution'.
J'apprécie vos réponses et votre aide.
Merci.
wpbeginner
@jaffa Vous n'avez pas besoin d'une application si vous n'en voulez pas. Vous pouvez toujours récupérer les analyses de vos boutons de like via votre compte personnel. Il n'y a rien à comprendre car l'article explique tout, mais si vous n'êtes toujours pas satisfait, alors bien sûr, faites des recherches supplémentaires.
jaffa
@wpbeginner ok, merci !
D'autres articles suggéraient qu'une application devait être créée, c'est pourquoi j'étais confus. Laissez tomber, je vais trouver une solution.
wpbeginner
@jaffa Vous N'AVEZ PAS besoin de créer une application Facebook pour ce tutoriel. Cela fonctionnera quoi qu'il arrive. Nous avons l'application sur notre page pour d'autres raisons qui ne sont pas liées au tutoriel mentionné dans cet article…
jaffa
@wpbeginner merci pour votre réponse. J'étais très confus :s
Dois-je créer une application Facebook pour que cet open graph fonctionne correctement ? Je viens de vérifier le code source de cette page et vous avez un champ « fb:app_id » qui n'est pas inclus dans le code ci-dessus ?
Je m'excuse pour toutes ces questions. Si quelqu'un peut me diriger vers de la documentation sur l'open graph, j'essaierai volontiers de trouver des réponses et je reviendrai partager les informations que je trouverai.
Merci
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 Ce n'est pas la même chose qu'un identifiant d'application… Votre identifiant utilisateur personnel est différent.
jaffa
cela peut sembler une question très stupide, mais pour que cela fonctionne, devez-vous d'abord créer une application Facebook ? J'ai juste une page Facebook normale et rien d'autre et j'ai essayé ce code plusieurs fois mais je n'arrive toujours pas à le faire fonctionner. Lorsque je le fais passer par l'outil linter, j'obtiens l'erreur : identifiant d'application invalide.
L'exemple de l'identifiant UTILISATEUR ci-dessus est-il le même qu'un identifiant d'application ou pas ?
jbjb3077
@jbjb3077 veuillez vérifier ceci…
mark.bravura
Merci encore pour votre réponse rapide. Et c'est le cœur de ma question… le plugin Facebook Open Graph Meta For WordPress récupère toutes les métadonnées correctement, sauf pour les données d'extrait/description. C'est pourquoi je me demande comment le modifier manuellement. Des suggestions ?
wpbeginner
@mark.bravura Le titre de votre publication est récupéré comme titre. Votre extrait est récupéré comme description. Votre image mise en avant (vignette) est récupérée comme vignette. Modifiez l'un de ceux-ci, et vous pouvez modifier les données og.
mark.bravura
Merci pour la réponse rapide. Existe-t-il donc un moyen raisonnablement simple de régler finement (accéder/modifier) manuellement les données OG ?
wpbeginner
@mark.bravura Les informations sont en fait déjà stockées dans votre base de données. Ce plugin se contente de les afficher.
mark.bravura
Bonjour,
Lorsque vous utilisez le plugin de métadonnées OG, dans quel fichier PHP stocke-t-il les balises ? Merci !
Liverpoolfcblog
Salut wpbeginner @wpbeginner , le code fonctionne bien. Merci pour ça.
J'ai juste une question. J'ai testé des articles individuels avec le linter de Facebook et tout semblait bien. Cependant, lorsque j'ai testé ma page d'accueil, il est indiqué ceci :
Propriété requise manquante : og:title est requis
Propriété requise manquante : og:type est requis
Propriété requise manquante : og:url est requis
Propriété requise manquante : og:image est requis
J'ai remarqué ceci dans le code : if ( !is_singular()) //si ce n'est pas un post ou une page return;
L'ajout des quatre éléments ci-dessus affecte-t-il la façon dont Facebook voit mon site ? Par exemple, le catégorisera-t-il comme un site Web et affichera-t-il le titre ?
Cordialement.
Personnel éditorial
Vous pouvez supprimer l'élément is_singular et afficher ceci sur la page d'accueil... La plupart, sinon tous les blogs WordPress ne sont partagés qu'à partir de la page de publication unique. C'est aussi la page où le bouton J'aime est proéminent.
Admin
jbjb3077
bonjour, mes images de publication sont dans un champ personnalisé (thumb), j'avais un hack avec la version précédente mais maintenant je n'arrive pas à comprendre comment l'ajouter. s'il vous plaît aidez-moi. voici le code que j'ai remplacé
if ( get_post_meta($post->ID, ‘thumb’, true) ) { //la publication a une image mise en avant $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=”image de mon site dans un chemin.jpg”/>’; } echo “n”;
Danny Foo
J'ai toujours le problème de la miniature même après avoir utilisé la méthode de fonction.
Au fait, devez-vous mettre à jour le xmlns:og ? La documentation opengraph de Facebook le note comme ; http://ogp.me/ns#
Nurul Imam
Merci... Succès d'ajouter cette fonction à mes thèmes
jaffa
@Elliot – Le thème prend en charge les miniatures de publication, j'utilise un thème enfant de Twenty Ten
Ici, j'ai ajouté une copie du code dans functions.php pour ajouter la prise en charge des miniatures ;
http://pastebin.com/7Cw480Xy
Peut-être ai-je fait quelque chose de mal ici ?
jaffa
Merci Daniel, l'ajout de cela a aidé à supprimer les erreurs que je recevais auparavant, mais maintenant il me dit que le titre, l'URL, l'image et le type sont manquants même s'ils sont là.
Il affiche également la mauvaise image, il ne semble pas récupérer l'image de l'article mais une image aléatoire de la page.
Je n'ai aucune idée pourquoi je n'arrive pas à faire fonctionner ça, je voulais éviter d'utiliser le plugin mais c'est peut-être la seule solution.
Merci les gars pour votre aide.
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
Merci Daniel d'avoir essayé d'aider.
Je pense que je vais devoir abandonner aussi, je ne peux pas passer tout mon temps là-dessus.
Ça aurait été bien si ça avait marché pour moi.
Elliott le gars du web design
Vous avez probablement réanalysé avec l'outil linter avant de tester à nouveau, avez-vous également mis le code dans votre functions.php ou votre header.php ?
jaffa
Oui, j'ai suivi votre conseil et utilisé l'outil linter mais toujours pas de succès.
Et, j'ai placé le code dans le functions.php.
Elliott le gars du web design
Votre thème prend en charge les miniatures d'articles ?
jaffa
J'ai ajouté le code à mon fichier functions, puis j'ai suivi votre article sur la façon d'ajouter les boutons Like et Send, et tout semblait bien se passer, mais aujourd'hui, lorsque mon client a posté un lien sur le mur FB vers le dernier article, il n'y avait aucune option pour sélectionner une image pour accompagner l'article.
Je ne comprends pas ce qui a mal tourné ni comment le réparer. Je suppose que c'est le code FB que j'ai ajouté qui a causé cela, car je n'ai fait aucun autre changement.
Avez-vous une idée de ce qui pourrait être le problème ?
Personnel éditorial
Oui, cela supprime l'option de choisir les images... Le code choisit L'IMAGE pour vous. Il choisit la miniature de l'article et l'envoie comme image pour cet article.
Admin
jaffa
Merci pour votre réponse.
Je n'avais pas réalisé que cela supprimait cette option. Mais je ne comprends toujours pas pourquoi il n'affichait pas la miniature alors que j'ai inclus une image miniature. Il n'y avait tout simplement aucune image.
Lorsque je visualise la source, je peux voir un lien vers l'image dans le champ og:image.
J'aimerais pouvoir le faire fonctionner, je devrai peut-être essayer le plugin.
Juste une autre chose, j'ai défini un certain nombre de tailles de miniatures différentes dans mon thème à utiliser à divers endroits, donc au lieu d'appeler l'image de taille 'medium', dois-je le régler pour qu'il appelle l'une de mes miniatures définies ??
Désolé pour le commentaire long et confus, je suis nouveau ici !
Elliott le gars du 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
Merci Elliott, l'outil Linter vers lequel vous avez fourni un lien a été très utile.
Après avoir fait passer une URL à travers, le message d'erreur que j'ai reçu était :
Le champ fb:admins contenait des identifiants invalides. J'ai remarqué que l'ID de ma page fait 15 caractères de long, mais celui utilisé dans l'exemple ci-dessus n'en fait que 10.
L'autre message que j'ai reçu était :
Vous avez mis l'ID de l'application dans le champ fb:admins. Il devrait être dans fb:app_id
Y a-t-il un champ supplémentaire pour app_id dans le code ci-dessus ?
Je suis un peu confus maintenant...
Daniel Chenery
@Jaffa Ce que vous devez faire est d'ajouter
Devrait faire l'affaire.
Daniel Chenery
Désolé, je pensais que la balise
codepourrait conserver les balises, mais apparemment non. Laissez-moi essayer de poster ça à nouveau<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”Your_Profile_ID”/>
Gretchen
Je ne vois pas de champ pour l'image par défaut – juste pour l'ID et le nom du site. Est-ce que je manque quelque chose ?
Personnel éditorial
Nous avons mis à jour le plugin pour corriger un bug avec le problème de l'image par défaut. Maintenant, il vérifie si votre article a une miniature... Si ce n'est pas le cas, il choisit la première image de votre article. Nous prévoyons de réintroduire la fonctionnalité d'image par défaut bientôt.
Admin
Gretchen
Bien ! J'aime vraiment la fonctionnalité d'image par défaut, car tous mes articles n'ont pas d'images.
Merci pour ce super plugin !
Ayanna Mitchell
J'ai installé le plugin… mais il n'y a pas d'endroit pour ajouter une image par défaut. S'il vous plaît, aidez-moi.
Personnel éditorial
Regardez notre réponse à 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.
est-ce nécessaire et pourquoi pensez-vous que mes thèmes ne déclenchent pas cela ?
Personnel éditorial
Cela ne fera rien si votre thème n'inclut pas un code standard (attributs de langue) que tous les thèmes WordPress DEVRAIENT inclure.
Admin
Ovidiu
Il me manque l'inclusion de ce code : `’ xmlns:og=”http://opengraphprotocol.org/schema/” xmlns:fb=”http://www.facebook.com/2008/fbml”‘`
mon header.php a ceci en haut :
`
`
qu'est-ce qui ne va pas ? qu'est-ce qui me manque ?
Ovidiu
ok il semble que ce soit filtré… voici un lien vers pastebin : http://pastebin.com/vrsVzFhU
Sheryl
J'ai installé le plug-in open graph sur WordPress. J'ai configuré les paramètres en remplaçant le nom de mon entreprise par le nom de l'URL que vous avez posté.
Et maintenant ?? Que dois-je faire ensuite pour obtenir le bouton d'envoi sous mon bouton J'aime ?
Personnel éditorial
Regardez notre article sur le bouton d'envoi. Vous pouvez également utiliser notre plug-in SmartSharing.
Admin
Thnok
Où dois-je ajouter le code dans le functions.php ? En haut ou où ?
Le plug-in ne fonctionne pas.
Preston
C'est génial. Des conseils sur la façon de modifier cela pour que Facebook tire un extrait du contenu écrit ? Le plug-in ne va pas au contenu mais prend le nom de l'auteur, les catégories et la date. Des idées ?
Elliott le gars du web design
oui ajoutez ceci après la première instruction if :
echo ‘<meta property="og:description" content="” />’;
Preston
J'ai tenté d'ajouter ce code et j'ai reçu une erreur fatale désactivant le plug-in. Je n'arrive pas à comprendre pourquoi.
Elliott le gars du web design
il semble que les commentaires ne permettent pas certains balisages, suivez-moi sur twitter et je vous enverrai le code par message privé.
Le contenu doit contenir la fonction wp the_excerpt()
Gretchen
Je suppose que si nous avons une page Facebook pour le site Web, nous entrerions l'identifiant de l'utilisateur de la page plutôt que celui de notre profil Facebook personnel ?
Chris Bracco
Ce code ajoute uniquement les balises OG aux articles et pages uniques. Je voudrais que les balises apparaissent sur toutes mes pages, et je n'arrive pas à trouver un moyen simple d'y parvenir. Des idées ?
Personnel éditorial
Avez-vous des boutons J'aime / Envoyer individuels sur vos pages d'archives, de catégories, de tags ? Les boutons J'aime ne sont utiles que sur les articles / pages uniques, c'est pourquoi le code ajoute cela. Le seul autre bouton J'aime ajouté sur le site est la (Boîte J'aime) pour la page Facebook du site. Ce qui ne nécessite pas ces informations.
Mais si vous y tenez, alors supprimez l'instruction conditionnelle !is_singular.
Admin
Daniel Chenery
Il semble certainement plus facile de simplement brancher les informations dans le header.php ? Je suis sûr d'avoir lu un tutoriel à ce sujet une fois
Personnel éditorial
Vous pouvez le coder en dur dans le header.php mais c'est un processus en plusieurs étapes car vous devez modifier le doctype, puis ajouter les autres balises meta... C'est un processus en une étape. Coller, et c'est fait. Ou installer le plugin, et c'est fait. Si vous utilisez le plugin, alors vous êtes encore mieux loti car les balises restent même lorsque vous changez de thème.
Admin