Custom field image : affichage sur les réseaux sociaux

[Tortue Genial 69]

Hello,

Petite question tout bête.
J'ai créé un blog ou j'ai remplacé le champ de l'image principale de l'article joomla par défaut par un custom field de type image.
J'ai eu besoin de faire ceci pour un truc spécifique, mais peu importe.
Par contre je constate que cette image gérée par ce custom fields n'est pas interprété dans les réseaux sociaux comme peut l'être celle par défaut de l'article joomla.
J'ai testé avec https://metatags.io/ et elle ne remonte pas.

A votre avis peut on y remédier?

Merci
Laurent

[chabi01]

Bonjour Laurent,
Tu as testé sur https://developers.facebook.com/tools/debug/

Cet outil est pas mal parce que tu as la liste de tous les metas détecté et cela te donne pas mal d'informations.

Bien cordialement,
Xavier

[woluweb]

Utilise SocialMagick sur Github.
Tu px configurer que l image open graphvedt un champ perso si je me souviens bien

[daneel]

Hello,
J'ai testé avec https://metatags.io/ et elle ne remonte pas.

A votre avis peut on y remédier?

1. Vérifier dans les metadonnées si les balises og sont présentes. C'est la meilleure chose à faire dans l'immédiat en consultant le code source de la page ( bouton droit > code source )

2. La taille, ça compte ! Euh oui présenté comme ça c'est bizarre mais en règle générale, si le format est de taille insuffisante, cela peut être ignoré par les réseaux sociaux.
Pour fb, utilisez des images de 1200 x 630 ou au minimum 600 x 315... (je crois que le minima est 200 pixels...)

3. Vérifiez que vous n'avez pas mis des règles pour bloquer les robots d'indexation... il n'y a pas que google qui essaye de lire votre contenu donc si vous avez bloqué les ip de facebook via votre htaccess, il ne faudra pas s'étonner que cela ne fonctionne pas.

4. Utilisez une extension plutôt qu'un custom field si vous n'avez pas suffisamment de compétence pour coder. Mes préférences vont à trois extensions sous Joomla 4 :

- Social Magick : https://forum.joomla.fr/forum/joomla...-sous-joomla-4

- ochOpenGraph : (extension commerciale) https://extensions.joomla.org/extension/ochopengraph/

- SocialMedia d'Elysa Foltyn ( alias Coolcat ) : https://github.com/coolcat-creations...ses/tag/v2.0.0
Cette dernière fonctionne très bien avec la possibilité de définir soit dans l'article ou dans le lien de menu...

[Tortue Genial 69]

Utilise SocialMagick sur Github.
Tu px configurer que l image open graphvedt un champ perso si je me souviens bien

ok je vais regarder merci
en effet il faut que ca puisse être compatible avec les custom fields.

[Tortue Genial 69]

Bonjour Laurent,
Tu as testé sur https://developers.facebook.com/tools/debug/

Cet outil est pas mal parce que tu as la liste de tous les metas détecté et cela te donne pas mal d'informations.

Bien cordialement,
Xavier

merci du retour je vais jeter un oeil.

[Tortue Genial 69]

1. Vérifier dans les metadonnées si les balises og sont présentes. C'est la meilleure chose à faire dans l'immédiat en consultant le code source de la page ( bouton droit > code source )

2. La taille, ça compte ! Euh oui présenté comme ça c'est bizarre mais en règle générale, si le format est de taille insuffisante, cela peut être ignoré par les réseaux sociaux.
Pour fb, utilisez des images de 1200 x 630 ou au minimum 600 x 315... (je crois que le minima est 200 pixels...)

3. Vérifiez que vous n'avez pas mis des règles pour bloquer les robots d'indexation... il n'y a pas que google qui essaye de lire votre contenu donc si vous avez bloqué les ip de facebook via votre htaccess, il ne faudra pas s'étonner que cela ne fonctionne pas.

4. Utilisez une extension plutôt qu'un custom field si vous n'avez pas suffisamment de compétence pour coder. Mes préférences vont à trois extensions sous Joomla 4 :

- Social Magick : https://forum.joomla.fr/forum/joomla...-sous-joomla-4

- ochOpenGraph : (extension commerciale) https://extensions.joomla.org/extension/ochopengraph/

- SocialMedia d'Elysa Foltyn ( alias Coolcat ) : https://github.com/coolcat-creations...ses/tag/v2.0.0
Cette dernière fonctionne très bien avec la possibilité de définir soit dans l'article ou dans le lien de menu...

1/2/3 => merci pour le feedback, j'avais déjà vérifié ces points mais ils sont très importants tu as raison, vaut mieux double checker.

4 => cela ne répond pas vraiment à la question posée car ce n'est pas spécialement un soucis de code à proprement parlé.
je voulais juste savoir si c'était normal que le custom fields image n'avait pas la balise og par défaut

[Tortue Genial 69]

