Visionneuse de code source gratuite

Visionneuse de code source

Récupérez le HTML brut du serveur, avant tout JavaScript.

Saisissez une URL ci-dessus pour voir son code source

5 utilisations gratuites sur 5 restantes aujourd'hui ·

10 000+ marketeurs nous font confiance dans le monde

Rejoignez les SEO, agences et chefs d'entreprise qui développent leur trafic de recherche avec seotools.pro.

Marketeurs
10 000+
Marketeurs
Analyses gratuites
21 000+
Analyses gratuites
Sites pour le netlinking
620 000+
Sites pour le netlinking
Évaluation des utilisateurs
4.9/5
Évaluation des utilisateurs

Conçu pour les balises, en-têtes et le balisage qui n'atteignent jamais l'écran

MétaBingPerplexitén8n
7
onglets

Dans chaque résultat

5
MB

Taille max de la réponse

15
secondes

Délai de récupération

5
requêtes

Gratuites chaque jour

Comment ça marche

Une URL en entrée, 7 onglets en retour.

Rien à installer et aucune extension à qui faire confiance. La récupération s'exécute sur notre serveur et l'analyse est terminée avant que le résultat ne vous parvienne.

  1. Étape 1

    Collez l'URL que vous voulez lire

    Toute page publiquement accessible — votre propre template, la landing page d'un concurrent, ou une adresse que vous préférez ne pas ouvrir dans votre navigateur. Une URL par exécution.

  2. Étape 2

    Choisissez desktop ou mobile

    Le sélecteur change la chaîne user-agent envoyée avec la requête. Lancez-le une fois dans chaque mode et comparez les 2 réponses : c'est le moyen le plus rapide de repérer un site qui sert un HTML différent aux téléphones.

  3. Étape 3

    Lisez les 7 onglets

    La source brute avec coloration et retour à la ligne, puis les balises meta, les en-têtes HTTP, une synthèse SEO, les en-têtes de sécurité, les éventuelles données structurées et les ressources référencées par la page.

Référence

Les en-têtes de sécurité, et à quoi sert chacun.

L'onglet sécurité liste ce qui est revenu. Voici ce que ces en-têtes font vraiment, parce que presque personne d'autre dans cette catégorie ne prend la peine de les expliquer.

En-têteCe contre quoi il protègeValeur typiqueSon absence signifiePriorité
Content-Security-PolicyLe cross-site scripting et le code tiers injecté dans la pagedefault-src 'self'; script-src 'self'Tout script qui atteint la page est autorisé à s'exécuter, y compris celui arrivé via une dépendance compromise.Haute, et le plus difficile des 5 à déployer
Strict-Transport-SecurityLes attaques par downgrade et le vol de cookies lors d'une première requête non sécuriséemax-age=31536000; includeSubDomainsUn visiteur qui tape le domaine nu émet encore une requête en clair avant que votre redirection ne puisse le sauver.Haute, et parmi les moins coûteux à ajouter
X-Frame-OptionsLe clickjacking, où votre page est encadrée invisiblement sous celle de quelqu'un d'autreSAMEORIGINN'importe qui peut intégrer la page dans une iframe et poser ses propres contrôles par-dessus vos boutons.Haute sur tout ce qui comporte une action connectée
X-Content-Type-OptionsLe MIME sniffing, où un navigateur devine qu'un fichier est en réalité un scriptnosniffUn fichier servi en texte brut peut être réinterprété et exécuté comme du JavaScript par le navigateur.Moyenne, et c'est un correctif d'une ligne
Referrer-PolicyLa fuite d'URL complètes, de chemins et de jetons vers chaque site que vous liezstrict-origin-when-cross-originL'adresse complète de la page courante voyage vers n'importe quel site externe où clique un visiteur.Moyenne, plus haute si vos URL portent des identifiants

Le panneau rapporte ce que la réponse contenait. Il ne note pas les en-têtes, n'évalue pas le domaine et n'écrit pas le correctif à votre place — une note en lettre vous en dit moins que l'en-tête lui-même.

Sans outil

Comment afficher la source directement depuis votre navigateur.

Vous n'avez pas besoin de nous pour une page que vous pouvez déjà ouvrir. Voici les raccourcis, et le seul endroit où ils cessent de fonctionner.

Windows et Linux
Ctrl+U
macOS
Cmd+Option+U
Tout navigateur desktop, barre d'adresse
view-source:https://example.com
Chrome pour Android
view-source:https://example.com

Safari sur iOS bloque purement et simplement le schéma view-source:, donc sur un iPhone les options sont un bookmarklet, un raccourci Apple, une application tierce, ou une récupération côté serveur comme celle-ci. Une fois la source ouverte, Ctrl+F ou Cmd+F permet d'y chercher.

