Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Métadonnées

Meilleures pratiques pour l’intégration des métadonnées aux sites Web gouvernementaux.

Pourquoi c'est important

Les métadonnées sont des données qui fournissent de l’information sur d’autres données. Elles fournissent des détails et un contexte pour aider à décrire et à organiser les données. Les moteurs de recherche utilisent les métadonnées pour comprendre et catégoriser les pages Web. Ces informations ne sont pas visibles pour les utilisateurs, mais le sont pour les moteurs de recherche et autres services.

Protocoles de métadonnées normalisés

Les protocoles de métadonnées normalisés facilitent la mise en œuvre de pratiques de métadonnées cohérentes et interopérables sur le Web. En suivant ces protocoles, nous nous assurons que les moteurs de recherche et autres services peuvent facilement interpréter et indexer notre contenu.

Dublin Core

Dublin Core est un ensemble de normes de métadonnées simples et couramment utilisées. Il fournit un cadre de base pour décrire les caractéristiques les plus fondamentales d’une page Web, comme le titre, la description, la date, l’auteur et le format.

HTML

<meta name="dcterms.title" content="Titre de la page" />

Open Graph

Le protocole Open Graph fournit des métabalises supplémentaires qui permettent d’améliorer et de contrôler l’affichage des hyperliens publiés sur les plateformes de médias sociaux. Il inclut des supports pour les images, les vidéos et le contenu audio.

HTML

<!-- Notez que vous avez besoin de l'URL complète de votre image -->
<meta property="og:image" content="https://gnb.ca/img/placeholder.jpg" />
<meta property="og:image:alt" content="Brève description de votre image" />

Schema.org

Schema.org a été fondé par un consortium d’importants moteurs de recherche (Google, Microsoft, Yahoo et Yandex). Il fournit des schémas pour les données structurées. Ce balisage permet aux moteurs de recherche d’extraire des informations précises du contenu Web et de les afficher comme extraits enrichis dans les résultats de recherche.

HTML

<div itemscope itemtype="https://schema.org/Organization">
    <span itemprop="name">Gouvernement du Nouveau-Brunswick</span>
    <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
      <p>
        <span itemprop="streetAddress">675 rue King</span><br />
        <span itemprop="postalCode">E3B 1E9</span><br />
        <span itemprop="addressLocality">Fredericton, Nouveau-Brunswick</span>
      </p>
    </div>
</div>

Rédaction de métadonnées pertinentes

Les métadonnées pertinentes décrivent la page Web de manière précise et concise.

Titres

Notez que certains moteurs de recherche limitent la quantité de texte affichée. Votre métatitre ne devrait donc pas dépasser 60 caractères.

Descriptions

Votre métadescription doit fournir une brève présentation de la page en moins de 150 à 160 caractères. L’objectif est de permettre aux utilisateurs de déterminer si la page contient ce dont ils ont besoin.

Mots-clés

Les méta mots-clés sont de petites balises qui résument les principaux sujets ou thèmes de la page Web. Notez que les algorithmes de recherche modernes se basent sur l’analyse du contenu réel de la page plutôt que sur les méta mots-clés (en raison de leur mauvais emploi). Les méta mots-clés jouent encore un rôle dans la présentation des aperçus du contenu de la page, mais ils n’influent plus autant sur la visibilité de la page dans les recherches.

Lorsque vous créez des mots-clés, il peut être utile de tenir compte des termes courants utilisés par les gens. Vous pouvez examiner les données d’acquisition issues des analyses Web pour vous guider, et tenir compte des types de mots-clés que les utilisateurs utilisent déjà pour effectuer leurs recherches.

Google Trends est une autre ressource utile pour faciliter la prise de décision. Cet outil vous permet de comparer les mots-clés et d’obtenir des informations sur les termes les plus courants. Une autre bonne ressource pour aider à prendre votre décision est


Aperçu de partage sur les réseaux sociaux

L’aperçu de partage sur les réseaux sociaux correspond à la vignette qui s’affiche lorsqu’un site Web est partagé sur des réseaux sociaux ou par messagerie texte. Les métadonnées permettent de contrôler l’image, le titre et la description qui s’affichent lors du partage de liens vers le site Web gouvernemental.

Facebook

Aperçu d’un site Web partagé sur Facebook.

Messenger

Aperçu d’un site Web partagé sur Messenger.

Message SMS

Aperçu d’un site Web partagé par message texte.

Le protocole Open Graph propose des balises qui vous permettent d’optimiser l’apparence des pages Web partagées par le biais de plateformes numériques et d’applications de messagerie.

HTML

<!-- Notez que vous avez besoin de l'URL complète de votre image -->
<meta property="og:title" content="Titre de votre page" />
<meta property="og:description" content="Description de votre page" />
<meta property="og:image" content="https://gnb.ca/img/placeholder.jpg" />
<meta property="og:image:alt" content="Brève description de votre image" />


Outils de test et de validation