HTML5

1. HTML5 expliqué
2. Pourquoi choisir HTML5 ?
3. Économies et bénéfices
   1. HTML5 fait faire des économies
   2. HTML5 et le référencement
4. Conclusion
   1. Liens utiles

HTML 5 ou HTML5 (sans espace), voire HTML 5.0, c'est la dernière génération du langage employé sur le Web pour créer les pages d’un site. C’est celui qu’utilise l’agence de créations de sites internet pour la Normandie, Normandie Web pour la réalisation des sites Web de ses clients. Son prédécesseur, HTML 4.01, datant maintenant d’une dizaine d’années, HTML5 a pour objectif d’intégrer via son code des contenus hétérogènes (l’audio ou la vidéo par exemple) et de mieux structurer la mise en page par des éléments dotés de sens.
Cette refonte du langage est assurée en partie par le W3C¹¹Le W3C (World Wide Web Consortium), est un organisme de standardisation à but non lucratif, fondé en 1994 pour promouvoir la compatibilité des technologies du Web. et est adoptée aujourd’hui par l’ensemble des acteurs du Web.

HTML5 expliqué en 2 paragraphes

HTML5 organise les pages Web par le biais de balises qui apportent au contenu une valeur et une richesse sémantique. HTML5 permet ainsi de hiérarchiser l’importance du contenu que l’on va placer dans les différents blocs.

Mais, HTML5 est plus qu’un simple langage de description des pages Web. C’est aussi une plateforme de développement simplifiée pour des applications qui se propagent sur les ordinateurs personnels et sur d’autres terminaux, tels que les mobiles.
Il permet de développer des interfaces en utilisant les technologies Web disponibles dans les navigateurs sans avoir, donc, à télécharger de programmes supplétifs.
En résumé, HTML5 se veut sémantique, extensible et indépendant des plate-formes.

Pourquoi choisir HTML5 ?

Pour le responsable d’un projet Web le choix d’HTML5 s’impose. C’est le langage qu’adoptent aujourd’hui Apple, Microsoft et Google ainsi que tous les éditeurs de contenus, grands magazines en ligne ou plateformes de partages multimédia.
Ce puissant langage étant la matrice commune de toutes les applications Web, il libère l’utilisateur de l’obligation d’importer dans son navigateur des technologies tierces, sources de nombreux conflits et ralentissements.
Si HTML5 s’inscrit durablement dans le paysage du Net, il offre néanmoins des avantages immédiats.

Économies et bénéfices d’un site HTML5

Un site en HTML5 coûte t-il plus cher ?
Non. HTML5 ne coûte pas plus cher en développement à fonctionnalités équivalentes bien sûr. Les compétences étant encore très rares, les coûts des développeurs « front-end »²²Le « développeur front-end » est le terme désignant les intégrateurs HTML qui créent le code des pages Web d'après les chartes graphiques élaborées par les infographistes. peuvent être plus chers. Toutefois, dans la durée, le choix du développement d’un site Web en HTML5 produira des réductions des coûts d’exploitation.
De plus, HTML5 possède un avantage indéniable sur son prédécesseur : il permet aux sites qui l’utilisent d’être mieux référencés par les moteurs de recherche.

HTML5 produit des économies

Les fonctionnalités qui auparavant nécessitaient d’intégrer des technologies propriétaires parfois coûteuses étant natives en HTML5, l’économie, tant en termes d’acquisitions de licence que de développements, est directe.
HTML5 et ses technologies en satellite du langage de description de pages (HTML5 étant un noyau sur lequel se greffent de nombreuses applications) va devenir le socle commun à toutes les innovations.
Construire un site Web en HTML5 est donc un investissement pérenne :

• les pages Web ainsi balisées n’auront pas à subir de révision de code,
• l’ajout de fonctionnalités ne nécessitera pas de refonte du code

Mais plus que ces économies HTML5 apportent des bénéfices.

HTML5 optimise le référencement naturel

Le balisage d’une page en HTML5 structure mieux celle-ci : ses différents blocs, hauts et pieds de pages, articles, sections annexes et connexes permettent une meilleure identification du contenu par les robots³³Lire aussi :
l’article à propos de l’optimisation technique : HTML5 et SEO ou cet autre, plus technique : HTML5 et le référencement naturel.. Le poids de chacune de ces sections aura une valeur de traitement relative. Les éléments répétés au fil des pages étant reconnus par les robots comme des éléments fixes ceux-ci accordent plus d’attention aux contenus variables : ceux des articles et ceux des sections reliées à l'article.
Les liens internes à la page profiteront d’un traitement différencié selon leurs placements. De ce fait, la valeur de ces liens étant différente, l’architecture du site et l’indexation de son contenu est facilité pour le référencement naturel et le positionnement de ces pages dans les résultats des requêtes des internautes dans les moteurs de recherche.

Conclusion

Pour le responsable d’un projet de création de site Internet⁴⁴On parle plutôt de site Web, mais les requêtes des internautes portant sur la création de « site internet », il faut pour le référencement de Normandie Web se résoudre à l’utilisation de ce terme., ou dans l’éventualité d’une refonte d’un site existant, HTML5 doit figurer dans son cahier des charges comme une contrainte pour le prestataire. Ce dernier doit indiquer dans son « story board », le marquage sémantique utilisé pour chacune des sections des pages.
Dans l’éventualité de l’utilisation d’un CMS, il lui faut indiquer qu’il doit être optimisé pour le référencement naturel (SEO) et utiliser le balisage HTML5⁵⁵Nous utilisons un CMS HTML5 SEO de ce type..

Ainsi le site internet remplira ces objectifs de qualité : la satisfaction de ses visiteurs, l’efficience qui produira des économies et l’assurance de disposer d’un site dont les pages seront mieux positionnées dans les résultats des moteurs de recherche (SERP).

Quelques liens techniques sur HTML5

• HTML5 : l’article de Wikipedia
• HTML5 et le référencement
• HTML5 et l’accessibilité
• Le futur d’HTML5