je viens de tester Social-magick de LucidFox (https://github.com/lucid-fox/social-magick/releases) et cela ne permet pas d'afficher l'image du custom field avec la base og:
cela affiche toujours ceci :

[Tortue Genial 69]

idem avec Socialmeta plugin for Joomla! (https://github.com/vistamedia/socialmeta) l'image d'un champ de type custom field ne remonte pas.

[Tortue Genial 69]

idem pour plg_cccsocialmedia (https://github.com/coolcat-creations/plg_cccsocialmedia)

[daneel]

Tortue Genial 69

Laurent, je ne comprends pas pourquoi tu indique un champ de type custom field ?

Pour moi un champ personnalisé, c'est la traduction de "custom field"... donc forcément un champ !
Ce sont des champs que l'on définit en complément dans les articles, contact, utilisateurs...

Si j'essaye de faire un effort de compréhension, tu indique que tu as défini plusieurs champs personnalisés dont un champ personnalisé de type "image"
pour les insérer dans les metadonnées en tant que balise OG... ok mais alors

Tu as écrit que cela fonctionne car tu as vérifié les points 1, 2 et 3 de mon message précédent.
Cela veut dire concrètement que tu as effectué des surcharges pour appeler ces champs et les inserer entre les balises head, ils sont visibles dans le code source.
Donc normalement, tu as bien la balise og:image avec le lien vers ton image vu que tu l'as vérifié ??

Personnellement, je n'utilise pas de champ personnalisé dans les articles pour définir les balises og car le résultat n'est pas terrible et c'est même pénible pour le rédacteur. Outre la difficulté du code php à insérer dans les overrides, cela ne définit pas de balises OG pour les autres pages que les articles ni de paramètres par défaut. De plus, il faut créer toutes les balises og (pas uniquement pour l'image). Enfin l'image doit être au format car le champs personnalisé n'impose pas la dimension.

Il me semble qu'il y a eu un développement similaire sous joomla3 à propose de champs personnalisés qui aurait pu servir de balises og mais cela fut abandonné pour les raisons que j'ai évoqué (et le manque de suivi).

Tu as évoqué socialmeta de manu (vistamedia) mais cela fait 6 ans que le plugin a été créé sans aucune évolution ( un petit correctif effectué il y a trois ans pour supprimer des fonctions obsolètes). Je n'ai pas testé sous Joomla 4 et sincèrement, ce n'est pas la peine...

De mon avis, l'extension cc socialmedia (ne pas confondre) correspond plus à ce que tu recherche. Elle utilise ses propres champs et en l'absence, elle ira rechercher les images selon les paramètres définies dans le plugin. Et surtout, on peut définir soit dans l'article ou dans le lien de menu donc parfait ! J'utilise cc social media régulièrement quand je n'utilise pas ceux du framework du template ou du plugin social magick.

Note : pour info la documentation de ochOpenGraph précise bien sa compatibilité avec les custom fields. Donc c'est une extension commerciale mais qui pourrait éventuellement répondre à tes attentes. Après vérification, il y a également l'extension commerciale shack open graph de joomlashack qui utilise également les custom fields mais en proposant des custom fields spécifiques à assigner aux articles : https://www.joomlashack.com/blog/joo...ebook-twitter/

[Tortue Genial 69]

Tortue Genial 69

Laurent, je ne comprends pas pourquoi tu indique un champ de type custom field ?

comme je l'ai dit dans mon premier message, le pourquoi du comment n'est pas le sujet
c'était un besoin client un peu casse bonbon, j'ai pas spécialement envie de refaire la génèse ici..et ca changera rien dans l'absolu.

Tortue Genial 69

Si j'essaye de faire un effort de compréhension, tu indique que tu as défini plusieurs champs personnalisés dont un champ personnalisé de type "image"

non pas plusieurs, juste un seul.
il y un seul change personnalisé de type image ou le client ouvre un popup JCE qui lui permet de naviguer dans ses images (c'était sa demande).

Tortue Genial 69

Cela veut dire concrètement que tu as effectué des surcharges pour appeler ces champs et les inserer entre les balises head, ils sont visibles dans le code source.

Non.

Tortue Genial 69

Personnellement, je n'utilise pas de champ personnalisé dans les articles pour définir les balises og car le résultat n'est pas terrible et c'est même pénible pour le rédacteur. Outre la difficulté du code php à insérer dans les overrides, cela ne définit pas de balises OG pour les autres pages que les articles ni de paramètres par défaut. De plus, il faut créer toutes les balises og (pas uniquement pour l'image). Enfin l'image doit être au format car le champs personnalisé n'impose pas la dimension.

je suis tout à fait d'accord avec toi, c'est pour ça que je suis en train de lui proposer une autre solution plus simple.

Tortue Genial 69

Tu as évoqué socialmeta de manu (vistamedia) mais cela fait 6 ans que le plugin a été créé sans aucune évolution ( un petit correctif effectué il y a trois ans pour supprimer des fonctions obsolètes). Je n'ai pas testé sous Joomla 4 et sincèrement, ce n'est pas la peine...

en effet, tout à fait d'accord.

Tortue Genial 69

De mon avis, l'extension cc socialmedia (ne pas confondre) correspond plus à ce que tu recherche. Elle utilise ses propres champs et en l'absence, elle ira rechercher les images selon les paramètres définies dans le plugin. Et surtout, on peut définir soit dans l'article ou dans le lien de menu donc parfait ! J'utilise cc social media régulièrement quand je n'utilise pas ceux du framework du template ou du plugin social magick.

celle ci c'est ca https://github.com/coolcat-creations/plg_cccsocialmedia ?

[daneel]

celle ci c'est ca https://github.com/coolcat-creations/plg_cccsocialmedia ?

oui exactement.