- Vous utilisez le navigateur Internet explorer, allez dans la barre de menu en haut de page, cliquez sur Affichage puis Source.
- Vous utilisez le navigateur Firefox, faites un clic droit sur la souris puis allez dans Source.
Le code source
Une page écrite en langage informatique, apparaît. C’est le code source de la page. En matière web, le langage utilisé est le html. Il est interprété par le navigateur que nous utilisons pour consulter les sites. Le code source - composé de signes, mots, alphabets - donne des instructions au navigateur afin que celui-ci exécute des tâches.
Exemple : il fait apparaître un fond de couleur bleue, des caractères en gris, certains mots en gras, les images à droite de la page etc.
Les balises sémantiques
Quand on souhaite repérer si un site internet est optimisé, on étudie la présence de certaines balises html. Ces balises sont représentées par des mots-clés entourés des caractères < et >. Elles donnent des instructions codifiées aux navigateurs web.
On parle de balises sémantiques parce que chacune d’entre elles a un sens qui est interprété par le navigateur.
Exemple de ce que l’on pourrait lire dans un code source : <strong>mer</trong>. Grâce à cette balise le mot mer apparaît en gras sur la page.
Les balises sémantiques à vérifier lors d’une étude d’optimisation de site web sont, par ordre d’importance :
- Balise <title> : titre de la page. Très important pour les moteurs de recherche. Doit contenir les mots-clés de ma page. Il se trouve dans l’onglet en haut de page. Il ne sert pas réellement à la lecture par les internautes.
- Balise <h1> : titre principal de la page. Elle doit contenir également des informations importantes pour l’indexation par les moteurs de recherche.
- Balise <h2> : elle sert à identifier les sous-titres.
- Balise <strong> : elle met en gras les mots ou expressions clés de la page et signifie ainsi aux moteurs leur importance lors de l’indexation.
- Attribut alt de la balise <img> : C’est le texte alternatif à une image. Il est important de le rédiger correctement à double titre : afin que les déficients visuels puissent en prendre connaissance par le biais de leur navigateur adapté et parce que les moteurs de recherche en tiennent compte pour le référencement.
- Balise <li> : elle permet de lister des données sur une page et un apporte un confort de lecture non négligeable à l'internaute.
Par Arteacom : référencement naturel Aix en Provence.