Corregir «Página sin título pertinente» en React

Por qué es un problema

El <title> es lo primero que se anuncia al abrir una página y la etiqueta de la pestaña. Ausente o genérico, el usuario no se orienta ni distingue pestañas.

Cómo corregirlo — React

Dé a cada página un título único y descriptivo, idealmente «Tema de la página — Nombre del sitio». Actualícelo en cada navegación de una SPA.

Evitar

// app/panier/page.tsx (Next.js) — titre manquant

Correcto

// app/panier/page.tsx (Next.js App Router)
export const metadata = {
  title: "Mon panier — Mobilier Durand",
};

Criterio RGAA 8.5 — Éléments obligatoires

Chaque page web a-t-elle un titre de page ?

Cómo verificarlo: pruebas oficiales (en francés)

Test 8.5.1
Chaque page web a-t-elle un titre de page (balise <title>) ?

Ficha completa del criterio 8.5 · Texto oficial: Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Ver para otro framework

Vue Angular Svelte HTML

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis