Qu'est-ce que l'intégration HTML ?
L'intégration HTML consiste à écrire le code source d'un site web en utilisant principalement les langages XHTML, CSS et Javascript. L'apparence du site est généralement définie auparavant sur une maquette graphique, et l’intégrateur HTML se charge d’intégrer les élément du site dans une page HTML.
Intégrateur HTML, un métier.
La réalisation d'un site web demande certaines connaissances techniques. De plus, tous les sites web ne sont pas forcément bien développés, ce qui peut entrainer des problèmes d'affichages, de longs temps de chargement, des problèmes d’accessibilité ou une ergonomie perfectible. Le référencement dans les moteurs de recherche comme Google est également un sujet à ne pas négliger. C’est pourquoi il est important de prêter attention au code HTML qui génère votre page web. Il y a une multitude de normes et de techniques à utiliser pour produire un « bon » site web.
Alors qu’est-ce qu’un « bon » site web et pourquoi prêter attention à l'intégration HTML ?
- Pour un affichage sans bug ni différence entre tous les navigateurs web (Internet Explorer, Firefox, Chrome, Safari, Opéra... sans oublier les navigateurs de téléphones mobiles et de tablettes tactiles).
- Pour un affichage rapide avec un temps de chargement optimisé.
- Pour un meilleur référencement naturel dans les moteurs de recherche, notamment pour Google.
- Pour une ergonomie et une accessibilité optimisée pour tous les types de visiteurs.
Ces quelques raisons font que l’intégration HTML d’un site web n’est pas à prendre à la légère. Sans trop entrer dans les détails techniques, voici quelques bases de mon métier, celui d’intégrateur HTML.
Les langages XHTML / CSS, les librairies Javascript
L’intégrateur HTML utilise plusieurs langages et technologies. Le code des pages web est écrit en XHTML, et la mise en page est réalisée en CSS.
A cela il peut y ajouter du Javascript, pour obtenir des comportements particuliers, comme la vérification d’un formulaire ou l’affichage d’une popin.
Les librairies Javascripts, comme Jquery, permettent des résultats avec plus d’effets visuels, comme des apparitions en fondu.
Pour la mise en place de blog ou de forum, le plus simple est d’utiliser un système de gestion de contenu libre, comme Wordpress ou PhpBB. L’intégrateur HTML peut donc personnaliser l’apparence de ces sites web.
Le respect des normes W3C
Le World Wide Web Consortium (W3C) est un organisme de standardisation chargé de promouvoir la compatibilité des technologies du Web.
Le W3C établit certaines normes, notamment sur la façon de coder en HTML, XHTML et CSS. L’intégrateur HTML a donc tout intérêt à respecter ces recommandations et d'utiliser chaque balise HTML de façon sémantiquement correcte afin d’optimiser l’accessibilité et d’obtenir un « bon » site web, comme je l’ai dit précédemment.
Optimisation des images
Les images affichées sur un site web doivent être découpées depuis la maquette graphique du site avec un logiciel d'imagerie numérique comme Photoshop. Cette découpe s'effectue au pixel près, comme sur l'exemple ci-contre. L'image découpée est ensuite enregistrée au format adapté (jpg, png ou gif), avec une optimisation qualité/poids. Cela permet notamment d'optimiser le temps de chargement des images dans une page web.
Le référencement naturel
Le référencement naturel, c’est lorsque les moteurs de recherche référencent le contenu d’un site naturellement (sans payer pour cela).
Seulement, Google ne voit pas le site web comme vous le voyez. Il voit uniquement le code source. Il appréciera donc si le site est bien intégré, et notamment s'il respecte les normes W3C. Il y a une multitude de choses à faire (ou à ne pas faire) pour améliorer le référencement naturel d’un site web.
L'ergonomie
Un site web est dit ergonomique s’il est facilement utilisable pour les visiteurs du site, et si ces derniers naviguent confortablement et efficacement.
L’ergonomie d’un site web n’est pas forcément liée à l’intégration HTML d’un site, puisque cela se décide théoriquement avant d’intégrer le site web. Cependant, l’intégrateur HTML peut tout de même contribuer à améliorer l’ergonomie du site, en utilisant des technologies optimisées (par exemple pour un déplié au passage de la souris) ainsi qu’un affichage dynamique et soigné.
L'accessibilité
Un site web accessible est utilisable par des personnes handicapées ou les personnes âgées ayant des capacités diminuées dues au vieillissement. Pour cela, il faut notamment respecter les normes techniques établies par la Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C). Ainsi, les personnes dites handicapées, peuvent percevoir, comprendre, naviguer, interagir avec le web, et y contribuer.
