2014
13/Avr

Code source (de la page web)

DĂ©finition

On appelle code source d’une page web le code informatique envoyĂ© au navigateur pour qu’il affiche une page web.Ce code contient du html, des instructions CSS et du javascript.

Visualiser le code source d’une page web

Pour visualiser le code source d’une page, il existe plusieurs mĂ©thodes :

Avec le navigateur Firefox

Faire un clic droit dans une page web (si possible en dehors d’une image ou d’une vidĂ©o), et choisir “Code source de la page”. Vous pouvez Ă©galement utiliser l’excellent Firebug :Voir le code source avec Firebug

Avec le navigateur Chrome

Faire un clic droit dans une page web (si possible en dehors d’une image ou d’une vidĂ©o), et choisir “Afficher le code source de la page”. Vous pouvez Ă©galement choisir “Inspecter l’Ă©lĂ©ment” pour ouvrir l’outil d’exploration intĂ©grĂ© Ă  Chrome, Ă©quivalent de Firebug sur Firefox.

Avec Internet Explorer

Faire un clic droit dans une page web (si possible en dehors d’une image ou d’une vidĂ©o), et choisir “Afficher la source”. Vous pouvez Ă©galement choisir “Inspecter l’Ă©lĂ©ment” pour ouvrir l’outil d’exploration intĂ©grĂ© Ă  Internet Explorer, Ă©quivalent de Firebug sur Firefox.

Quelles informations se trouvent dans le code source ?

Vous trouverez ci-dessous quelques exemples d’informations disponibles en consultant le code source d’une page web.

Avec quoi est fait le site ?

En recherchant dans le texte du code source la balise <meta> generator, vous verrez parfois avec quel outil (par exemple quel CMS) le site web que vous analysez a Ă©tĂ© fait, tout comme la version du CMS utilisĂ©. La plupart des agences cachent cependant cette information afin d’Ă©viter que des pirates n’exploitent les Ă©ventuelles failles de sĂ©curitĂ© affĂ©rentes Ă  des versions obsolĂštes du CMS.

Quel(s) outil(s) de tracking est(sont) utilisés ?

En faisant une recherche sur le terme “analytics” dans le code source de la page, vous pourrez savoir si ce site utilise par exemple le systĂšme de tracking statistique de Google.

OĂč sont stockĂ©es les images du site

Peut ĂȘtre utile pour, par exemple, rĂ©cupĂ©rer des images dans leur rĂ©solution d’origine, qui sont bien souvent redimensionnĂ©es dans le navigateur.

Le niveau d’optimisation du rĂ©fĂ©rencement naturel

L’analyse des balises Title, Description et Keywords sont utiles pour Ă©valuer le niveau d’optimisation (SEO) du site ainsi que les expressions-clefs sur lesquels votre concurrent (ou futur client) essaye de se positionner.

Code source et code source…

Le code html/CSS/jS transmis au navigateur n’est pas identique au code source de la page cĂŽtĂ© serveur. Inutile de chercher les instructions php ! Pour en savoir plus Ă  ce sujet, lisez la dĂ©finition d’un langage de script.

Pour aller plus loin, nous vous invitons Ă  tĂ©lĂ©charger notre livre blanc: “les 11 commandements d’un site internet qui convertit vos visiteurs en clients” et Ă  contacter notre agence web.

Gabriel Dabi-Schwebel

Posté par

Ingénieur de formation, j'ai accompagné notamment pour Alcatel, TF1, SFR et LagardÚre Active le lanc

Gabriel Dabi-Schwebel

Contact DĂ©veloppement web :

Jérémie Dornbusch

jd@1min30.com
07 85 92 87 77





Commenter

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Apprenez de notre stratégie en vous inscrivant à notre newsletter

Do NOT follow this link or you will be banned from the site!