Réussir sa page Web : les bons ingrédients !

Finalement le Web c’est un peu comme la cuisine, il faut une bonne recette, un peu d’entraînement et de bons ingrédients.

La recette du jour : « réussir sa page Web« .

Réussir sa page Web

Les ingrédients et le tour de main :

#1 – Titre de page court et explicite (balise <Title>) : La balise « title » est très importante dans la mesure où elle va renseigner vos lecteurs ainsi que les moteurs de recherche sur le contenu de votre page. Un titre doit correspondre à une seule et même page de votre site, donc à une page correspond un titre unique. Si vous souhaitez en savoir plus sur l’optimisation du titre de page, je vous invite à consulter le Guide SEO Google.

#2 – URL propre, unique et signifiante : Une URL doit être explicite. Il faut donc préférer la forme suivante « http://blog.kinoa.com/web-marketing-infographies/ » à « http://blog.kinoa.com/map.adp?ovi=1&mqmap.x=300&mqmap.y=75&mapdata=%252″. L’URL au même titre que la balise Title va renseigner vos lecteurs et les moteurs de recherche sur le contenu de votre page.

#3 – Header avec logo, baseline, menu transversal ainsi qu’une navigation de 1er niveau (7 rubriques maximum) : Lorsque votre visiteur arrive sur votre page Web, vous devez l’accueillir en lui mentionnant clairement qu’il est arrivé à bon port. C’est en partie le rôle de votre logo qui doit être bien visible en haut à gauche de votre page (l’emplacement est une convention d’usage). Une baseline renseignera également l’utilisateur sur votre activité (il n’est pas sensé tout connaître de votre société). Ce header doit également proposer des liens dits « transversaux » (liens que l’on retrouve sur l’intégralité des pages). Il s’agira généralement de :

  • Accessibilité : votre politique en terme d’accessibilité de vos pages Web ;
  • Plan du site : permet d’offrir rapidement à vos visiteurs une vue d’ensemble de vos contenus et services ;
  • Langues : permet de sélectionner la langue de son choix (si vous proposez vos pages en plusieurs langues bien évidemment !) ;
  • Blog : si vous proposez un blog (fortement recommandé:) ;
  • Contact : il est toujours intéressant de proposer un lien pour vous contacter facilement.

NB : certains de ces liens transversaux peuvent être positionnés indifféremment dans le footer de vos pages.

#4 – Chemin de navigation : Il est devenu aujourd’hui un élément d’ergonomie indispensable puisqu’il permet à l’Internaute de se repérer durant sa navigation. Ce dernier sera bien évidemment inutile sur un blog puisque le classement des pages est chronologique. On lui préférera alors une date de publication de l’article.

#5 – Navigation de second niveau ou catégories dans le cas d’un blog : Très généralement, nous retrouvons un menu de navigation de second niveau en colonne de gauche ou de droite de la page. Dans le cas d’un blog, ce menu sera remplacé par d’autres systèmes de navigation tels que les catégories et/ou les Tags.

#6 – Titre clair (<H1>) et chapeau résumant l’essentiel de l’information : Il faut dans la mesure du possible choisir des titres courts.  Titres et intertitres doivent être utilisés à bon escient . Ces derniers doivent utiliser des tailles de police différentes en fonction de leur importance. Sémantiquement, ils doivent être reliés aux balises « H1 à H6″ . Enfin, pour garantir une meilleure lisibilité il est essentiel de structurer l’information sur le principe de la pyramide inversée, modèle éditorial applicable au Web. Un chapeau qui résume l’essentiel de l’information est un bon moyen de respecter cette règle.

Plus généralement, si vous souhaitez optimiser vos contenus Web, vous pouvez lire le billet suivant : « 10 astuces pour optimiser vos contenus sur le Net« .

#7 – Images si possibles en rapport avec le contenu : Des images permettant de schématiser ou d’illustrer le discours sont souvent plus efficaces que trop d’écrits. Attention à bien prévoir des alternatives textes à vos images. Ceci est très important pour l’accessibilité de vos pages Web ainsi que pour leur référencement.

#8 – Vidéos et éléments interactifs : Des vidéos et éléments interactifs sont intéressants à utiliser dans la mesure où ils permettent de diversifier les formes de contenus. Les vidéos peuvent en plus avoir un effet potentiellement viral (être reprises sur d’autres pages Web).

#9 – Contenus complémentaires : Il est intéressant de pouvoir proposer des liens vers des contenus complémentaires à votre contenu principal. En fonction des cas, si votre cible est plutôt BtoB ou BtoC, vous pouvez proposer des livres blancs, des études de cas, des FAQ… Voir à ce sujet, l’illustration suivante : « Dopez votre présence en ligne« .

#10 – Moteur de recherche : Proposer un moteur de recherche est aujourd’hui indispensable. Certains utilisateurs en font l’un de leur élément de navigation privilégié.

#11 – Abonnement Newsletter : La newsletter est un bon moyen de fidéliser votre audience et d’offrir une meilleure exposition à vos contenus. Il existe des services assez simples à mettre en place pour gérer ses newsletters, c’est donc dommage de s’en priver !

#12 – Flux RSS : Un peu à l’instar de la newsletter, le flux RSS permettra à vos lecteurs de s’abonner et d’être ainsi avertis lors de la parution de vos nouveaux contenus.

