Demande #5321
ferméMettre en place metadonnées html pour image miniature pour réseaux sociaux
0%
Description
Pour améliorer la manière d'afficher une page web sur les réseaux sociaux, une possibilité est d'utiliser des metadonnées html pour indiquer notamment l'image que le réseau social doit utiliser comme illustration. Il y a notamment les Twitter Cards pour Twitter et Open Graph pour Facebook, Linkedin et autres réseaux. Et on sait que les messages avec des images sont plus relayer.
Ce serait bien de mettre cela en place pour www.chapril.org.
Le code html à mettre dans la partie header ressemblerait à :
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@aprilorg"/>
<meta name="twitter:creator" content="@aprilorg"/>
<meta name="twitter:image:alt" content="Bannière de l'émission"/>
<meta name="twitter:title" content="Chapril : utilisez des services libres et éthiques"/>
<meta name="twitter:image" content="URL_DE_L_IMAGE"/>
<meta property="og:title" content="Chapril : utilisez des services libres et éthiques"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://www.chapril.org"/>
<meta property="og:image" content="URL_DE_L_IMAGE"/>
URL_DE_L_IMAGE doit être une URL complète commençant par https://www.chapril.org
Cette image peut être une copie écran partielle de la page d'accueil (comme sur https://twitter.com/fcouchet/status/1380821487670722561) ou l'image utilisée sur www.april.org qui est https://april.org/files/banniere-chaprilx150.png Ou une autre image.
Mis à jour par Christian P. Momon il y a plus de 3 ans
- Duplique Demande #5108: Configurer une image de microbloging sur le site www.chapril.org ajouté
Mis à jour par Christian P. Momon il y a plus de 3 ans
- Statut changé de Nouveau à Résolu
Fait. Voir #5108.
Mis à jour par Christian P. Momon il y a plus de 3 ans
- Assigné à mis à Christian P. Momon
Mis à jour par Christian P. Momon il y a plus de 3 ans
- Version cible changé de Backlog à Sprint 2021 avril
Mis à jour par Frédéric Couchet il y a plus de 2 ans
- Assigné à
Christian P. Momonsupprimé
Mis à jour par Frédéric Couchet il y a plus de 2 ans
- Statut changé de Fermé à En cours de traitement
- Version cible changé de Sprint 2021 avril à Backlog
Il manque le champ de description de l'image, pour des questions d'accessiblité : https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup
twitter:image:alt
A text description of the image conveying the essential nature of an image to users who are visually impaired. Maximum 420 characters.
Used with summary, summary_large_image, player cards
et og:image:alt
Mis à jour par Frédéric Couchet il y a plus de 2 ans
Le champ twitter:image:alt est déjà présent.
J'ai ajouté le champ og:image:alt voir https://forge.april.org/Chapril/www.chapril.org-spip/commit/8bb7a1942fdada6dbfd545b6aabb1fb34b3430ca
Puis git pull sur le serveur dans /var/www/www.chapril.org/squelettes/inclure
Je vide le cache Spip en me connectant sur le site et en allant dans maintenance.
Le champ apparaît bien sur www.chapril.org
Mis à jour par Frédéric Couchet il y a plus de 2 ans
- Statut changé de En cours de traitement à Fermé
Mis à jour par Pierre-Louis Bonicoli il y a presque 2 ans
- Version cible changé de Backlog à Sprint 2022 juillet-août