Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - aperçu image facebook
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

aperçu image facebook

 Répondre Répondre
Auteur
Message
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 25 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Sujet: aperçu image facebook
    Envoyé : Sep 25 2016 à 8:33pm
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
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada, Québec
Status: Actif
Points: 5844
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 25 2016 à 8:40pm
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 - Sep 25 2016 à 8:42pm
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 25 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 25 2016 à 8:49pm
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
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 25 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 25 2016 à 8:54pm
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. " />
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 25 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 25 2016 à 8:55pm
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.
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: Sep 25 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 25 2016 à 9:20pm
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 - Sep 25 2016 à 9:21pm
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: Feb 14 2015
Pays: Canada, Québec
Status: Actif
Points: 5844
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 25 2016 à 11:02pm
<!-- 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 - Sep 25 2016 à 11:08pm
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: May 31 2012
Status: Inactif
Points: 13998
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 26 2016 à 10:24am
Oui il faut enlever la ligne <html... elle doit tout casser...
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Mar 05 2012
Pays: France
Status: Inactif
Points: 5392
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Sep 26 2016 à 3:02pm
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Acheter votre vélo en ligne