Hybrid 4 aussi si vous vous intéressez au monde automobile (il s’agit de la technologie PSA qui repose sur l’utilisation conjointe d’un moteur diesel, d’un moteur électrique, du stop & start  et d’une boîte de vitesses manuelle séquentielle pilotée)

Mais le HTML 5 ne vous est peut être pas encore famillier.

Et pourtant c’est grâce à cette évolution du langage HTML (HyperText Markup Language)  que vos agences pourront demain développer des sites encore plus efficaces mais aussi beaux.

Et comme un très bel exemple de ce que cette technologie peut permettre de réaliser vient d’être produit pour la marque Peugeot, nous ne nous privons pas de vous en présenter ici des captures d’écrans.

Une très dynamique page d’accueil qui vous fait attendre quelques secondes avant le chargement du site. Sur cette page quelques ingrédients qui devraient retenir l’attention des visiteurs : Ambiance nuit, polar et jolie silhouette.

Puis vous rejoignez le début de l’aventure, ou plutôt celle de l’héroïne de cette bande dessinée (ou animation). Une petite explication du parallèle entre les 4 modes de l’Hybrid4 et la « mission » du personnage est malgré tout ncessaire en préambule.

Vous choisissez de laisser défiler les images ou de les contrôler avec le scroll de votre souris. Il ya du son attaché aux images ce qui renforce l’effet qualitatif.

L’animation en HTML5 vous entraîne donc rapidement vers des passerelles entre les qualités de l’Hybrid 4 et l’aventure de la belle héroïne qui affiche très clairement un air de Lara Croft.

Pour finalement terminer votre parcours sur une page plus pragmatique invitant l’internaute a prolonger sa visite vers plus d’explications ou à partager son experience sur Facebook.

Il est donc très intéressant de voir ce qu’un grand constructeur, avec une agence créative et ambitieuse, peut tenter de faire de manière originale en utilisant cette nouvelle technologie qu’est le HTML 5, permettant en particulier de développer des images de grande qualité tout en garantissant un référencement naturel du site (ce qui n’est pas le cas du Flash).

Chez Digital Dealer nous avons aimé cet innovant roman graphique.

Cet article HTML5 et Peugeot Hybrid4: Une réussite. a été publié sur Auto Net | Le blog des professionnels de l'Automobile sur Internet.

N’hésitez pas à nous demander si votre site est optimisé et ce que nous pouvons faire pour corriger simplement les erreurs déjà commises.

1/ Le « Title » trop long (+ de 70 caractères).
Le Title c’est ce qui dit au visiteur de votre site ce dont parle la page vers laquelle il va être dirigé.
Exemple pour Auto-net.fr :

2/ Les méta descriptions trop longues (+ de 150 Caractères)
C’est le texte qui se trouve au dessous du « Title » et qui a pour objectif de donner une mini explication sur le contenu de la page.
Exemple, toujours dans le cas de ce blog : « Automobile, Internet, Distribution Automobile, Stratégie Digitale, Nouvelles Technologies ».

3/ Le « Title » ne correspond pas à la recherche de l’internaute.
Soit dans la forme (utilisation de mots ou symboles inappropriés) soit dans l’ordre des mots clés utilisés.
Ex : si vous avez intégré le mot « numéro » sous la forme simplifiée « N° »

4/ Toutes les pages utilisent les mêmes mots clés.
Plus votre panel de mots clés sera important, et donc dédié à chacune des pages, avec un contenu varié, plus vous gagnerez en éfficacité.

5/ Nom de domaine non renouvelé !
Puis racheté, donc en perdant son ancienneté. Un nom de domaine c’est comme une bouteille de grand vin, plus c’est vieux, meilleur c’est (enfin presque …).

6/ Pas de CSS.
Un CSS est un « Cascading Style Sheet » qui permet une cohérence et une consistance dans la présentation des pages d’un site.
Plus votre site sera cohérent, meilleure sera la navigation des moteurs (via les crawlers) et donc votre référencement.

7/ Des formulaires clients trop longs.
Trop d’information tue l’information !
Il est effrayant de voir sur certains sites de distribution des formulaires qui ressemblent à des questionnaires d’enquête.
Un internaute n’est pas prêt à remplir des formulaires longs pour une demande d’information. Limitez vous à l’essentiel. Sinon le taux de retour sera très faible, pour ne pas dire nul.

8/ Les images ne sont pas « codées »
Les moteurs de recherche ne « voient » pas les images, donc la seule solution pour les rendre lisibles par les moteurs est de leur adjoindre un contenu html. Là encore, faites appel à ceux qui maîtrisent ce sujet car il y a beaucoup à dire sur ce que l’on peut trouver sur les sites actuels.

9/ Trop ou trop peu de texte.
Pas assez de contenu est la traduction d’un site faible, donc qui sera mal référencé par les moteurs.
Trop de contenu peut à l’inverse noyer celui qui est important et délayer l’efficacité de votre référencement.

10/ Se priver d’outils d’analyse ou ne pas les utiliser quotidiennement.
Il existe un outil optimum (Google Analytics), gratuit et relativement précis, même s’il ne l’est pas à 100%. Utilisez le, et si vous n’êtes pas à l’aise avec sa lecture, demandez nous une petite formation sur son utilisation.

En conclusion, la construction d’un site Internet peut être faite de 2 façons :
Avec un beau design mais peu de technicité et donc une efficacité réduite,
Ou en prenant comme parti de réaliser le codage du site de manière optimisée. C’est ce que nous faisons systématiquement chez Digital Dealer.
N’hésitez pas à nous questionner en cliquant ici.

Cet article Référencement naturel (SEO) : Les 10 erreurs les plus fréquentes ! a été publié sur Auto Net | Le blog des professionnels de l'Automobile sur Internet.