Aider les moteurs de recherche à trouver vos pages.

Vous donnez à chaque page un plan de titres clair, des images décrites, un chargement rapide et de bonnes métadonnées, pour que les moteurs de recherche la comprennent et la classent. DXPR Builder stocke la page comme HTML dans le champ body, donc les modules SEO de Drupal fonctionnent avec lui sans changement. Cette page couvre ce que vous réglez dans le builder et ce que vous réglez avec ces modules.

Construire un plan de titres

Les éléments de mise en page (sections, lignes et colonnes) sont de simples éléments div. Les moteurs de recherche lisent la structure d’une page du builder depuis ses titres.

1. Cliquez dans un élément Text.
2. Choisissez le niveau dans la liste des titres de la barre d’outils.
3. Gardez les niveaux dans l’ordre ; ne sautez pas de Heading 2 à Heading 4.

Sur DXPR CMS, vous pouvez masquer le titre du thème sur une page : sur son formulaire de modification, ouvrez DXPR Theme Settings, cochez Page Title sous DXPR Hide Regions et cliquez sur Save. Un Heading 1 du builder est alors l’unique Heading 1 de la page.

Un Title de Jumbotron est toujours un Heading 1, donc un Jumbotron ajoute un second Heading 1 à côté du titre de page de votre thème. Un Title de carte est toujours un Heading 5.

Décrire chaque image

1. Pointez l’image et cliquez sur More > Settings.
2. Ouvrez le panneau SEO et saisissez une courte description dans Alt attribute, idéalement de moins de 125 caractères.
3. Cliquez sur Save dans le dialogue, puis sur Save sur la barre du conteneur.

Un Alt attribute vide n’écrit aucun alt. Pour une image qui n’apporte aucune information, utilisez plutôt une Background image de section.

Ajouter des métadonnées avec des modules Drupal

Ces modules agissent sur le nœud, donc ils couvrent les pages du builder sans configuration supplémentaire :

• Metatag : titres de page, descriptions et tags Open Graph
• Pathauto : chemins d’URL lisibles
• Simple XML Sitemap ou XML Sitemap : pages du builder dans votre plan de site
• Schema.org Metatag : données structurées

Garder des pages rapides

Les moteurs de recherche tiennent compte de la vitesse des pages dans les classements.

• Dans un élément Image, choisissez la taille d’image Optimize for fast loading. Elle met l’image à l’échelle à 1024 pixels de large et l’enregistre en WebP.
• Chaque image d’une page du builder se charge avec la page ; l’élément Image ne charge pas en différé. Limitez les grandes images à celles dont la page a besoin.
• Donnez à chaque élément Video une Image. Le lecteur ne se charge alors que quand un visiteur clique.
• Gardez le cache de pages de Drupal activé.

Voir Performance pour ce que charge chaque page.

Écrire des liens utiles

• Utilisez un texte de lien descriptif (« Read our pricing guide » plutôt que « cliquez ici »).
• N’ouvrez les liens externes dans un nouvel onglet que quand les visiteurs ont besoin de la page d’où ils viennent.
• Utilisez des URL relatives pour les liens internes, comme /about, pour que les liens continuent de fonctionner en staging et en production.
• Vérifiez régulièrement l’absence de liens cassés.

Ce que vous voyez

Un audit de page, comme les rapports SEO et Performance du panneau Lighthouse du navigateur, trouve un seul Heading 1, aucune image sans texte alternatif, et une méta-description. Le code source de la page montre vos titres comme h2 et h3 dans l’ordre.

Si votre audit n’est pas sans erreur

• L’audit signale des images sans texte alternatif. L’Alt attribute d’un élément Image est vide. Remplissez-le sous SEO.
• L’audit ne signale aucune méta-description. Le cœur de Drupal n’en ajoute pas. Installez Metatag et définissez une description pour le type de contenu ou la page.
• L’audit signale de grandes images. Les images utilisent Original image (No resizing). Choisissez Optimize for fast loading dans chaque élément Image.

Et ensuite ?

Accessibilité pour du contenu inclusif pour continuer à explorer DXPR Builder.