Atelier e-commerce
    8 novembre 2011


Optimiser votre
site marchand
    Proposé par le réseau social
        Ecommerce United
            et le blog
         Ecommerce Wall
Sommaire                                           ECOMMERCE UNITED



     L’ergonomie du site
            Exemple concret, le cas de Tikamoon par
            Wexperience
            Un outil particulier : l’eye tracking

     Avoir un site rapide

     Le référencement

     Autres éléments à prendre en compte

     Des ressources pour vous aider


Atelier e-commerce – Optimiser votre site marchand
Sommaire                                           ECOMMERCE UNITED



     L’ergonomie du site
            Exemple concret, le cas de Tikamoon par
            Wexperience
            Un outil particulier : l’eye tracking

     Avoir un site rapide

     Le référencement

     Autres éléments à prendre en compte

     Des ressources pour vous aider


Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                                      ECOMMERCE UNITED


 L’ergonomie désigne tout ce qui va rendre votre site plus facile d’utilisation pour
  l’internaute. Cela inclue :

       •    L’efficacité du site : simplicité, lisibilité, structuration

       •    La prise en main : facilité de navigation, rapidité, repérage, liberté de
            navigation, interactivité

       •    La rapidité : temps de chargement, images optimisées, moteur de recherche



 Objectif : augmenter le taux de conversion/transformation (nombre de
  commandes / nombre de visiteurs uniques). Indicateur phare de l’e-commerce, on
  sait qu’il vaut en moyenne entre 0,5% et 1,5%

 Une bonne ergonomie donne une impression de sérieux et crée de la confiance
  chez l’utilisateur
Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                            ECOMMERCE UNITED

Le saviez-vous ?

      Seulement 2% des visiteurs d’une boutique en ligne deviennent des clients

      66% des internautes trouvent les contenus de site souvent mal présentés

      75% des internautes rencontrent encore des difficultés à trouver ce qu’ils
       veulent sur un site internet

      Plus de 7 internautes sur 10 ne reviennent pas sur un site où ils ont rencontré
       des difficultés de navigation ou d’orientation

      94% des internautes quittent un site qui ne leur convient pas en moins de 5
       minutes, 44% en moins d’une minute




Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                          ECOMMERCE UNITED


  « Une cible est d’autant plus facile à atteindre qu’elle est proche et grande »


  L’ergonomie se trouve n’importe où sur votre site : page d’accueil claire
   et attrayante, menus optimisés, liens (sans erreur 404), orientation facile
   dans le site, penser à l’aspect visuel et à la lisibilité…

  Limitez la surcharge visuelle

  Concept « d’affordance » : désigne la capacité d’un objet à suggérer son
   utilisation

  Le choix des mots et des symboles représente 75% du travail d’ergonomie
   (pensez à Google ads, pour savoir si les mots-clés que vous avez choisis
   sont vraiment recherchés)



Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                           ECOMMERCE UNITED

  Vous pouvez utiliser des mots pour compenser un défaut d’affordance perçue :




Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                               ECOMMERCE UNITED



  Il faut partir du principe que l’internaute va se tromper, et donc penser à
   la gestion des erreurs :

          •   Avant l’erreur : protéger (attention à la surprotection)
          •   Après l’erreur : faciliter le repérage et la compréhension de l’erreur
          •   Au-delà de l’erreur : faciliter la correction


  Conseils pratiques :

      •       Informez l’internaute de l’attente prévue pendant les chargements, à
              tout moment
      •       De manière générale, évitez le manque d’accompagnement
      •       Avoir un bon moteur de recherche sur son site est très important



Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                    ECOMMERCE UNITED


 Exemple concret, le cas de Tikamoon par Wexperience :

  Wexperience est une société d’analyse, conception et optimisation de
   site, pour augmenter votre taux de conversion

  La société a fait récemment un test sur la boutique en ligne Tikamoon,
   magasin de meubles haut de gamme

  Modifier simplement la couleur du bouton d’achat (du rouge à l’orange) a
   permis d’améliorer le taux de transformation du site de 25% !




Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                ECOMMERCE UNITED




