Comment envoyer se faire voir 1 visiteur sur 4 en une étape facile

Dans un commentaire, Gaétan vient de m’envoyer un lien “absolument génial” parait-il. “Du plaisir pour les yeux” pour paraphraser le teasing.

OK. Moi j’aime bien le plaisir, alors je clique.

Et en effet. Un vrai plaisir pour les yeux. Allez, je vous le mets de suite, vous allez comprendre :

navigateur-qui-craint

Je vous mets une petite traduction, d’accord ?

Voici :

Vous avez été disqualifié par votre navigateur. Prenez-en un nouveau comme Firefox, Chrome ou Opéra. Votre navigateur n’a pas toutes les fonctionnalités requises pour afficher ce site correctement. Désolé. PS : Votre navigateur craint !

Sympa, pas vrai ?

Toujours sympa de se faire prendre pour un bon gros bouseux caché dans sa campagne qui utilise des outils dépassés.

Je regarde la version de mon navigateur : IE8. Bon sang, c’est si vieux que ça ?

Et mes visiteurs, alors ils ont quoi ?

Je vais donc regarder la répartition de mes visiteurs pour ce blog. Je mets comme période du 1er janvier 2012 à aujourd’hui :

repartition-navigateurs-copypratik

Quand même ! 16,7 % sont sur Internet Explorer.

Voyons les versions maintenant :

repartition-ie-copypratik

Et bien voilà. Plus de 66% de gens (les 2/3) utilisent autre chose que la dernière version de ce navigateur. Ca donne donc 16,7 % x 2/3 = 11,13 %

Je ne sais pas pour vous, mais moi, je ne me sens pas de me passer de plus de 10% de mes visiteurs.

D’autant qu’on est dans une niche particulièrement avide de Chrome et Firefox.

Dans une de mes autres niches (les jeux), les données changent.

Voyez pour la même période (1/1/2012 – 16/3/2012) :

repartition-navigateurs-jeu

Là, c’est IE qui domine largement !

Quant aux versions :

repartition-ie-jeux

Bref… plus de 23.000 visites en 2 mois 1/2…

Un peu de sérieux !

Internet est un endroit où on navigue avec pas mal d’outils. 3 dominent aujourd’hui, mais ça évolue et ça change vite.

Interdire carrément l’accès à tel ou tel type de navigateur sur son site, c’est totalement débile. Ca montre que le webmaster est un gros égocentrique qui ne voit le monde de l’Internet qu’à travers sa petite vue étriquée.

Aujourd’hui, le web est devenu quasiment universel. Tout le monde ou presque peut y venir. Pas forcément des grosses boites ou des parisiens avec le câble à 100 Mo.

La “France profonde” aussi visite vos sites web et vos blogs, et achètent vos produits.

La “Belgique profonde”, le “Canada profond”, et par extension “le monde profond” aussi.

J’imagine que seule une poignée d’idiots égocentriques restreignent carrément l’accès à leur site à certains types de navigateur, et que vous ne ferez bien entendu jamais partie de ce type de webmasters dépassés et obtus (pour rester poli).

Mais quand même, avez-vous vérifié que votre blog ou votre site passait bien sur tous les types de navigateurs, même sur les moins utilisés ?

Si vous ne l’avez pas fait, alors vous ne pouvez pas savoir comment une bonne partie de vos visiteurs (futurs clients, peut-être ?) vous voient de chez eux.

Inscrivez-vous là bas : http://www.browserstack.com

C’est gratuit pendant 30 minutes. Largement assez de temps pour afficher votre site dans les principaux navigateurs existants :

tester-navigateurs

Si vous connaissez un outil gratuit qui marche pendant plus longtemps, n’hésitez pas.

Faites le test. Vous pourriez être surpris.

Merci à Gaétan du blog Randonneur du web et à Sylvie du blog Au bonheur de la Pierre Blanche pour m’avoir inspiré cet article.

Précédent

Combien de temps arrivez-vous à les garder chez vous ?

Suivant