Ce qui revient

7 onglets à partir d'une seule récupération.

La plupart des visionneuses de cette catégorie renvoient le HTML brut et s'arrêtent là. Voici ce que la même requête unique vous donne à la place.

Le HTML brut tel qu'il est arrivé, et chaque balise meta qu'il contient.

  • Source brute, colorée et repliée

    Le HTML exactement tel que le serveur l'a envoyé, avec coloration syntaxique et retour à la ligne activable, pour qu'une ligne minifiée se lise sur un téléphone au lieu de défiler latéralement à l'infini.

  • Balises meta en liste lisible

    Title, description, canonical, robots, viewport, Open Graph et Twitter Card, extraits du document pour que vous n'ayez pas à les chasser dans le balisage.

Quand y recourir

4 raisons de lire la source d'une page.

Le code source n'est intéressant que quand quelque chose est cassé, ou quand quelqu'un d'autre a fait quelque chose de bien.

Auditer ce qu'une page déclare

Vérifiez le title, la canonical, la directive robots et les balises Open Graph qu'une URL expédie vraiment, plutôt que ceux promis par l'aperçu du CMS.

Déboguer un template

Quand une balise apparaît sur une page et disparaît sur une autre, la réponse brute avant JavaScript vous dit si le template l'a jamais émise.

Passer en revue les en-têtes de sécurité

Voyez quels en-têtes de protection un domaine renvoie avant de valider un lancement, et lesquels personne n'a pris le temps d'ajouter.

Ouvrir une page que vous préférez éviter

La récupération se fait sur notre serveur : vous pouvez donc lire le balisage d'une URL inconnue ou suspecte sans la charger dans votre propre navigateur.

Comparaison honnête

En quoi cela diffère des alternatives.

Les 2 alternatives sont légitimes, et le navigateur nous bat nettement sur la dernière ligne.

view-source: du navigateurVisionneuses en ligne classiquesseotools.pro
HTML brut avant JavaScript
Balises meta analysées en liste lisible
En-têtes de réponse HTTP dans la même exécution
En-têtes de sécurité expliqués, pas seulement déversés
Lisible sur un téléphone sans défilement latéral
Sélecteur d'user-agent desktop et mobile
Fonctionne sur une page où vous êtes déjà connecté
De la part des utilisateurs de seotools.pro

Ce que disent les équipes de leur travail avec nous.

“J'ai essayé SEOtools.pro et c'est un excellent outil pour gérer un site ou créer du contenu. Il repère rapidement les balises meta manquantes, les liens cassés et les problèmes de texte alternatif, ce qui fait gagner du temps. Pour les contrôles quotidiens, il simplifie vraiment la vie. Je le recommande !”

Ayesha Mansha Cofondatrice de Brand ClickX

“C'est un outil incroyablement pratique. Je réalise de nombreux audits SEO et seotools.pro me fait gagner énormément de temps. Ce qui prenait des heures ne demande plus que quelques clics. Les données sont claires, l'interface est simple et s'intègre parfaitement à mon travail.”

Emanuel P
Emanuel P Fondateur de How About Some Marketing

“seotools.pro est un outil fantastique qui identifie de nombreuses erreurs et omissions en SEO on-page et suggère automatiquement comment les corriger. Les améliorations sont visibles dès le premier jour.”

Alex Genadinik
Alex Genadinik CEO et CMO de Problemio

“seotools.pro est un véritable joyau parmi les outils SEO. Nous avons repéré une faute critique dans un article PR que notre client venait de publier. Elle aurait pu coûter cher, mais seotools.pro était là à temps.”

Alexandra Tachalova
Alexandra Tachalova Fondatrice et consultante Digital PR chez Digital Olympus

“En tant que spécialiste du contenu SEO, je garde une stack légère. seotools.pro a centralisé tout mon flux : repérer ce qu'il faut optimiser, modifier les balises meta dans l'outil et tout partager avec mes clients en quelques secondes.”

Kate Starr
Kate Starr Fondatrice et autrice de la newsletter Content Backstage

“L'équilibre entre automatisation et créativité humaine dessine un avenir où l'efficacité rencontre la réflexion stratégique. Il est inspirant de voir seotools.pro résoudre les vrais problèmes du secteur et rendre le SEO plus accessible.”

Joseph Smith Fondateur de The IT Leader Coach

“Plus un site est grand, plus le contrôle de la qualité du contenu demande du travail. Cet outil aide à organiser les pages, analyser les faiblesses, vérifier et réécrire le contenu et les métadonnées, puis corriger les erreurs pour les utilisateurs.”

Nikolay Shmichkov CEO de SEOquick, agence partenaire de seotools.pro

