Les bases de la sémantique
La sémantique est un mot qui fait peur à de nombreux créateurs, mais ce n'est pas nécessairement un sujet difficile ou compliqué. Cela concerne l'expression significative, en évitant le balisage de présentation et en utilisant des balises appropriées et significatives lorsque cela est possible.
Essentiellement, concevoir et écrire du code HTML de manière sémantique est aussi simple que de garder votre HTML concerné par le contenu de la page et non par la mise en page. Certaines des étapes simples ci-dessous vous aideront à vous assurer que vous restez sémantiquement agréable pour les moteurs de recherche, les araignées et les visiteurs
Explorez Envato Elements
Balise de titre
Assurez-vous que la balise de titre de votre page est descriptive et significative. Assurez-vous qu'il change pour chaque page de votre site pour refléter le contenu de cette page.
Rubriques
Il est possible de définir les en-têtes de votre page avec des balises div et span, mais cela ne signifie pas qu'il s'agit d'un en-tête. L'utilisation de balises h1 à h6 pour différencier et styliser les en-têtes de votre page est bien meilleure.
Tableaux et formulaires
Par défaut, les tables et les formulaires ne sont pas très sémantiques et peuvent être très généraux. Ils manquent également d'accessibilité pour ceux qui utilisent des navigateurs non standard. Pour les tableaux, assurez-vous d'utiliser la balise thead pour expliquer les colonnes de votre tableau. Pour les formulaires, respectez l'utilisation de la balise label pour décrire à quoi sert chaque entrée, case à cocher, etc.
Images
Il semble que cela soit dit et répété, mais utilisez des attributs pour toutes vos images pour vous assurer qu'elles sont décrites dans le contenu de la page - à la fois pour le bénéfice des moteurs de recherche et des utilisateurs handicapés.
Cela semble simple… mais pourquoi?
L'utilisation de code sémantique ne rendra pas votre site Web différent et n'apportera aucun avantage direct à vos lecteurs. Un effet direct que vous pouvez constater est que les moteurs de recherche contrôlent votre site Web de manière plus correcte et efficace.
En outre, le codage sémantique ouvre la voie à l'avenir. De nouveaux appareils, logiciels et applications seront disponibles au cours des 5, 10, 100 prochaines années et utiliseront toujours le contenu sur le Web pour les alimenter. La sémantique établit la norme à laquelle les futurs systèmes adhéreront et interpréteront, alors préparez-vous à l'avenir!
