Comment analyser la structure sémantique d’une page html ?
Les éléments H1 – H6 décrivent très brièvement le sujet d’un court texte (paragraphe). Ils forment la structure sémantique d’une page en HTML qui peut être utilisée par exemple pour construire la table des matières d’un document.
Ces balises de rubriques ne vous promettront pas un effet spectaculaire pour le classement d’une page web, bien sûr, mais l’utilisation correcte des éléments pourra « renforcer » d’autres facteurs techniques – que les professionnels du référencement web ont l’habitude de traiter – ainsi que la structure du contenu textuel du document. Etant une des méthodes pour mettre en valeur vos expressions-clés, les balises H1 – H6 clarifient les thèmes principaux de vos pages – tant pour les utilisateurs que pour les « robots ».
Une analyse de la structure sémantique d’une page web est une étape importante des diagnostics SEO. Cette analyse peut aider à :
- Identifier une page ;
- Analyser les principales expressions-clés (de vos concurrents) ;
- Améliorer le placement de vos expressions-clés ;
- Voir si vous exposez correctement le contenu de votre site.
Voici un outil bien connu qui peut vous aider à analyser la structure sémantique de vos pages :
- L’extension de Firefox Web Developer vous permet de faire une extraction du plan sémantique d’une page web (faites « Information » puis « View Document Outline ») :
Capture d’écran de News.ya-graphic.com
Zoom de capture d’écran.
Un logiciel que j’utilise souvent et qui est aussi une extension Firefox : KGen.
La vraie sémantique c’est l’étude des sèmes.
Aborder ce concept au niveau HTML ne se limite pas aux balises à mais à l’ensemble des balises (qui donnent en fait non pas une sémantique mais la nature de l’information).
Suivez-moi sur Twitter : yagraphic
16 septembre 2008 at 22 h 09 min Permalink
Paul: Oui, KGen est un excellent outil que j’utilise très souvent.
Nicolas: On parle ici de « structure sémantique », cette extension nous permet de dévoiler le squelette du corps textuel (sa hiérarchie). Comme pour une dissertation, les différentes parties doivent créer une structure cohérente avec l’intitulé du thème proposé en H1.
Nous ne devons pas pour autant oublier que l’ensemble des autres balises jouent un rôle tout aussi important.
Parler de sémantique même (analyse sémique), c’est sortir du sujet…
Bien sur dans le labyrinthe de Web developper, il doit y avoir la structure sémantique. Merci de l’info
car cette extension marche sur Firefox 3 contrairement à l’extension Document Map qui était spécialisé dans la structure sémantique mais sur…Firefox 2….
Du cpoup pour pouvoir l’utiliser encore, j’ai découvert Flock navigateur social (Firefox like)…Trés sympa ; Flock et Document Map, une extension tres précieuse,
…Bonne optimisation.
David
Suivez-moi sur Twitter : yagraphic
17 septembre 2008 at 6 h 09 min Permalink
Bonjour David,
Flock est un précieux navigateur ! :) Quant à Document map on regrette seulement qu’il n’ait pas plus d’options de paramétrage, mais il aussi bien.
Bien à vous,
Merci pour l’astuce, si on ajoute seoquake à cela, on a un joli aperçu de la page. ;)
Comment analyser la structure sémantique d’une page html ? (balises H) http://www.ya-graphic.com/2008/08/commen... #seo
@yagraphic t’as un vieux spam russe publié sur ce post
@mbimagika oups comment il est passé lui o_O je vais m’occuper de lui de suite
RT @yagraphic: Comment analyser la structure sémantique d’une page html ? (balises H) http://www.ya-graphic.com/2008/08/commen... #seo
Hello,
Il y a également une extension bien sympa qui donne en temps réel dans un panneau latéral les Hx.
Il s’agit de Headings Maps : https://addons.mozilla.org/en-US/firefox/addon/7203/
Suivez-moi sur Twitter : yagraphic
7 juin 2010 at 11 h 22 min Permalink
Excellente contribution, merci Nicolas. Cette extension fait gagner du temps.