Erreurs courantes dans la sémantique HTML4 / HTML5 et pourquoi elles devraient être évitées - Profit Hunter

De même qu'un contenu bien structuré rend la communication avec le site plus pratique pour le visiteur, le balisage sémantique rend, à mon avis, la communication avec le site plus pratique pour le moteur de recherche.

Non, je ne veux pas dire que pour le référencement c'est une question de vie ou de mort - ce n'est même pas proche - mais si vous partagez mon opinion et considérez que la structuration correcte des informations complète le contenu avec le contexte et favorise l'indexation bénéfique et classement - ne prenez jamais le temps de vérifier minutieusement la sémantique de votre code.

Un article sur les balises a récemment été publié sur springboardseo. com, que j'ai diligemment et traduit.

Erreurs sémantiques communes

Abus de div

Div permet de décomposer un motif en segments logiques lorsqu'il n'est pas possible d'appliquer une balise sémantiquement correcte. Avant HTML5, il n'y avait pas de balises comme. en-tête. et pied de page. Ainsi, lors de l'utilisation de DOCTYPEHTML4 ou XHTML, n'oubliez pas de fournir des ID pour les sections pertinentes, ainsi que pour les barres latérales, les colonnes principales et les autres partitions logiques du modèle. Vous ne devez jamais perdre l’occasion d’évoquer la sémantique.

Multiple H1

Dans les versions HTML et antérieures de HTML (qui sont généralement les versions les plus courantes de HTML), l'une des erreurs sémantiques les plus courantes était l'utilisation de plusieurs H1 sur un page. La balise H1 est utilisée exclusivement pour le titre de la page principale et doit être utilisée une seule fois, juste avant la partie relative au contenu. Elle est similaire à un article de journal dans lequel il peut y avoir des sous-titres, mais il n’existe toujours qu’un seul titre principal.

La spécification HTML5 ajoute une nouvelle dimension à ce problème: elle recommande que, du point de vue de HTML 4. 01, soit une erreur sémantique, à savoir l'utilisation de plus d'un H1. Plusieurs en-têtes sont tout à fait appropriés dans HTML5, car les pages qu'il contient sont davantage segmentées (et sinon), mais dans les versions antérieures à HTML5, il ne devrait y avoir qu'un seul H1 sur la page.

Saut des niveaux d'en-tête

Si H4 est présent dans votre balisage, il est préférable de le remplacer par H3. Ne manquez pas les niveaux de titre. Si vous souhaitez que la police de sous-titre soit plus petite, ouvrez la feuille de style et apportez les modifications nécessaires.

Modèles basés sur des tableaux

Nous vivons au XXIe siècle depuis plus de dix ans. Cela aurait donc pu être globalement silencieux. Cependant: dans HTML, les tableaux sont destinés aux données tabulaires. C'est-à-dire: pour les tableaux d'images - s'il vous plaît. Pour le modèle de page - pas la peine.

Le positionnement CSS n’est pas aussi difficile à maîtriser qu’il semble au premier abord - surtout s’il est possible de faire appel à un spécialiste expérimenté qui peut surmonter les incompatibilités avec les principaux navigateurs avec deux ou trois corrections élégantes.

La principale chose à retenir sur le positionnement CSS est qu’il est possible de l’atteindre à 90% par le biais des seules propriétés float et margin. Pour la plupart des modèles, il n'est pas nécessaire d'encombrer des feuilles de style avec des propriétés de positionnement trop détaillées - il vous sera donc difficile de comprendre vos propres styles ultérieurement.

Éléments de bloc à l'intérieur d'éléments de ligne

Pour les débutants, la différence entre les éléments de ligne et les éléments de bloc s'avère souvent être une source de confusion considérable.

Abus BR

Si vous insérez un saut de ligne, ou. br. Après quelques mots, vous devrez probablement appliquer la liste. Si vous entrez beaucoup. br. d'affilée, il est probablement temps de penser à ajouter des styles.

Mais en quoi le balisage sémantique affecte-t-il le référencement?

Le principe de «mots justes aux bons endroits» n'est pas suffisant pour aider les visiteurs du site à tirer le meilleur parti de votre contenu, ni pour une interaction rentable avec des algorithmes de classement. . Bien sûr, je généralise, mais ceci est uniquement destiné à vous apporter ma pensée, à savoir:

La structure du texte est un concept de perception visuelle qui n’a de sens que pour les personnes. Les moteurs de recherche reçoivent des stimuli contextuels à partir des significations sémantiques contenues dans les en-têtes, les sous-en-têtes, les listes de définitions et d'autres éléments HTML riches en sémantique.

Sémantique, référencement et avenir

Si vous n'écrivez pas déjà vos propres codes HTML et CSS, vous devez veiller à le faire dans un proche avenir. Pourquoi Avec l'avènement du système controversé Schema. L'organisation, créée par trois géants de la recherche, l'avènement du Web sémantique se déplace de plus en plus du domaine des idées, où il se trouve depuis plus d'une décennie, au domaine de la réalité.

Le Web sémantique est un nouveau niveau d’influence de la sémantique sur la recherche, ainsi que sur de nombreux autres aspects de la vie du réseau, et celui qui ne suit pas les changements risque de se trouver dans une position extrêmement peu enviable.

Vous aimez les articles? Inscrivez-vous à la newsletter!

Chercher

Articles Liés