Introduction aux Balises Sémantiques
Objectifs
Comprendre l'utilité des balises sémantiques HTML5.
Apprendre à structurer efficacement une page web.
Améliorer l'indexation de sites web par les moteurs de recherche.
Résumé
Découvrez l'importance des balises sémantiques HTML5 pour la structuration efficace de vos pages web et l'amélioration de leur indexation par les moteurs de recherche.
Description
Le HTML5 a introduit de nouvelles balises sémantiques qui permettent de mieux structurer le contenu des pages web. Parmi ces nouvelles balises, on retrouve header, nav, main, section, article, aside, et footer. Ces balises offrent une alternative claire et standardisée aux balises génériques div et span.
Les balises sémantiques aident les robots d'indexation à comprendre l'importance et la fréquence des éléments sur une page, ce qui favorise l'indexation et le classement des contenus sur les moteurs de recherche comme Google. Par exemple, l'élément header est utilisé pour regrouper les éléments d'introduction et d'aide à la navigation, comme le titre du site, un logo ou un formulaire de recherche.
Nous allons réaliser un site avec trois types de pages : une page d'accueil contenant divers contenus, une page 'Qui sommes nous' pour présenter l'équipe et rappeler les éléments de la page d'accueil, et une page 'Contact et tarifs' où seront listés les tarifs et un formulaire de réservation.