Introduction
Il n’y a rien de pire que de payer pour un site internet et de se rendre compte qu’il est mauvais, le rendant quasiment invisible et donc inutilisable. Un mauvais site internet n’est pas forcément un site moche, c’est un site qui n’atteint pas ses objectifs. Cela peut être causé par de nombreux facteurs, mais l’un des plus importants est la technique. Il faut donc contrôler les performances et ce qu’on appelle les Core Web Vitals, mais aussi la qualité du code et sa sémantique. Dans cet article, nous allons vous expliquer comment analyser un site internet avec des outils allant du plus simple au plus avancé.
Les contrôles faciles
Les Core Web Vitals avec WebPageTest
Les Core Web Vitals sont des indicateurs clés définis par Google pour mesurer l’expérience utilisateur sur un site.- LCP (Largest Contentful Paint) : mesure le temps de chargement du plus gros élément visible sur la page.
- FID (First Input Delay) : mesure le temps de réponse du site après la première interaction de l’utilisateur.
- CLS (Cumulative Layout Shift) : mesure la stabilité visuelle de la page (évite les décalages intempestifs d’éléments).
Utiliser WebPageTest pour analyser les Core Web Vitals
WebPageTest est un outil avancé qui permet d’aller plus loin que Google PageSpeed Insights en analysant en détail les performances d’un site web.Comment utiliser WebPageTest ?
- Rendez-vous sur WebPageTest.
- Saisissez l’URL de votre site et sélectionnez un emplacement de test.
- Choisissez un appareil et un navigateur (Chrome, Firefox, mobile, desktop…).
- Lancez le test et attendez l’analyse.
Identifier les points faibles avec Google PageSpeed Insights
Google PageSpeed Insights est un outil gratuit qui permet d’évaluer les performances d’un site web en quelques secondes.- La vitesse de chargement de votre site sur mobile et desktop.
- Les opportunités d’amélioration (optimisation des images, réduction du JavaScript, etc.).
- Un score global qui reflète l’expérience utilisateur.
Détecter les problèmes de structure avec Screaming Frog
Qu’est-ce que Screaming Frog et comment l’utiliser ?
Screaming Frog est un outil puissant qui permet d’analyser un site en profondeur. Il a une interface un peu daté qui peut faire peur, mais ne vous laissez pas impressionner par ça. Il fonctionne comme un moteur de recherche : il explore toutes les pages et identifie les erreurs techniques.Comment utiliser Screaming Frog ?
- Téléchargez et installez Screaming Frog SEO Spider. Oui, c'est un logiciel à installer sur votre ordinateur ce coup-ci
- Entrez l’URL de votre site et lancez l’analyse.
- Explorez les résultats pour repérer les erreurs (balises manquantes, liens cassés, temps de chargement élevé, etc.).
Vérifier les balises H1, H2, H3 : sont-elles bien organisées ?
Les balises de titre permettent de structurer le contenu d’une page. Un site bien organisé doit respecter ces règles :- Une seule balise H1 par page (c’est le titre principal).
- Des H2 pour structurer les sections principales.
- Des H3 pour les sous-sections.
- Plusieurs H1 sur une même page.
- Une page sans H1 du tout.
- Des titres désorganisés, ce qui nuit à la lisibilité et au SEO.
Tester les liens cassés et les redirections inutiles
Un lien cassé (404) nuit à l’expérience utilisateur et au référencement. Pour les identifier, vous pouvez utiliser :- Screaming Frog (dans l’onglet "Response Codes").
- Google Search Console, qui signale les erreurs d’indexation.
Détecter l'utilisation d’un page builder avec l’inspecteur de code
Comment ouvrir l’inspecteur de code ?
L’inspecteur de code permet d’analyser la structure HTML d’un site. Pour l’ouvrir :- Sur Chrome, Firefox et Edge : Faites un clic droit sur la page et sélectionnez "Inspecter".
- Sur Safari : Activez le menu Développement dans les préférences, puis cliquez sur "Inspecteur Web".
Comment repérer un site conçu avec un builder ?
Voici quelques indices révélateurs de l’utilisation d’un page builder :Présence de classes spécifiques
Certains builders ajoutent des classes reconnaissables à presque tous les éléments du site. Par exemple, avec Elementor, vous trouverez souvent :<div class="elementor elementor-section">
<div class="elementor-container">
<div class="elementor-row">
<div class="elementor-column">
<h1 class="elementor-heading-title">Titre du site</h1>
</div>
</div>
</div>
</div>- Divi :
.et_pb_section,.et_pb_row - WPBakery :
.vc_row,.vc_column_container
Une structure HTML inutilement complexe
Un site bien codé doit avoir une structure simple et efficace. Avec un builder, un simple titre<h1> peut être entouré d’une multitude de <div> inutiles :HTML optimisé (sans builder) :
<h1>Mon Titre</h1>HTML généré par un builder :
<div class="builder-container">
<div class="builder-row">
<div class="builder-column">
<h1 class="builder-title">Mon Titre</h1>
</div>
</div>
</div><div> inutiles, plus le code est lourd et plus le temps de chargement augmente, ce qui impacte les Core Web Vitals et le SEO.Trop de fichiers CSS et JavaScript
Les page builders chargent souvent des dizaines de fichiers CSS et JavaScript pour fonctionner, même si vous n’utilisez qu’une fraction de leurs fonctionnalités. Pour vérifier cela :- Ouvrez l’onglet "Network" (Réseau) dans l’inspecteur.
- Filtrez les fichiers CSS et JS.
- Si vous voyez une multitude de fichiers comme
elementor.min.css,divi-theme.jsouvc_custom_script.js, cela indique qu’un builder est utilisé.
Pourquoi tous ces points font d’un site un mauvais site ?
Un site n'est pas "mauvais" simplement parce qu'il utilise un page builder. Mais l’accumulation des problèmes techniques a un impact négatif sur l’expérience utilisateur et le référencement.Temps de chargement trop long
- Un code surchargé prend plus de temps à charger, ce qui impacte le LCP.
- Google favorise les sites rapides dans ses résultats de recherche.
Mauvaise indexation par Google
- Trop de
<div>et de fichiers inutiles rendent la page difficile à comprendre pour Google. - Une structure désorganisée peut nuire au SEO.
Conclusion : Un bon site doit être rapide, bien structuré et optimisé
- Un site bien optimisé = une meilleure expérience utilisateur
- Un site bien structuré = une indexation plus efficace sur Google
- Un site rapide = un meilleur taux de conversion