“J'ai essayé SEOtools.pro et c'est un excellent outil pour gérer un site ou créer du contenu. Il repère rapidement les balises meta manquantes, les liens cassés et les problèmes de texte alternatif, ce qui fait gagner du temps. Pour les contrôles quotidiens, il simplifie vraiment la vie. Je le recommande !”

Ayesha Mansha Cofondatrice de Brand ClickX

“C'est un outil incroyablement pratique. Je réalise de nombreux audits SEO et seotools.pro me fait gagner énormément de temps. Ce qui prenait des heures ne demande plus que quelques clics. Les données sont claires, l'interface est simple et s'intègre parfaitement à mon travail.”

Emanuel P
Emanuel P Fondateur de How About Some Marketing

“seotools.pro est un outil fantastique qui identifie de nombreuses erreurs et omissions en SEO on-page et suggère automatiquement comment les corriger. Les améliorations sont visibles dès le premier jour.”

Alex Genadinik
Alex Genadinik CEO et CMO de Problemio

“seotools.pro est un véritable joyau parmi les outils SEO. Nous avons repéré une faute critique dans un article PR que notre client venait de publier. Elle aurait pu coûter cher, mais seotools.pro était là à temps.”

Alexandra Tachalova
Alexandra Tachalova Fondatrice et consultante Digital PR chez Digital Olympus

“En tant que spécialiste du contenu SEO, je garde une stack légère. seotools.pro a centralisé tout mon flux : repérer ce qu'il faut optimiser, modifier les balises meta dans l'outil et tout partager avec mes clients en quelques secondes.”

Kate Starr
Kate Starr Fondatrice et autrice de la newsletter Content Backstage

“L'équilibre entre automatisation et créativité humaine dessine un avenir où l'efficacité rencontre la réflexion stratégique. Il est inspirant de voir seotools.pro résoudre les vrais problèmes du secteur et rendre le SEO plus accessible.”

Joseph Smith Fondateur de The IT Leader Coach

“Plus un site est grand, plus le contrôle de la qualité du contenu demande du travail. Cet outil aide à organiser les pages, analyser les faiblesses, vérifier et réécrire le contenu et les métadonnées, puis corriger les erreurs pour les utilisateurs.”

Nikolay Shmichkov CEO de SEOquick, agence partenaire de seotools.pro

“seotools.pro a remplacé cinq outils différents pour nous. Les recommandations AI sont réellement exploitables et notre trafic organique a augmenté de 40 % en trois mois.”

Sarah Chen
Sarah Chen Responsable SEO chez GrowthHQ

“Cela fait aussi vraiment gagner du temps. Un flux de travail simplifié semble être un petit détail jusqu’à ce que l’on gère plusieurs projets en même temps. On voit alors une différence notable dans la rapidité avec laquelle on peut prendre des décisions.”

Muhammad Ali
Muhammad Ali PDG de Prime Digital Agency

“Nous avons quitté une ancienne plateforme sans jamais regarder en arrière. L'automatisation AI fait gagner plus de 20 heures par semaine à notre équipe, rien que sur les rapports.”

David Kim
David Kim CMO de ScaleStack

“Content Optimizer et AI Writer ont transformé notre travail. Notre contenu se classe désormais régulièrement dans le top 3 sur des mots-clés concurrentiels.”

Emily Thompson
Emily Thompson Directrice du contenu chez Webflow

“Ce sont les meilleurs outils de SEO local que j'ai utilisés. Nos profils Google Business sont passés de la page 3 au pack local en seulement six semaines.”

Lisa Patel
Lisa Patel Fondatrice de LocalBiz Pro

“Enfin une plateforme SEO qui utilise correctement l'AI. L'audit de site détecte des problèmes que les autres outils ignorent complètement. Un excellent produit.”

James Wright
James Wright Responsable SEO chez TechVentures

“seotools.pro a remplacé cinq outils différents pour nous. Les recommandations AI sont réellement exploitables et notre trafic organique a augmenté de 40 % en trois mois.”

Sarah Chen
Sarah Chen Responsable SEO chez GrowthHQ

“Cela fait aussi vraiment gagner du temps. Un flux de travail simplifié semble être un petit détail jusqu’à ce que l’on gère plusieurs projets en même temps. On voit alors une différence notable dans la rapidité avec laquelle on peut prendre des décisions.”

Muhammad Ali
Muhammad Ali PDG de Prime Digital Agency

“Nous avons quitté une ancienne plateforme sans jamais regarder en arrière. L'automatisation AI fait gagner plus de 20 heures par semaine à notre équipe, rien que sur les rapports.”

David Kim
David Kim CMO de ScaleStack