Atelier e-commerce – Optimiser votre site marchand
L’ergonomie du site                                                        ECOMMERCE UNITED


 Un outil particulier : l’eye tracking
     L’eye tracking est une technique, utilisée traditionnellement dans le marketing, pour mettre
      en évidence le parcours que suit le regard et d’identifier les temps et les points de fixation




  Leçons enseignées par l’eye tracking :
   • Les internautes lisent en diagonale, plus que sur des supports papiers par exemple
   • Au tout premier regard sur un site web, les titres sont 2,5 fois plus regardés que les
       photos
   • Au cours des 1ères secondes, le parcours du regard prend la forme d'un F
   • Les bannières horizontales en haut des pages web sont 3 fois plus efficaces quand elles
       sont animées



Atelier e-commerce – Optimiser votre site marchand
Exemple d’eye tracking                             ECOMMERCE UNITED




Atelier e-commerce – Optimiser votre site marchand
Exemple d’eye tracking                                                ECOMMERCE UNITED

                           Exemple d’eye tracking sur une page Google




Atelier e-commerce – Optimiser votre site marchand
Sommaire                                           ECOMMERCE UNITED



     L’ergonomie du site
            Exemple concret, le cas de Tikamoon par
            Wexperience
            Un outil particulier : l’eye tracking

     Avoir un site rapide

     Le référencement

     Autres éléments à prendre en compte

     Des ressources pour vous aider


Atelier e-commerce – Optimiser votre site marchand
Avoir un site rapide                                                 ECOMMERCE UNITED


 Elément essentiel de l’ergonomie

 La faible rapidité d’un site augmente le taux de rebond et pénalise le ROI et le
  SEO. Ne pas oublier que parmi les connexions internet, 21% concernent du bas
  débit et qu’il y a les connexions par mobiles

 Augmenter le temps de chargement d’une page d’une seconde baisse le chiffre
  d’affaire de 2,8%


                     « Ce qui se passe sur les quais pendant les grèves SNCF
                                 se passe aussi devant un écran »




Atelier e-commerce – Optimiser votre site marchand
Avoir un site rapide                               ECOMMERCE UNITED

 Avantages d’un site rapide :

  Les visiteurs reviennent

  Ils regardent plus de pages à chaque visite

  Vous améliorez la satisfaction de l’utilisateur

  Vous avez un meilleur taux de conversion

  Vous faites des économies d’infrastructure

  Vous êtes mieux référencé dans Google

  Vous faites plus de chiffre d’affaire




Atelier e-commerce – Optimiser votre site marchand
Avoir un site rapide                                               ECOMMERCE UNITED

 Pour accélérer votre site :

        Optimisez le serveur

        Faites un html clair

        Ayez un plan de site

        Limitez le nombre de fichiers, combinez les fichiers et évitez les redirections




Atelier e-commerce – Optimiser votre site marchand
Sommaire                                           ECOMMERCE UNITED



     L’ergonomie du site
            Exemple concret, le cas de Tikamoon par
            Wexperience
            Un outil particulier : l’eye tracking

     Avoir un site rapide

     Le référencement

     Autres éléments à prendre en compte

     Des ressources pour vous aider


Atelier e-commerce – Optimiser votre site marchand
Le référencement                                               ECOMMERCE UNITED


 Le nom de domaine compte pour 25% du positionnement de votre site dans les
  moteurs de recherche

 Les autres éléments importants pour le positionnement dans un moteur de
  recherche sont :

     •    La quantité et la densité de mots-clés
     •    Les liens extérieurs vers votre site
     •    Proposer des flux RSS
     •    Faire des communiqués de presse, proposer une newsletter
     •    Diffuser un livre blanc ou un guide gratuit

 Pour les liens extérieurs, pensez aux programmes d’affiliation, aux échange de liens
  et à être affiché sur les comparateurs de prix




Atelier e-commerce – Optimiser votre site marchand
Le référencement                                                ECOMMERCE UNITED


