openElement

   Bonjour à tous,

j'ai un peu soucis lorsque je veux que Facebook affiche une image de mon choix lorsque je partage le lien de mon site.

J'ai vu sur des forums qu'il fallait mettre en place le protocole 
open graph

par exmple

<meta property="og:title" content="titre de la page" />
<meta property="og:type" content="type de site" />
<meta property="og:url" content="adresse" />
<meta property="og:image" content="adresse de l'image" />

Sauf que je ne sais pas trop comment faire ...

J'ajoute un block et puis je rentre les 4 lignes ci dessous dans "header".
Au préalable j'ai entré <html xmlns:og="http://ogp.me/ns#">
dans startdocument.

Mais ça ne marche pas !
J'ai un problème de référencement également, je ne sais pas si c'est lié

Merci pour votre aide

Seb

Auteur	Message Sujet Recherche Options des sujets Répondre Créer un nouveau sujet Version imprimable Traduction Sujet
Sebastian Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 25 Sep 2016 Pays: france Status: Inactif Points: 64	Options des messages Répondre Citer Sebastian Rapporter un message Thanks(0) Citer Réponse Sujet: aperçu image facebook Envoyé : 25 Sep 2016 à 21:33
	Bonjour à tous, j'ai un peu soucis lorsque je veux que Facebook affiche une image de mon choix lorsque je partage le lien de mon site. J'ai vu sur des forums qu'il fallait mettre en place le protocole open graph par exmple <meta property="og:title" content="titre de la page" /> <meta property="og:type" content="type de site" /> <meta property="og:url" content="adresse" /> <meta property="og:image" content="adresse de l'image" /> Sauf que je ne sais pas trop comment faire ... J'ajoute un block et puis je rentre les 4 lignes ci dessous dans "header". Au préalable j'ai entré <html xmlns:og="http://ogp.me/ns#"> dans startdocument. Mais ça ne marche pas ! J'ai un problème de référencement également, je ne sais pas si c'est lié Merci pour votre aide Seb

Hobby001 Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513	Options des messages Répondre Citer Hobby001 Rapporter un message Thanks(1) Citer Réponse Envoyé : 25 Sep 2016 à 21:40
	Il faut insérer un bloc de code source HTML en position Header La syntaxe est la suivante: <!-- référencement OpenGraph --> <meta property="og:title" content="Titre du site" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.domaine du site" /> <meta property="og:image" content="http://domaine et position de l'image sur le site" /> <meta property="og:description" content="Description assez complète du site" /> Vous devez aussi vous assurer de la position de l'image sur le serveur. Edité par Hobby001 - 25 Sep 2016 à 21:42
	https://denislafrance.net , Formation vidéo sur OE

Sebastian Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 25 Sep 2016 Pays: france Status: Inactif Points: 64	Options des messages Répondre Citer Sebastian Rapporter un message Thanks(0) Citer Réponse Envoyé : 25 Sep 2016 à 21:49
	Merci beaucoup pour ta réponse rapide. A la place de <!-- référencement OpenGraph --> je marque <html xmlns:og="http://ogp.me/ns#"> ? Quand au domaine et à la position de l'image, je fais bouton droit=> information sur l'image et je copie le lien, c'est correct ? merci

Sebastian Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 25 Sep 2016 Pays: france Status: Inactif Points: 64	Options des messages Répondre Citer Sebastian Rapporter un message Thanks(0) Citer Réponse Envoyé : 25 Sep 2016 à 21:54
	Voici ce que j'ai mis : <html xmlns:og="http://ogp.me/ns#"> <meta property="og:title" content="A.S.C. Littoral" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.asc-littoral.fr" /> <meta property="og:image" content="http://www.asc-littoral.fr/WEFiles/Image/WEImage/55786564b7005-WE8809a69b42.jpg" /> <meta property="og:description" content="Fondée en août 2016, notre association a été créée dans le but de proposer des activités sportives et culturelles pendant les vacances scolaires et lors de sorties occasionnelles. " />

Sebastian Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 25 Sep 2016 Pays: france Status: Inactif Points: 64	Options des messages Répondre Citer Sebastian Rapporter un message Thanks(0) Citer Réponse Envoyé : 25 Sep 2016 à 21:55
	Si je vais sur le debogger de facebook, il me marque ça : Propriété déduite The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Propriété requise manquante The 'og:type' property is required, but not present. Propriété déduite The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. Propriété déduite The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.

Sebastian Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 25 Sep 2016 Pays: france Status: Inactif Points: 64	Options des messages Répondre Citer Sebastian Rapporter un message Thanks(0) Citer Réponse Envoyé : 25 Sep 2016 à 22:20
	og : type et og : url ont été mis à jour encore un problème pour l'image et fb:aap_id je ne sais pas ce que c'est Propriété déduite The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. merci beaucoup pour votre aide Edité par Sebastian - 25 Sep 2016 à 22:21

Hobby001 Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513	Options des messages Répondre Citer Hobby001 Rapporter un message Thanks(0) Citer Réponse Envoyé : 26 Sep 2016 à 00:02
	<!-- référencement OpenGraph --> est une ligne de commentaire qui n'est pas vue par FB. <html xmlns:og="http://ogp.me/ns#"> Je ne sais pas trop d'où ça vient mais ça devrait fonctionner sans ça. Commencez par l'enlever. J'ai l'impression que vous avez copié ce script d'une autre page et que la balise html n'as pas de balise de fin. Vous avez une balise <html en début de page et la balise de fin </html> en bas de page, Edité par Hobby001 - 26 Sep 2016 à 00:08
	https://denislafrance.net , Formation vidéo sur OE

Dmit OE Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971	Options des messages Répondre Citer Dmit OE Rapporter un message Thanks(0) Citer Réponse Envoyé : 26 Sep 2016 à 11:24
	Oui il faut enlever la ligne <html... elle doit tout casser...

Larsene Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388	Options des messages Répondre Citer Larsene Rapporter un message Thanks(0) Citer Réponse Envoyé : 26 Sep 2016 à 16:02
	On en parle Ici sinon : http://forum.openelement.com/fr/forum_posts.asp?TID=21968&KW=open+graph&PN=2&title=image-sur-facebook
	Tutos \|Don \| Image Sublime

openElement

aperçu image facebook