“Content Optimizer et AI Writer ont transformé notre travail. Notre contenu se classe désormais régulièrement dans le top 3 sur des mots-clés concurrentiels.”

Emily Thompson
Emily Thompson Directrice du contenu chez Webflow

“Ce sont les meilleurs outils de SEO local que j'ai utilisés. Nos profils Google Business sont passés de la page 3 au pack local en seulement six semaines.”

Lisa Patel
Lisa Patel Fondatrice de LocalBiz Pro

“Enfin une plateforme SEO qui utilise correctement l'AI. L'audit de site détecte des problèmes que les autres outils ignorent complètement. Un excellent produit.”

James Wright
James Wright Responsable SEO chez TechVentures
Questions

Le code source, expliqué simplement.

Comment afficher le code source d'un site web ?

Ctrl+U, ou collez l'URL ici.

Il y a 2 façons. Dans un navigateur desktop, appuyez sur Ctrl+U sous Windows ou Linux et Cmd+Option+U sous macOS : le HTML brut s'ouvre dans son propre onglet. Ou collez l'URL ici et la page est récupérée côté serveur, ce qui renvoie le même HTML plus les balises meta, les en-têtes HTTP, les en-têtes de sécurité, les données structurées et les ressources extraits de cette même réponse.

La visionneuse de code source est-elle gratuite ?

5 récupérations par jour, sans compte.

Oui, pour 5 récupérations par jour, appliquées côté serveur. Aucun compte à créer et aucun e-mail à fournir. Nous publions le chiffre plutôt que de dire « gratuit pour toujours », parce que le plafond est réel et que vous devez savoir où il se situe avant de le heurter.

Consulter le code source d'un site est-il légal ?

Le consulter, oui. Le réutiliser est une autre question.

Le consulter n'est pas une zone grise : le HTML a déjà été envoyé à votre navigateur pour qu'il puisse dessiner la page, et lire ce qui vous a été envoyé est un usage ordinaire du web. Copier des parties substantielles dans votre propre site est une question de droit d'auteur distincte, et la réponse dépend de ce que vous prenez et d'où vous êtes. Ceci est une information générale, pas un conseil juridique.

Récupérez une page et lisez ce que le serveur a envoyé.

5 récupérations gratuites par jour. Sans compte, sans e-mail, sans extension à installer.

Compte gratuit

Gardez vos résultats et auditez tout votre site

Un compte gratuit enregistre votre travail dans un projet et audite jusqu'à 500 pages par audit, 1 000 pages par mois. Sans carte.

Gratuit · sans carte

Quelle est la différence entre le code source et Inspecter l'élément ?

Le code source est le document HTML brut renvoyé par le serveur, avant l'exécution de tout JavaScript. Inspecter l'élément montre le DOM rendu : ce même document après que les scripts ont ajouté, déplacé et supprimé des nœuds, et après que le navigateur a discrètement corrigé le balisage invalide. Cet outil renvoie le premier. Si un titre existe dans le DOM mais pas dans la source, il a été construit côté client.

Pourquoi le code source diffère-t-il de ce que je vois à l'écran ?

Parce que l'écran est le résultat final et la source la matière brute. Tout ce qui est injecté par JavaScript — un prix chargé depuis une API, un bandeau de consentement, un composant hydraté après le chargement — existe dans la page rendue mais pas dans la réponse serveur. Le CSS masque et réordonne aussi du contenu pourtant bien présent dans la source. Ni l'un ni l'autre n'est un bug ; ce sont des étapes différentes de la même page.

Comment voir le HTML rendu que voit Google ?

Cet outil affiche le HTML avant l'exécution du JavaScript et vous prévient quand une page construit son contenu dans le navigateur. Pour votre page : inspection d'URL de la Search Console, test en direct (Test live URL), page testée, onglet HTML. Pour les autres sites, utilisez le Rich Results Test.

Que se passe-t-il si l'URL redirige ?

La récupération suit les redirections et affiche le code de la page d'arrivée. Après une redirection, l'adresse finale apparaît dans la barre au-dessus des onglets. Pour voir chaque saut et son code de statut, utilisez le Redirect Checker.

Quelles sont les limites d'une récupération gratuite ?

5 récupérations par jour sans compte, une URL par exécution. Une réponse de plus de 5 Mo, ou un serveur qui ne commence pas à répondre en 15 secondes, est interrompu. La visionneuse affiche les 2 000 premières lignes ; « Tout copier » et « Télécharger » donnent le fichier complet.

Comment voir le code source sur un iPhone ou un téléphone Android ?

Chrome pour Android ouvre les adresses view-source: saisies dans la barre d'adresse. Safari sur iOS ne le fait pas : collez donc l'URL ici, les longues lignes passent à la ligne et le code reste lisible sur un petit écran.