Aller au contenu principal
Bethemesh
Web & SEO

Analyseur SEO HTML

Collez le HTML d’une page pour contrôler son titre, sa meta description, son URL canonique, ses directives robots, ses titres H1, ses images et ses données structurées.

  • Presse-papiers

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Code HTML

Rapport SEO

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Cet analyseur lit le code HTML d’une page et en extrait les signaux SEO de base : title, meta description, canonical, directive robots, titres H1 et H2, attributs alt des images et blocs JSON-LD. Il produit un rapport JSON avec un statut par contrôle, sans télécharger la page ni envoyer le code à un serveur.

Le HTML collé est transformé en document par le navigateur (DOMParser), comme le ferait un robot qui lit le code source, sans exécuter les scripts de la page.

Sept contrôles reçoivent un statut : title absent = error ; meta description ou canonical absentes = warning ; robots contenant noindex = warning ; aucun H1 = error, plusieurs H1 = warning ; image sans attribut alt = warning ; aucun bloc application/ld+json = info.

Le rapport reprend aussi les valeurs trouvées : texte du title et de la description avec leur longueur en caractères, liste des H1 et H2, nombre total d’images, images sans alt et images avec un alt vide.

Un alt vide (alt="") n’est pas compté comme une erreur : c’est la bonne pratique pour une image décorative. Il est seulement décompté à part dans emptyAlt.

Comment utiliser cet outil ?

  1. Récupérez le HTML

    Ouvrez le code source de la page (Ctrl+U) ou exportez le HTML rendu, puis copiez-le entièrement.

  2. Collez-le dans le champ Code HTML

    Le head est indispensable : sans lui, title, description et canonical apparaîtront comme manquants.

  3. Lancez l’analyse

    Cliquez sur Analyser le HTML pour obtenir le rapport SEO.

  4. Traitez les statuts

    Corrigez d’abord les error, puis les warning ; un info signale seulement une opportunité.

Cas d'utilisation

Relire un template avant mise en ligne

Coller le HTML généré par un CMS ou un framework pour vérifier que le head contient bien title, description et canonical.

Diagnostiquer une page qui ne s’indexe pas

Repérer un noindex oublié dans la meta robots ou une canonical qui pointe vers une autre URL.

Contrôler la structure des titres

Voir d’un coup d’œil le nombre de H1 et la liste des H2 d’un article long.

Exemples

Fiche catégorie avec deux H1 et une image sans alt

Le title est présent (36 caractères), mais il manque la meta description, la page a deux H1 et une image n’a pas d’attribut alt. L’image à alt vide est signalée à part, sans erreur.

Entrée

<head><title>Chaussures de randonnée femme | Trek</title><link rel="canonical" href="https://example.com/randonnee/femme"></head>
<body><h1>Chaussures de randonnée femme</h1><h1>Nouveautés</h1>
<img src="a.jpg" alt="Modèle Alpine"><img src="b.jpg"><img src="c.jpg" alt=""></body>

Résultat

"title": "Chaussures de randonnée femme | Trek", "description": "", "canonical": "https://example.com/randonnee/femme", "robots": "",
"images": { "total": 3, "missingAlt": 1, "emptyAlt": 1 }, "structuredData": 0,
checks: title ok (36) · description warning (0) · canonical ok · robots ok (default) · h1 warning (2) · images-alt warning · structured-data info (0)

Conseils et bonnes pratiques

  • Analysez le HTML tel que les robots le voient : avec un site rendu côté client, le code source peut être presque vide alors que la page affichée est complète.
  • Le title et la description sont mesurés en caractères ; pour juger de leur affichage dans Google, utilisez le simulateur d’extrait SERP.
  • Une canonical présente n’est pas forcément juste : vérifiez qu’elle pointe vers l’URL que vous voulez voir indexée.
  • Le contrôle des images porte sur la présence de l’attribut alt, pas sur la qualité de sa description.

Sources et références

Questions fréquentes

Faut-il un seul H1 par page ?

Le HTML en autorise plusieurs, mais un H1 unique qui décrit le sujet de la page reste la structure la plus claire. L’outil met donc un warning à partir de deux H1 et une error s’il n’y en a aucun.

Quelle différence entre alt absent et alt vide ?

Sans attribut alt, le lecteur d’écran lit souvent le nom du fichier : c’est un défaut. Avec alt="", l’image est volontairement ignorée, ce qui convient aux images décoratives. L’outil compte les deux séparément.

Pourquoi l’absence de JSON-LD n’est-elle qu’une info ?

Les données structurées ne sont pas obligatoires. Elles permettent des résultats enrichis (produit, FAQ, fil d’Ariane) quand le type de page s’y prête, d’où un simple statut info.

L’outil vérifie-t-il les balises Open Graph ou hreflang ?

Non. Il se limite aux sept contrôles du rapport. Pour Open Graph et Twitter Cards, utilisez le générateur de balises meta ; pour les versions linguistiques, le générateur hreflang.

Peut-on analyser une page à partir de son URL ?

Non, l’outil ne télécharge rien : il travaille sur le code que vous collez. Cela permet aussi d’analyser une page en préproduction ou derrière une connexion.

Le HTML collé est-il envoyé ou conservé ?

Non. L’analyse se fait dans votre navigateur et le code n’est ni transmis ni enregistré.

Outils associés

Continuez avec ces outils

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

À lire aussi

TutorielBonnes pratiquesDébutant

Optimiser ses images pour le Web sans perdre en qualité

Redimensionnement, compression, WebP, AVIF, métadonnées et traitement par lot : une méthode complète pour alléger les images d’un site sans dégrader inutilement leur rendu.

30 août 20265 min