[Résolu] META TAG Facebook : image miniature

Entraide pour l'installation et l'exécution des forums en version
3.3.x

Règles du forum
Pensez à faire une recherche, afin de savoir si votre problème n'a pas déjà été traité.
[IMPORTANT] Merci de consulter le règlement de l'entraide

Merci de renseigner l'URL de votre forum dans vos informations de profil

Une fois le problème résolu, merci de passer votre sujet en [Résolu] en sélectionnant l'attribut en conséquence en bas de page.
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

META TAG Facebook : image miniature

#1

Message par Rob Luben »

Bonjour à tous,

J'ai installé l'extension Portail.
Lorsque je poste le lien vers le portail sur Facebook, aucune image miniature ne s'affiche.
Comment faire pour corriger ce manque et, par extension, est-il possible de personnaliser le texte qui s'affiche ?

Merci d'avance pour votre aide ;)

Ton sujet à été édité par un modérateur.
Raison : Titre du sujet modifié afin qu'il soit en rapport avec la demande
Modifié en dernier par Rob Luben le 03 juin 2020, 07:49, modifié 1 fois.
Avatar du membre
Fred
Messages: 3166
Enregistré depuis: 4 ans 2 mois
Identité: Fred Rimbert
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub
Contact:

Re: META TAG Facebook : image miniature

#2

Message par Fred »

Salut
Afin de comprendre, peux-tu préciser comment tu procèdes ?
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#3

Message par Rob Luben »

Ci-dessous, les éléments pour mieux comprendre.

L'url du portail (insérée dans un message Facebook) : https://www.etc-athletics.fr/ForumETC/app.php
Le visuel affiché sur Facebook :
Image

Objectifs : pouvoir afficher le logo du forum en miniature en partie gauche (rien ne s'affiche actuellement) et personnaliser le texte dans la partie droite.

En espérant avoir été plus clair ;)
Avatar du membre
Fred
Messages: 3166
Enregistré depuis: 4 ans 2 mois
Identité: Fred Rimbert
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub
Contact:

Re: META TAG Facebook : image miniature

#4

Message par Fred »

OK
Comment de cette URL arrives-tu sur cet affichage Facebook ?
C'est ça que je ne saisi pas, le partage sur Facebook vient forcément d'un message déjà posté sur le forum.
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#5

Message par Rob Luben »

Lorsque tu saisis une URL sur un message Facebook, le visuel est automatiquement généré par le réseau social.

Concrètement, nous avons un groupe fermé Facebook et, de temps à autres, je poste un message dans notre groupe (message contenant l'URL du portail) pour inciter les membres à venir consulter le forum.
Avatar du membre
Fred
Messages: 3166
Enregistré depuis: 4 ans 2 mois
Identité: Fred Rimbert
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub
Contact:

Re: META TAG Facebook : image miniature

#6

Message par Fred »

Je comprends mieux
Pour toi est-ce obligatoire que l'URL pointe sur le portail ?
Si oui modifier le texte sera compliqué voir impossible, pour l'image il est possible de l'ajouter manuellement à chaque partage

Je me renseigne afin de savoir si une image peut être ajoutée automatiquement.


Si l'URL n'est pas forcément celle du portail il existe une extension : Share On
Avec cette extension tu as la possibilité de partager un message sur le réseau social. Tu fais ton texte qui va bien, à ce texte tu ajoutes l'image que tu veux et tu cliques sur le bouton de partage Facebook.

Au partage de ce lien tu as ce rendu :

Image
Avatar du membre
MariePop's
Messages: 208
Enregistré depuis: 4 ans
Intérêt: Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

#7

Message par MariePop's »

Bonsoir @Rob Luben et @Origin

La vignette affichée par Facebook lors du partage d’un lien est ce qui attire l’oeil de ses amis et connaissances. On peut raisonnablement supposer que Facebook analyse le code source de la page partagée et qu’il propose les images qu’il rencontre sur celle-ci.
Voici l’astuce permettant de forcer cette vignette !

Il faut coller ce code dans le template overall_header.html du thème utilisé sur le forum :

Code: Tout sélectionner

<link href="vignette-url" rel="image_src" />
Tout est dans le rel="image_src" !

Pour forcer Facebook à utiliser la vignette de son choix, il suffit d’inclure ce code avant la balise de fermeture /head du template

A noter que Facebook recommande que l'image fasse 200px de largeur. Si la taille de l'image est trop petite, Facebook l’ignorera.
Je conseille d’opter pour une image d’au moins 180 pixels de largeur.
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#8

Message par Rob Luben »

Merci beaucoup pour ta réponse ! ;)
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#9