#13 – Footer avec mentions légales, contacts et copyright : Ils s’agit ici de respecter les obligations légales. Les mentions légales doivent notamment indiquer l’identité de l’hébergeur et sa dénomination ou raison social, ses coordonnées complètes, le nom du responsable de la publication, vos coordonnées…

#14 – Code respectueux des standards XHTML / CSS : Vous souhaitez être bien référencé ? Respectez alors les standards W3C, vous pourrez également rendre votre site Web accessible plus facilement.

Bon si vous n’aimez pas faire la cuisine, vous pourrez toujours vous servir de l’illustration comme check-list :)

Qu’en pensez-vous ?

Articles similaires

12 comments

  1. Ping : Le succès d’une page web : Les Bases ! | Mon Marketing.fr

  2. Ping : pagi: eLearning

  3. Ping : pagi: ConversionJottit

  4. Ping : Ecrire pour Internet, repères de base pour les novices > Guy Pastre

  5. Ping : Le succès d'une page web : Les Bases ! | Le Blog de Michael Pinatton

  6. Ping : 14 points à respecter pour bien réussir sa page Web

  7. Arnaud il y a 7 années 

    Bonjour,

    Vous avez très bien résumé l’architecture de l’information d’un site éditorial avec une densité d’information faible à moyenne. C’est typiquement comme cela que l’on la pratiquait en l’an 2000, et encore aujourd’hui. Cela fonctionne particulièrement bien avec une typologie de site.

    Aujourd’hui cette structure avec fil d’ariane et sous navigation verticale tend à disparaître ou du moins à se limiter à certains sites éditoriaux. A cela plusieurs raisons :

    – Le premier point de départ est l’avènement de la navigation par taxonomy (tags) qui tend à fausser le fil d’ariane

    – Un autre point est l’usage de plus en plus courant qui est la navigation par suggestion (si vous avez aimé ceci vous aimerez cela, top 10 des lectures, les sujets les plus commentés)

    – la nécessité de dégager l’espace vertical de gauche suite à la découverte de Jacob Nielsen et du postulat de la lecture en F Vs La Lecture en Z qui prévalait jusqu’alors

    – le rôle de plus en plus important du pied de page qui évite de remonter pour naviguer via les grandes rubriques thématiques

    On retrouve tous ces points dans l’architecture d’information des blogs, c’est d’ailleurs le cas pour ce blog ci, mais pas seulement. Si l’on observe les portails éditoriaux des grands quotidiens d’infos, ou même les sites plus aboutis de réseaux sociaux, on tend vers ce type d’architecture.

  8. Stéphane Truphème il y a 8 années 

    Bon heureusement que nous pouvons continuer 😉 Plus sérieusement, je suis d’accord avec vous sur les petits blog, ils sont souvent très intéressants. Quand aux plus importants (bien que je ne considère pas le blog kinoa comme « important »), nous travaillons pour une audience qui n’est pas forcément de grands lecteurs de blogs. Dans notre cas, il s’agit par exemple de clients de l’agence qui sont contents de retrouver de manière synthétique une information qui circule sur le web. Après c’est un choix qui appartient aux lecteurs. Pour des raisons de sensibilités ou autres, certains préféreront lire le blog kinoa, d’autres lire le journal du ref, etc… C’est un peu comme Le Monde, Le Figaro, Libé…

    Bon j’espère à bientôt sur le blog kinoa :)

  9. Jerome il y a 8 années 

    Merci d’avoir répondu.
    Si cette article a été créé pour que les non initiés puissent comprendre le sujet alors c’est réussi car c’est expliqué clairement et simplement et comme d’habitude l’illustration est de qualité.

    Ce que je reprochai simplement c’était de ne pas apporter d’info nouvelle mais comme vous le dites : « notre objectif n’est pas de réinventer la roue »

    Et plus qu’autre chose ce que je reprochai c’est que l’info des blogs les plus connus (donc pas uniquement Kinoa) est souvent reprise un peu partout journal du ref, weblius… alors qu’il y a de nombreux petits sites sans prétention qui écrivent chaque jour des articles de qualité.

    Vous l’aurez donc compris avec cette deuxième remarque que je ne vous en veux pas directement.

    Merci Kiona, continuez quand même 😉

  10. Stéphane Truphème il y a 8 années 

    Merci Jérôme pour votre commentaire.

    Maintenant, notre objectif n’est pas de réinventer la roue. Nous cherchons simplement à travers nos illustrations à faire passer une information, un concept sous une forme sympathique, claire et compréhensible pour que les non initiés puissent l’appréhender plus facilement.

    Nous pensons en effet qu’une illustration est un moyen assez efficace et agréable d’atteindre cet objectif. Mais nous n’avons pas la prétention de prétendre que cette information n’existe que sur le blog kinoa.

  11. Jerome il y a 8 années 

    Bon article, clair et bien rédigé avec de belles illustrations.
    Mais qu’on a déjà eu l’occasion de lire à de nombreuses reprises sur d’autres blogs.
    J’aime vos articles mais comme de très nombreux blogs connus, il n’y a plus vraiment de VRAI info.
    Il faut s’intéresser aux plus « petits » qui apportent un réel contenu.

  12. Julie il y a 8 années 

    Salut !

    je rajoute la favicon !
    indispensable pour s’y retrouver quand on a une tonne d’onglets ouverts en même temps !
    Bonne journée 😉
    J.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


neuf + = 11