15
A l’heure où les internautes passent de plus en plus de temps sur leur smartphone ou tablette, les marques doivent maintenant envisager la diffusion de leurs contenus digitaux dans une logique de convergence multi-écran. HTML5 semble pouvoir relever ce défi à la fois budgétaire et technologique.
Qu’est-ce qu’HTML5 ?
HTML5 est une nouvelle version du langage HTML, utilisé pour décrire le contenu d’une page web. C’est une norme toujours en cours de spécification par le W3C mais qui est d’ores et déjà intégrée dans de plus en plus de navigateurs web récents.
Elle ajoute, notamment:
1) de nouvelles balises, telles que <video> ou <canvas>, facilitant, respectivement, la lecture de contenus multimédias sans module complémentaire, ou permettant le dessin libre sur une zone de la page,
2) des fonctionnalités que l’on ne trouvait auparavant que dans des applications dites «natives», comme la création de connexions réseau persistantes entre le terminal et un serveur distant afin de faire transiter des données, ou bien le stockage d’informations en local,
3) de nouvelles possibilités de description des données présentes sur la page, afin d’en simplifier le référencement par les moteurs de recherche.
On y adjoint souvent, par abus de langage, des technologies annexes telles que CSS3 (pour Cascading Style Sheet version 3) qui permet, dans sa nouvelle version, des animations et transitions d’éléments visuels fluides, dans les pages web.
Réduction significative des coûts de développement !
Aujourd’hui, afin d’être présent sur iOS et Android, les 2 principales plateformes mobiles, le choix du développement natif s’impose.
Cependant, il s’agit d’un choix coûteux puisque la création d’une application nécessite l’adoption d’outils, de langages et donc de compétences très spécifiques à chacun des OS. Heureusement, ces plateformes ont un point commun, elles intègrent toutes des navigateurs web compatibles HTML5.
Ainsi, il est envisageable dès aujourd’hui, moyennant quelques adaptations, de produire des applications web riches sur ces terminaux mobiles. HTML5 permet en effet de réaliser un seul développement compatible avec l’ensemble des plateformes connectées (smartphone, tablette, TV connectée…), et ce, sans besoin de modules complémentaires. L’expérience utilisateur proposée par ces applications «universelles» n’est certes pas encore à la hauteur de celle proposée par des applications natives mais l’écart tend à se réduire. (voir par exemple les très réussies webapps Financial Times ou Kindle Cloud Reader).
Il existe également des solutions permettant d’encapsuler ces pages web enrichies à l’intérieur de «coquilles» natives et ainsi, d’accéder à des fonctionnalités normalement non disponibles via HTML5 (accéléromètre, caméra, NFC, …) puis de les déposer sur les différents magasins d’applications. On parlera d’ «applications hybrides». Une solution intermédiaire qui peut permettre de combiner les avantages des deux approches.
En cela, le revirement d’Adobe est assez spectaculaire puisque ce dernier a, tout d’abord, racheté une telle solution (PhoneGap), puis a abandonné très récemment le développement de son Flash Player pour mobile, préférant mettre toutes ses forces derrière HTML5.
Un meilleur référencement !
Encore aujourd’hui, la technique des moteurs de recherche, pour indexer l’ensemble des pages web repose sur le «crawling» de leur contenu (liens, mots clés, balises…). Pour améliorer leur référencement naturel, les marques sont ainsi contraintes d’optimiser la valeur sémantique de leur contenu en accord avec les algorithmiques qui en pondèreront la pertinence par rapport aux requêtes de recherche.
Ainsi, HTML5 donne la possibilité d’intégrer une dose de sémantique enrichie dans les pages web via:
1) une série de nouvelles balises décrivant la façon dont est segmentée la page (<header>, <section>, <article>, <footer>, etc.)
2) des «microdonnées» permettant de préciser la signification des données qui leurs sont associées (comme par exemple «name» ou «author» pour la description d’un livre sur un magasin en ligne).
Récemment, les principaux moteurs de recherche se sont mis d’accord afin de proposer un vocabulaire commun pour les microdonnées dans le but de faciliter leur adoption (ce vocabulaire est disponible sur: http://schema.org).
Pour quiconque travaillant ou s’intéressant de près ou de loin au SEO (Search Engine Optimization), ces nouveautés sont autant de nouvelles possibilités, pour les marques, de mieux référencer leurs contenus et, ainsi, de leur amener de nouveaux clients.
En conclusion
HTML5 semble donc bien parti pour tenir ses promesses. Sur le plan technique comme budgétaire, les perspectives sont très prometteuses. Cependant, compte-tenu des limitations technologiques des processeurs à faible consommation que l’on trouve sur nos terminaux mobiles et du temps nécessaire à la finalisation de la norme par le W3C, il faudra encore patienter afin de proposer aux consommateurs des expériences au niveau des applications natives.
Les applications hybrides sont une solution transitoire intéressante mais qui doit être utilisée dans des cas bien précis, l’utilisateur s’attendant à une réactivité et fluidité accrue de l’interface lorsqu’il télécharge une application via un App store.
Bien que très prometteur et déjà pertinent dans certains contextes très particuliers, HTML5 ne permet pas encore de proposer systématiquement une expérience utilisateur à la hauteur de celles proposée par une application native.
Le choix de la bonne techno devra par conséquent être le fruit d’une analyse et d’un diagnostic reposant sur :
- D’une part, une connaissance précise des attentes utilisateurs, des standards imposés par les offres concurrentes,
- D’autre part, sur un diagnostic SWOT (Forces/Faiblesses/Opportunité/Menaces) de l’utilisation de chaque techno sur un périmètre fonctionnel comparable.
Votre agence ou partenaire mobile doit vous accompagner dans ce choix stratégique. En tout cas nous on le fait 
