Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Connaissances de base en HTML/CSS.
Métiers concernés
Développeurs web.
Consultants SEO.
Web designers.
Alternatives et ressources
Utilisation de balises non-sémantiques comme div et span.
Questions & Réponses
Je m'abonne