En ce qui concerne Google :

 Pas besoin d’être premier sur Google, être sur la 1ère page suffit (sauf pour une
  recherche avec la marque et le nom de domaine)

 Google ads permet de savoir si les mots-clés que vous avez choisis sont vraiment
  recherchés

 Pour Google, le contenu des images est vide, et il ne voit pas le contenu des fichiers
  flash

 Google n’est pas prioritaire sur les utilisateurs ! Pensez d’abord votre site pour les
  internautes, ensuite pour Google et les moteurs de recherche




Atelier e-commerce – Optimiser votre site marchand
Le référencement                                                 ECOMMERCE UNITED


Si le sujet vous intéresse, ne loupez pas notre grande conférence en
partenariat avec NBS le mardi 29 novembre, sur le thème :




 SEO / SEM : quelle est la meilleure stratégie pour mon
              référencement dans Google ?




                                   (à suivre sur Ecommerce Wall)

Atelier e-commerce – Optimiser votre site marchand
Sommaire                                           ECOMMERCE UNITED



     L’ergonomie du site
            Exemple concret, le cas de Tikamoon par
            Wexperience
            Un outil particulier : l’eye tracking

     Avoir un site rapide

     Le référencement

     Autres éléments à prendre en compte

     Des ressources pour vous aider


Atelier e-commerce – Optimiser votre site marchand
Autres éléments à prendre en compte                                          ECOMMERCE UNITED


La satisfaction et la ré-assurance de vos internautes

         Le critère le plus important à prendre en considération est la satisfaction de l’utilisateur

         Notamment les détails d’une fiche produit (79% des internautes ne passeraient pas
          commande si la fiche est incomplète), le graphisme du site, la facilité de commande,
          l’assurance d’être sur un site sérieux… Il est vain de vouloir recruter plus d’internautes à
          tout prix si l’ergonomie du site web est défaillante



La valorisation des produits

         N’oubliez pas de faire rêver vos clients : le contexte d’achat est très important, ainsi
          qu’une belle mise en valeur de vos produits (qualité de photo, description correctement
          rédigée, commentaires positifs de vos clients…)




Atelier e-commerce – Optimiser votre site marchand
Autres éléments à prendre en compte                                   ECOMMERCE UNITED


Le tunnel d’achat

 Le tunnel d’achat représente toutes les pages par lesquelles un internautes doit passer pour
  achever son acte d’achat. Plus celui-ci est court, plus le taux de conversion est élevé

 Les indispensables, à faire tenir sur le moins de pages possible et avec un temps de
  chargement rapide :
  • Une fiche produit claire : produit, prix, avis consommateurs et ajout au panier perçus en
      moins de 10 secondes
  • Bien afficher vos CGU, ainsi qu’un moyen de contact
  • Présenter une politique de retour, proposer des garanties
  • Une offre de transports de qualité
  • Des frais de port faciles à comprendre (et affichés dès le départ), proposer différents
      moyens de paiement
  • Enfin, vous pouvez penser aux ventes croisées, aux ventes suggestives et à l’upselling

 Pour raccourcir le tunnel d’achat, ne demandez que les informations essentielles



Atelier e-commerce – Optimiser votre site marchand
Sommaire                                           ECOMMERCE UNITED



     L’ergonomie du site
            Exemple concret, le cas de Tikamoon par
            Wexperience
            Un outil particulier : l’eye tracking

     Avoir un site rapide

     Le référencement

     Autres éléments à prendre en compte

     Des ressources pour vous aider


Atelier e-commerce – Optimiser votre site marchand
Des ressources pour vous aider                                        ECOMMERCE UNITED


Des outils d’audit en ligne :

                                          www.webpagetest.org

                                Les outils Google pour les webmasters



Des organismes dédiés à l’optimisation :




Atelier e-commerce – Optimiser votre site marchand
REJOIGNEZ LE RÉSEAU DE L’E-COMMERCE


    Inscrivez-vous gratuitement sur
     www.ecommerceunited.com

           & Visitez le blog
   http://www.ecommercewall.com


 contact@ecommerceunited.com - 01 80 88 49 20