Message par Rob Luben »

J'ai intégré le code préconisé par Marie Pop's, mais aucune miniature ne s'affiche.
Voici le code, placé entre les balises <head> et </head>

Code: Tout sélectionner

<!-- Image Miniature --><link href="https://www.etc-athletics.fr/ForumETC/Logos/ETC_athletics/200x200.png" rel="image_src" />
Avatar du membre
MariePop's
Messages: 208
Enregistré depuis: 4 ans
Intérêt: Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

#10

Message par MariePop's »

Bonsoir @Rob Luben

Si cela ne s'affiche pas lors du partage c'est probablement parce que tu n'as pas vidé le cache après avoir placé le code dans le template. Intervenir dans un template nécessite toujours de vider le cache par la suite.
Je te propose de vider le cache depuis le serveur

J'ai essayé ton lien et la vignette s'affiche bien au partage sur Facebook

Image

Bonne soirée
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#11

Message par Rob Luben »

Bonjour,

Je viens de tester, à l'instant, après avoir vidé le cache du forum.
Ci-dessous la récupération sur Facebook (absence de l'IMG).
Image

J'ai inséré le code uniquement dans l'overall_header de mon style perso hérité de Prosilver.
Est-ce je dois faire pareil dans l'overall_header de Prosilver ?
Avatar du membre
Fred
Messages: 3166
Enregistré depuis: 4 ans 2 mois
Identité: Fred Rimbert
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub
Contact:

Re: META TAG Facebook : image miniature

#12

Message par Fred »

Salut
L'ajout d'une image dans le template pour afficher un logo lors d'un partage sur Facebook ne peut que fonctionner qu'en utilisant une extension de partage.
En faisant un copier/coller d'URL sur Facebook il faut ajouter l'image manuellement
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#13

Message par Rob Luben »

Hello,

Nouveau test à l'instant, l'affichage de la miniature s'est bien fait automatiquement.
Fallait-il un moment avant que la propagation ne se fasse, mystère.
Peu importe, cela fonctionne maintenant.... et grâce à votre aide ;)

Concernant le texte, FB affiche systématiquement le nombre d'utilisateurs en ligne.
Il n'est pas possible de rajouter des META TAGS pour forcer Facebook à afficher ce que l'on veut ?
Avatar du membre
Fred
Messages: 3166
Enregistré depuis: 4 ans 2 mois
Identité: Fred Rimbert
Localisation: Le Lude - Pays de la Loire
Intérêt: GitHub
Contact:

Re: META TAG Facebook : image miniature

#14

Message par Fred »

Effectivement en copiant/collant une URL sur FB la vignette s'affiche bien
Pour les meta tags je ne saurais te dire pour une extension compatible phpBB 3.3.x
Avatar du membre
MariePop's
Messages: 208
Enregistré depuis: 4 ans
Intérêt: Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

#15

Message par MariePop's »

Bonjour
Rob Luben a écrit: 04 juin 2020, 08:49
Il n'est pas possible de rajouter des META TAGS pour forcer Facebook à afficher ce que l'on veut ?
Oui oui c'est possible

Insertion des META TAGS Facebook


Il faut placer ce code dans le template overall_header.html du style utilisé pour le forum juste après la balise {META}

Code: Tout sélectionner

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />

<meta property="og:url"                content="lien-du-forum" />
<meta property="og:type"               content="type" />
<meta property="og:title"              content="titre" />
<meta property="og:description"        content="description du partage" />
<meta property="og:image"              content="lien-de-la-vignette" />
Ce code remplace celui existant pour la vignette


avertissement

Il faut vider le cache

Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Avatar du membre
Rob Luben
Messages: 67
Enregistré depuis: 3 ans 11 mois

Re: META TAG Facebook : image miniature

#16

Message par Rob Luben »

Top !
Merci beaucoup pour ces éclaircissements ;)
Avatar du membre
MariePop's
Messages: 208
Enregistré depuis: 4 ans
Intérêt: Forum des BBCodes
Le forum et vous

Re: META TAG Facebook : image miniature

#17

Message par MariePop's »

Bonsoir @Rob Luben
Peux-tu modifier le code, que je viens de corriger ici #15
Image
D'abord ils vous ignorent, ensuite ils vous raillent, ensuite ils vous combattent et enfin, vous gagnez.
-Gandhi
Vous devez être membre du forum pour répondre
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.