Utilisez ces étapes comme liste de travail et adaptez-les aux éléments disponibles, au périmètre et aux contraintes du projet.
Instructions pratiques
- Ouvrez la page à vérifier et la console développeur du navigateur. Activez d’abord le mode responsive pour contrôler les débordements mobiles.
- Vérifiez le code, collez le script complet dans la console et appuyez sur Entrée. Il lit la page actuelle ; seuls l’audit du sitemap et les vérifications de liens envoient des requêtes limitées à la même origine.
- Consultez la console ou le fichier CSV/JSON téléchargé. Les règles du navigateur, l’authentification et les méthodes non prises en charge par le serveur peuvent rendre certains résultats incertains.
(() => {
const meta = (name, attr = 'name') => document.querySelector('meta[' + attr + '="' + name + '"]')?.content || '';
const links = (rel) => [...document.querySelectorAll('link[rel="' + rel + '"]')].map((node) => ({ href: node.href, hreflang: node.hreflang || '' }));
const report = {
url: location.href,
title: document.title,
titleLength: document.title.length,
description: meta('description'),
descriptionLength: meta('description').length,
robots: meta('robots'),
canonical: links('canonical')[0]?.href || '',
language: document.documentElement.lang || '',
headings: Object.fromEntries([1, 2, 3, 4, 5, 6].map((level) => ['h' + level, [...document.querySelectorAll('h' + level)].map((node) => node.innerText.trim()).filter(Boolean)])),
hreflang: links('alternate').filter((item) => item.hreflang),
openGraph: Object.fromEntries([...document.querySelectorAll('meta[property^="og:"]')].map((node) => [node.getAttribute('property'), node.content])),
twitter: Object.fromEntries([...document.querySelectorAll('meta[name^="twitter:"]')].map((node) => [node.name, node.content])),
jsonLdBlocks: document.querySelectorAll('script[type="application/ld+json"]').length,
};
console.table({ title: report.title, titleLength: report.titleLength, descriptionLength: report.descriptionLength, robots: report.robots, canonical: report.canonical, language: report.language, h1Count: report.headings.h1.length, hreflangCount: report.hreflang.length, jsonLdBlocks: report.jsonLdBlocks });
console.log('Full SEO page report:', report);
const link = document.createElement('a');
link.href = URL.createObjectURL(new Blob([JSON.stringify(report, null, 2)], { type: 'application/json' }));
link.download = 'seo-page-audit.json';
link.click();
setTimeout(() => URL.revokeObjectURL(link.href), 1000);
})();Vérifiez le code avant de l’exécuter. Il lit la page actuelle ; seuls les audits sitemap et liens envoient des requêtes limitées à la même origine, sans cookies. Le contenu du site n’est pas modifié.