Atelier n°4 : Optimiser votre site marchand

  • 1.
    Atelier e-commerce 8 novembre 2011 Optimiser votre site marchand Proposé par le réseau social Ecommerce United et le blog Ecommerce Wall
  • 2.
    Sommaire ECOMMERCE UNITED  L’ergonomie du site Exemple concret, le cas de Tikamoon par Wexperience Un outil particulier : l’eye tracking  Avoir un site rapide  Le référencement  Autres éléments à prendre en compte  Des ressources pour vous aider Atelier e-commerce – Optimiser votre site marchand
  • 3.
    Sommaire ECOMMERCE UNITED  L’ergonomie du site Exemple concret, le cas de Tikamoon par Wexperience Un outil particulier : l’eye tracking  Avoir un site rapide  Le référencement  Autres éléments à prendre en compte  Des ressources pour vous aider Atelier e-commerce – Optimiser votre site marchand
  • 4.
    L’ergonomie du site ECOMMERCE UNITED  L’ergonomie désigne tout ce qui va rendre votre site plus facile d’utilisation pour l’internaute. Cela inclue : • L’efficacité du site : simplicité, lisibilité, structuration • La prise en main : facilité de navigation, rapidité, repérage, liberté de navigation, interactivité • La rapidité : temps de chargement, images optimisées, moteur de recherche  Objectif : augmenter le taux de conversion/transformation (nombre de commandes / nombre de visiteurs uniques). Indicateur phare de l’e-commerce, on sait qu’il vaut en moyenne entre 0,5% et 1,5%  Une bonne ergonomie donne une impression de sérieux et crée de la confiance chez l’utilisateur Atelier e-commerce – Optimiser votre site marchand
  • 5.
    L’ergonomie du site ECOMMERCE UNITED Le saviez-vous ?  Seulement 2% des visiteurs d’une boutique en ligne deviennent des clients  66% des internautes trouvent les contenus de site souvent mal présentés  75% des internautes rencontrent encore des difficultés à trouver ce qu’ils veulent sur un site internet  Plus de 7 internautes sur 10 ne reviennent pas sur un site où ils ont rencontré des difficultés de navigation ou d’orientation  94% des internautes quittent un site qui ne leur convient pas en moins de 5 minutes, 44% en moins d’une minute Atelier e-commerce – Optimiser votre site marchand
  • 6.
    L’ergonomie du site ECOMMERCE UNITED « Une cible est d’autant plus facile à atteindre qu’elle est proche et grande »  L’ergonomie se trouve n’importe où sur votre site : page d’accueil claire et attrayante, menus optimisés, liens (sans erreur 404), orientation facile dans le site, penser à l’aspect visuel et à la lisibilité…  Limitez la surcharge visuelle  Concept « d’affordance » : désigne la capacité d’un objet à suggérer son utilisation  Le choix des mots et des symboles représente 75% du travail d’ergonomie (pensez à Google ads, pour savoir si les mots-clés que vous avez choisis sont vraiment recherchés) Atelier e-commerce – Optimiser votre site marchand
  • 7.
    L’ergonomie du site ECOMMERCE UNITED Vous pouvez utiliser des mots pour compenser un défaut d’affordance perçue : Atelier e-commerce – Optimiser votre site marchand
  • 8.
    L’ergonomie du site ECOMMERCE UNITED  Il faut partir du principe que l’internaute va se tromper, et donc penser à la gestion des erreurs : • Avant l’erreur : protéger (attention à la surprotection) • Après l’erreur : faciliter le repérage et la compréhension de l’erreur • Au-delà de l’erreur : faciliter la correction  Conseils pratiques : • Informez l’internaute de l’attente prévue pendant les chargements, à tout moment • De manière générale, évitez le manque d’accompagnement • Avoir un bon moteur de recherche sur son site est très important Atelier e-commerce – Optimiser votre site marchand
  • 9.
    L’ergonomie du site ECOMMERCE UNITED Exemple concret, le cas de Tikamoon par Wexperience :  Wexperience est une société d’analyse, conception et optimisation de site, pour augmenter votre taux de conversion  La société a fait récemment un test sur la boutique en ligne Tikamoon, magasin de meubles haut de gamme  Modifier simplement la couleur du bouton d’achat (du rouge à l’orange) a permis d’améliorer le taux de transformation du site de 25% ! Atelier e-commerce – Optimiser votre site marchand
  • 10.
    L’ergonomie du site ECOMMERCE UNITED Atelier e-commerce – Optimiser votre site marchand
  • 11.
    L’ergonomie du site ECOMMERCE UNITED Un outil particulier : l’eye tracking  L’eye tracking est une technique, utilisée traditionnellement dans le marketing, pour mettre en évidence le parcours que suit le regard et d’identifier les temps et les points de fixation  Leçons enseignées par l’eye tracking : • Les internautes lisent en diagonale, plus que sur des supports papiers par exemple • Au tout premier regard sur un site web, les titres sont 2,5 fois plus regardés que les photos • Au cours des 1ères secondes, le parcours du regard prend la forme d'un F • Les bannières horizontales en haut des pages web sont 3 fois plus efficaces quand elles sont animées Atelier e-commerce – Optimiser votre site marchand
  • 12.
    Exemple d’eye tracking ECOMMERCE UNITED Atelier e-commerce – Optimiser votre site marchand
  • 13.
    Exemple d’eye tracking ECOMMERCE UNITED Exemple d’eye tracking sur une page Google Atelier e-commerce – Optimiser votre site marchand
  • 14.
    Sommaire ECOMMERCE UNITED  L’ergonomie du site Exemple concret, le cas de Tikamoon par Wexperience Un outil particulier : l’eye tracking  Avoir un site rapide  Le référencement  Autres éléments à prendre en compte  Des ressources pour vous aider Atelier e-commerce – Optimiser votre site marchand
  • 15.
    Avoir un siterapide ECOMMERCE UNITED  Elément essentiel de l’ergonomie  La faible rapidité d’un site augmente le taux de rebond et pénalise le ROI et le SEO. Ne pas oublier que parmi les connexions internet, 21% concernent du bas débit et qu’il y a les connexions par mobiles  Augmenter le temps de chargement d’une page d’une seconde baisse le chiffre d’affaire de 2,8% « Ce qui se passe sur les quais pendant les grèves SNCF se passe aussi devant un écran » Atelier e-commerce – Optimiser votre site marchand
  • 16.
    Avoir un siterapide ECOMMERCE UNITED Avantages d’un site rapide :  Les visiteurs reviennent  Ils regardent plus de pages à chaque visite  Vous améliorez la satisfaction de l’utilisateur  Vous avez un meilleur taux de conversion  Vous faites des économies d’infrastructure  Vous êtes mieux référencé dans Google  Vous faites plus de chiffre d’affaire Atelier e-commerce – Optimiser votre site marchand
  • 17.
    Avoir un siterapide ECOMMERCE UNITED Pour accélérer votre site :  Optimisez le serveur  Faites un html clair  Ayez un plan de site  Limitez le nombre de fichiers, combinez les fichiers et évitez les redirections Atelier e-commerce – Optimiser votre site marchand
  • 18.
    Sommaire ECOMMERCE UNITED  L’ergonomie du site Exemple concret, le cas de Tikamoon par Wexperience Un outil particulier : l’eye tracking  Avoir un site rapide  Le référencement  Autres éléments à prendre en compte  Des ressources pour vous aider Atelier e-commerce – Optimiser votre site marchand
  • 19.
    Le référencement ECOMMERCE UNITED  Le nom de domaine compte pour 25% du positionnement de votre site dans les moteurs de recherche  Les autres éléments importants pour le positionnement dans un moteur de recherche sont : • La quantité et la densité de mots-clés • Les liens extérieurs vers votre site • Proposer des flux RSS • Faire des communiqués de presse, proposer une newsletter • Diffuser un livre blanc ou un guide gratuit  Pour les liens extérieurs, pensez aux programmes d’affiliation, aux échange de liens et à être affiché sur les comparateurs de prix Atelier e-commerce – Optimiser votre site marchand
  • 20.
    Le référencement ECOMMERCE UNITED En ce qui concerne Google :  Pas besoin d’être premier sur Google, être sur la 1ère page suffit (sauf pour une recherche avec la marque et le nom de domaine)  Google ads permet de savoir si les mots-clés que vous avez choisis sont vraiment recherchés  Pour Google, le contenu des images est vide, et il ne voit pas le contenu des fichiers flash  Google n’est pas prioritaire sur les utilisateurs ! Pensez d’abord votre site pour les internautes, ensuite pour Google et les moteurs de recherche Atelier e-commerce – Optimiser votre site marchand
  • 21.
    Le référencement ECOMMERCE UNITED Si le sujet vous intéresse, ne loupez pas notre grande conférence en partenariat avec NBS le mardi 29 novembre, sur le thème : SEO / SEM : quelle est la meilleure stratégie pour mon référencement dans Google ? (à suivre sur Ecommerce Wall) Atelier e-commerce – Optimiser votre site marchand
  • 22.
    Sommaire ECOMMERCE UNITED  L’ergonomie du site Exemple concret, le cas de Tikamoon par Wexperience Un outil particulier : l’eye tracking  Avoir un site rapide  Le référencement  Autres éléments à prendre en compte  Des ressources pour vous aider Atelier e-commerce – Optimiser votre site marchand
  • 23.
    Autres éléments àprendre en compte ECOMMERCE UNITED La satisfaction et la ré-assurance de vos internautes  Le critère le plus important à prendre en considération est la satisfaction de l’utilisateur  Notamment les détails d’une fiche produit (79% des internautes ne passeraient pas commande si la fiche est incomplète), le graphisme du site, la facilité de commande, l’assurance d’être sur un site sérieux… Il est vain de vouloir recruter plus d’internautes à tout prix si l’ergonomie du site web est défaillante La valorisation des produits  N’oubliez pas de faire rêver vos clients : le contexte d’achat est très important, ainsi qu’une belle mise en valeur de vos produits (qualité de photo, description correctement rédigée, commentaires positifs de vos clients…) Atelier e-commerce – Optimiser votre site marchand
  • 24.
    Autres éléments àprendre en compte ECOMMERCE UNITED Le tunnel d’achat  Le tunnel d’achat représente toutes les pages par lesquelles un internautes doit passer pour achever son acte d’achat. Plus celui-ci est court, plus le taux de conversion est élevé  Les indispensables, à faire tenir sur le moins de pages possible et avec un temps de chargement rapide : • Une fiche produit claire : produit, prix, avis consommateurs et ajout au panier perçus en moins de 10 secondes • Bien afficher vos CGU, ainsi qu’un moyen de contact • Présenter une politique de retour, proposer des garanties • Une offre de transports de qualité • Des frais de port faciles à comprendre (et affichés dès le départ), proposer différents moyens de paiement • Enfin, vous pouvez penser aux ventes croisées, aux ventes suggestives et à l’upselling  Pour raccourcir le tunnel d’achat, ne demandez que les informations essentielles Atelier e-commerce – Optimiser votre site marchand
  • 25.
    Sommaire ECOMMERCE UNITED  L’ergonomie du site Exemple concret, le cas de Tikamoon par Wexperience Un outil particulier : l’eye tracking  Avoir un site rapide  Le référencement  Autres éléments à prendre en compte  Des ressources pour vous aider Atelier e-commerce – Optimiser votre site marchand
  • 26.
    Des ressources pourvous aider ECOMMERCE UNITED Des outils d’audit en ligne : www.webpagetest.org Les outils Google pour les webmasters Des organismes dédiés à l’optimisation : Atelier e-commerce – Optimiser votre site marchand
  • 27.
    REJOIGNEZ LE RÉSEAUDE L’E-COMMERCE Inscrivez-vous gratuitement sur www.ecommerceunited.com & Visitez le blog http://www.ecommercewall.com contact@ecommerceunited.com - 01 80 88 49 20