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 :
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.