Procédure vidéo : Comment personnaliser la page 404 de son blog wordpress

  1. Haha, j’aime toujours beaucoup quand tu fumes les gens avec ta plume cher Yvon :D

    Ca me fait éclater de rire de t’imaginer faire chauffer le clavier :hin:

    Et j’aime beaucoup rire. Alors… merci !

  2. Xatheo

    Bonjour Yvon
    Et quels sont les points les plus sujet à problèmes ?
    Les liens?
    L’affichage des vidéos?
    Les plugins?
    Profites bien de la tempête de ciel bleu!
    Bonne journée !

    Xaviet

  3. Bonjour, très bonne information en effet ….
    j’utilise depuis de nombreuses années un outil identique et gratuit : http://www.extremetracking.com

    Très bien détaillé à mon goût, qu’en penses-tu Yvon ?

    Jean Marie
    http://www.seniors-solos.com

    :haha:

  4. Bonjour Yvon,

    Merci pour l’article, et le traitement parfaitement décalé du lien partagé :-)

    T’as raison, les gens qui travaille en agence web oublient parfois que 99% des internautes veulent juste des choses qui fonctionnent et qui permettent de résoudre leurs problèmes.

    Ceci dit, si vous avez une vieille version de navigateur, faites les mises à jour. Ne serait-ce que pour améliorer la sécurité de votre ordi.

    Bonne journée,
    Gaétan

  5. Bonjour,

    Je ne restreint pas du tout mon site à certains navigateurs et j’essaye que tous mes visiteurs puissent avoir la même chose. J’utilise ce site mais étant donné qu’on ne peut pas lancer plusieurs requêtes (chargement trop long) et qu’on ne peut le faire qu’une fois par 24 h, je suis preneuse de vos suggestions : http://browsershots.org

  6. Intéressant effectivement.

    Personnellement je suis sous Chrome. Parcourant pas mal de blogs je suis parfois surpris que certains (et pas les moins connus !) ne me permettent pas de m’abonner à leur flux RSS car non configuré pour mon navigateur. En général je prends le temps de leur envoyer un petit mot… Mais de combien d’abonnés se sont-ils privés sans le savoir ? Dommage de déployer parfois tant d’effort pour avoir un blog intéressant, capter l’attention du lecteur pour au final le perdre juste à cause d’un mauvais réglage.

  7. David K

    Bonjour Yvon,

    Pas d’accord sur le principe, d’accord pour l’exemple cité.

    > Réclamer IE9 pour IE tient de l’abération. Par contre, un support moindre d’IE6… IE6 reste quand même le mal absolu en terme de navigateurs.

    Quitte à assurer la rétrocompatibilité parfaite avec IE6, autant le faire avec IE5 et IE4. Et pourquoi pas Netscape aussi :D ?

    IE6, c’est le navigateur sorti deux ans après les spé du CSS2 et qui s’en contref..t complètement.

    Ce serait comme coder un site avec des frames. Les Frames n’ont jamais vraiment marché. Pire, c’est une catastrophe pour le référencement.

    > Meilleure option (pour ceux qui aiment le code): assurer une compatibilité partielle.

    Exemple:
    – Certaines balises CSS2 ne sont pas reconnues par IE6 ? Prévoyez un IEHack, un petit fichier qui va permettre de contourner le problème.

    • Bonjour David

      Ce que je trouve aberrant, moi, c’est que ce n’est pas au VISITEUR de changer sa manière d’être et de fonctionner. C’est à l’hôte de s’adapter.
      Ou alors d’accepter de perdre des visiteurs et du CA à terme.
      Le gars qui est sous IE6 ne l’est pas forcément par plaisir. Il se connecte peut-être avec sa vieille machine sous XP voir 2000 et il n’a pas la mémoire nécessaire pour accepter un IE9 par exemple. OK il a 10 ans de retard en informatique ? Et alors ? C’est son souci. Il a peut-être par ailleurs un portefeuille bien rempli.

      Donc même si ce n’est pas optimisé pour IE6, on pourrait QUAND même leur laisser l’accès, et si ça s’affiche mal, ma foi, pas grave.
      Mais interdire l’accès carrément au site entier faut être complètement débile. Je persiste et signe.

      Yvon

      • David K

        Bonsoir Yvon,

        Ah là, je suis d’accord :)

        Ca s’affichera mal, mais ça s’affichera.

        Exemple: La balise video ne passera pas. Tant pis. Au pire, si le codeur est pas pressé, remettre un lien vers la vidéo sur YT ou DM.

        Mea culpa, j’extrapolais ton message… en allant jusqu’à chercher la compatibilité avec IE6 (ou comment se tordre les neurones avec du javascript pour compenser) :hin: .

        On est d’accord, bloquer l’accès purement et simplement est inique ;)

  8. Noellitto

    Bonjour Yvon,

    Quand j’ai cliqué hier sur le lien donné par Gaétan, J’ai cru que j’allais m’étouffer … de rire (désolée Gaétan).

    Ben, soit j’avais rien compris à l’article, soit c’était une boutade ironique de la part de Gaétan !!!

    Parce que, pour ceux qui comme moi privilégie Firefox, le site mentionné apparait correctement, mais alors pour ce qui est du plaisir des yeux, bah ! c’est complètement l’inverse de ce que préconise Yvon sur l’ergonomie de son blog !!!

    Pour la majorité des sites présentés, c’est pratiquement ceux que je fuis …

    Pour revenir à l’article du jour, le meilleur site gratuit qui propose de tester son site dans pratiquement tous les navigateurs a été mentionné par : « Votreassistante ».
    Je remet le lien :
    Browsershots.org

    Après (toujours gratuit), si on veut tester uniquement Internet Explorer, version 10, 9, 8, 7, 6 et 5.5, il y a :
    NetRenderer.com

    Pour tester Mozilla Firefox, Konqueror, Opera, Dillo, Lynx :
    Scapture.com

    Et pour ceux qui veulent juste tester leur site sur plusieurs résolutions d’écran, gratuit lui aussi et qui peut être intéressant quand on souhaite voir uniquement le rendu de son image d’arrière plan personnalisé :
    ViewLike.us

    Une autre solution consiste à installer un logiciel (gratuit) sur son ordi et de lancer le bazar. Je ne cite pas de logiciel, trop de paramètres à prendre en compte : mac, windows … et leurs différentes versions …

    Bonne journée

    Nancy

    • Bonjour Nancy,

      Oui, mon commentaire était un peu ironique car les sites présentés sont un exemple à rarement suivre en matière d’ergonomie telle qu’Yvon nous en a parlé…

      Yvon a rebondit avec un angle un peu différent ;-)

      Gaétan

    • Bonsoir Nancy

      Merci beaucoup pour tous ces liens.
      De quel logiciel parlais-tu ? (un nom pliz :hin: )
      En cas je pourrais faire une vidéo ;)

      Bonne soirée

      Yvon

      PS : Oui très risible tu as raison !

      • Noellitto

        Bonsoir Yvon,

        Oui, pas de problème ;)

        Le seul que je connaisse fonctionne pour les utilisateurs de Windows XP, Vista et Windows 7 et uniquement pour tester son site sur les différentes versions d’Internet Explorer (IE 5,5 à 9 + un aperçu du 10).
        Honnêtement, je ne sais pas ce qu’il vaut, car pas encore testé -moi et l’anglais, ben ça fait 2- mais d’après ce que j’avais lu à son sujet, il fallait l’avoir dans sa panoplie du « parfait webmaster » :D

        Bon, il ne fait que IE, mais c’est aussi le navigateur qui pose le plus de problèmes, alors c’est pas si mal ;)

        Le lien de la petite merveille : IEtester

        Maintenant, je sais pas si ça marche pour Mac ou Linux ???

        Autrement, j’avais mis sous le coude ces sites :
        css.4design.tl
        qui fait un compte rendu plutôt pas mal sur les possibilités de tester son site dans les différents navigateurs.

        Lunascape.tv qui serait un logiciel tout en un (mais j’ai pas encore compris le truc, toujours l’anglais et moi …)

        wikistuce.info lui est en français, mais je sais pas trop comment fonctionne son bidule mais j’avais mis de côté, peut-être que quelqu’un saura de quoi il s’agit :red:

        – Et le dernier Browser Sandbox idem, je me suis pas penché dessus, je me suis contentée de copier/coller l’adresse dans ma liste « à voir plus tard mais qui peut servir à l’occasion » :hin:

        Voilà, je crois que j’ai fait le tour de tout ce que j’avais sur le sujet …

        Et en parlant de vidéo, as-tu déjà expliqué comment mettre le bloc « comment-form » en haut des commentaires ? J’ai peut-être mal cherché (bon c’est vrai aussi que je me suis souvent arrêté pour lire ou relire d’autres articles), mais j’ai pas trouvé …

        On modifie sa position dans le fichier comments.php ? Ou il existe un plugin qui le fait pour nous ? Parce que là je suis en train de « m’amuser » à créer mon blog WordPress, pour l’instant en local (WampServer), et je suis pas trop satisfaite du « comment il s’affiche » et je me demande si je suis pas en train de me prendre la tête pour rien …

        Bon je retourne à mes « petites expérimentations » et la fabrication de ma page 404 !

        Bonne nuit

        Nancy

        • Merci Nancy pour toutes ces infos.
          C’est très sympa.
          Je vais aller installer et tester tout ça en temps voulu.

          Bonne soirée

          Yvon

  9. Bonjour Yvon,

    C’est vrai il faut être fou d’interdire l’accès à son site aux visiteurs qui utilisent Internet Explorer… mais le webmaster du site que tu as pris en exemple a peut-être… en fin de compte une démarche stratégique? C’est quoi l’adresse du site ?

    Quoiqu’il en soit, je pense que tu as parfaitement raison. Il faut absolument adapter son .style.CSS pour qu’il soit compatible avec tous les navigateurs… et pour au moins les 3 dernières versions de chacun de ceux-ci.

    Chaleureusement,

    José Kost

  10. Salut Yvon,
    Merci pour le site que tu nous donnes! J’avais testé http://browsershots.org/ mais sans succès… Celui que tu proposes à l’air plus fiable.

  11. Bonsoir Yvon,
    tout d’abord merci de m’avoir citée, je suis flattée :hin:

    Ensuite, je découvre le site de test que tu proposes et je dois dire que c’est bien pratique, alors, merci aussi pour ça :super:

    Il reste encore bien d’autres tâches à accomplir pour rendre un blog accueillant et « fidéliser » ses lecteurs (en dehors de la qualité des posts, bien sûr).
    Mais je te laisse le soin de nous en faire part. Je suis convaincue que tu as déjà des articles prêts à être publiés, n’est-ce pas ? ;)

    Belle nuit

  12. Salut Yvon,

    J’ai bien tout lu mais il y a un petit truc qui m’interpelle.

    Le Canada profond,bon je veux bien. Les forêts, les montagnes, les lacs, les grizzlis…d’accord.

    Mais là ou je capte moins, c’est la Belgique profonde??? C’est où ça la Belgique profonde?

    Moi je croyais que c’était le long des 620 km de frontière commune avec la France.

    Tu sais, ce pays ou ils captent trois chaînes tv et où la tv distribution par le câble n’existe parfois qu’en rêve.

    Ah non, je me trompe un peu, les frontaliers français arrive à capter les chaînes des pays voisins. Pas idiot ça. Ils peuvent profiter des films français qui passent en avant-première chez nous.

    Donc, je cherche, je ne trouve pas la Belgique profonde. Ou alors dans le fond d’un cornet de frites-mayo? Ou dans le fond d’un verre de Jup?

    Attention Yvon, attention, tu vas perdre des visiteurs, je te le dis moi. Belgique profonde, pfuuu, où tu cours là!

    Et comme je sais que tu y tiens!

    Bon, je vais remettre mon groupe électrogène en route, j’en ai marre de pédaler pour avoir internet.

    Christian.

    • Salut Christian

      Comment ? Tu veux me dire que tu as 100% des gens qui sont en 100Mo avec le dernier navigateur à la mode en Belgique ?
      C’est de loin le commentaire le plus drôle que tu aies mis jusque là :D :D

      Yvon

      • Mo? Navigateur? D’abord mo ça prend un t et même un s quand il y en à 100! Enfin, il n’y a pas qu’a Lorient qu’il y a des navigateurs. Dans notre Belgique profonde nous avons le port d’Anvers qui est le 2ème port le plus grand en Europe. Et toc!

  13. Oui d’accord mais je trouve quelques flous dans ton billet:
    – que sont ces « 1 visiteurs sur 4 » ?
    – ton assimilation des usagers d’IE8 à des bouseux, puis à des gens avec une connexion lente, va un peu vite. Il y a plutôt des catégories comme « type qui s’y connaît » et « surfeur du dimanche », les deux étant répartis sur tout le territoire, non ?
    – le site t’a vraiment interdit d’entrer ? T’annoncer que ton navigateur est une m… (dans l’esprit du webmaster) c’est une chose, te bloquer en est une autre.

    Sinon je trouve la plupart de tes articles extrêmement utiles pour la buse que je suis en blogging et référencement ;)

    • Les 1 visiteur sur 4 se retrouveront facilement avec une petite calculette et les chiffres affichés.
      La bonne réponse est 22466 / 85258 (j’avais déjà calculé en prévision de la question) ;)

      C’est pas moi qui assimile les utilisateurs d’IE8 et inférieurs à des bouseux. C’est le site mentionné.
      Oui il m’a carrément interdit d’entrée. Impossibilité de le faire si je n’ai pas FF ou Chrome (ou IE9)

      Bonne journée

      Yvon

      • David K

        Pour IE8, c’est de l’abus. Clair et net.
        IE8 n’est pas bon. Mais il n’est pas mauvais.
        Il comprend à peu près le CSS2.

        Ce n’est plus IE6 qui ne captait même pas l’attribut hover en CSS…

        Ce que représente IE6:
        IE6 Countdown.com

        Mais on va pas se plaindre.
        Vous aviez Internet dans les 90’s (vers 1995-1996) :) ?

        Vous avez sûrement connu la guerre des navigateurs.
        Avec une lecture différente du code par IE et Netscape.

        Au point qu’il fallait dire que le site était optimisé pour un navigateur… et pas pour l’autre :-? .

        Les défis techniques de demain:

        > Le prochain défi… C’est les smartphones et tablettes.
        Le moteur de rendu de certains appareils est… particulier :hin: .

        Android est une chance: uniformisation avec un navigateur (+ possibilité d’installer Firefox / Opera / Chrome ou autre).

        L’autre défi c’est les logiciels de messagerie. Une vraie plaie. Outlook 2007 (et 2010) ont fait un bond en arrière.

        Grosso modo, le mail HTML, c’est retour en 1999 avec HTML3.
        D’un côté, oubliez les images. De l’autre, ressortez les tableaux pour la mise en page.
        C’est à peine une blague.
        Et les filtres anti-spam sont de véritables tueurs à gage.

      • Bonjour Yvon !

        J’avais soigneusement gardé ton mail pour faire les vérifications et je viens de faire les tests pour mon blog.

        Je suis surprise mais un message de sécurité (qui ne donne vraiment pas envie d’aller plus loin sur mon site :s ) s’affiche sur IE. Une histoire de certificat non valide…

        Est-ce-que tu aurais une explication à cela ou est-ce-que d’autres personnes sont dans la même situation et connaissent l’origine du problème ?

        Merci et très très bonne continuation ! Toutes tes informations sont une vraie mine d’or ! ;)

        Nathalie

        • Bonsoir Nathalie

          Oui ça arrive de temps en temps. Je ne sais pas comment le désactiver par contre.
          Sur quel IE est-ce que ça arrive ? (quelle version ?)
          As-tu cherché sur Google pour trouver une solution ?

          Bonne soirée

          Yvon

  14. BK

    Hello Yvon,

    Je testais toujours sur mes trois navigateurs, mais s’il est possible de vérifier sur toutes les versions de tous les navigateurs c’est en effet un plus !

    J’ignorais que cela fût possible !

    Merci pour l’info !

    Bernard

  15. Salut Yvon,

    Je viens peut-être un peu tard sur ce post mais bon je vais quand même laissé mon idée sur la question.

    Ce qui est embêtant avec le navigateur IE c’est qu’il n’affiche pas ci, il ne montre pas ça. Tu vois?

    Prenons les favicons, IE a sa norme propre (extension en .ico) sinon il ne les affiche pas. Je suis dans ce cas actuellement.

    Un autre exemple, les ombrages sous les pages et photos doivent faire l’objet d’un code spécial à ajouter en CSS (en plus de ce qui est fait comme travail) sinon pas d’ombrage pour le visiteur utilisant IE.

    C’est dire quoi? Quand on a fini de travailler sur son site ou blog pour les autres navigateurs il faut encore en avoir du boulot pour IE seul. Encore si on s’y connait sinon…

    Partant de ces deux exemples on a parfois l’envie que nos lecteurs utilisent autre chose que IE.

    Mais bon faut pas leur tenir rigueur pour cela. Le fautif c’est pas le visiteur n’est-ce pas?

    Bien à toi!

    Andy

  16. Salut Yvon,

    j’avais pas encore pensé à vérifier cela.

    Je vais regarder quels sont mes stats sur les navigateurs. ;)

  17. Bonjour Yvon,

    Je reviens sur cet article car moi, j’ai décidé de refuser les abonnés qui n’acceptent pas les…. cookies.

    C’est d’ailleurs aussi ton cas. Je viens de faire l’essai ! Mais moi, au moins je les préviens ! Si tu en as envie, tu peux essayer. Désactive les cookies dans ton navigateur et inscris-toi.

    Avec un site de membres WordPress, les abonnés sont aussi obligés d’accepter les fichiers cookies. Sans eux, impossible de se connecter !

    Sur mon blog, j’utilise un plugin que j’ai développé moi-même. C’est Magic Optin Widget : le plugin qui change le jeu… du double optin!

    C’est avec plaisir que je te l’enverrai si tu veux bien l’essayer.

    Ah j’oubliais, tu pourras si tu t’inscris :D téléchargez Magic Text Widget, un plugin qui va te permettre de donner du style à tes widgets textes, mais c’est pas tout…

    Bien amicalement,
    José

    P.S.: email moi si tu veux recevoir le plugin M.O.W

Laisser un commentaire

;) :super: :red: :hin: :haha: :evil: :cry: :coeur: :cafe: :beer: :D :?: :-z :-x :-o :-P :-? :) :( 8))

Créé et géré avec par Yvon CAVELIER