Projet

Général

Profil

Actions

Demande #5321

fermé

Mettre en place metadonnées html pour image miniature pour réseaux sociaux

Ajouté par Frédéric Couchet il y a plus de 3 ans. Mis à jour il y a presque 2 ans.

Statut:
Fermé
Priorité:
Normale
Assigné à:
-
Début:
10/04/2021
Echéance:
% réalisé:

0%

Temps estimé:

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.


Demandes liées 1 (0 ouverte1 fermée)

Duplique www.chapril.org - Demande #5108: Configurer une image de microbloging sur le site www.chapril.orgFerméChristian P. Momon08/01/2021

Actions

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

  • Statut changé de Résolu à Fermé

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. Momon supprimé

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
Actions

Formats disponibles : Atom PDF