Archive pour la catégorie 'infographie'

S’informer autrement : 101 sources Internet

Nous aimons bien les illustrations chez Kinoa. Elles sont souvent plus efficaces que de longs discours.

En voici une particulièrement réussie qui nous est proposée par Vendredi. Elle met en avant 101 sources Internet pour s’informer autrement. Nous y retrouvons bien évidemment des blogs et des sites “Web dit participatifs” apparus avec le Web social ou le Web 2.0.

Dommage qu’elle ne soit pas directement cliquable, ce qui nous aurait permis de nous rendre directement sur les blogs ou sites mentionnés.

vendredi10

D’ailleurs en parlant de s’informer et de Web 2.0, cela me donne envie de partager cette vidéo de Frédéric Lefebvre.

Frédéric Lefebvre est député, porte parole de l’UMP et lobbyiste et il est surtout pressenti pour être le futur secrétaire d’Etat à l’économie numérique ! Il ferait bien de commencer à consulter ces “101 sources Internet pour s’informer autrement” :)

Via e(Veille) et RWW France

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 ?

Affiliation : une stratégie web marketing illustrée

J’ai découvert sur Webilus une très bonne illustration sur une stratégie Web marketing de plus en plus incontournable pour le e-commerçant : l’affiliation.

Affiliation

L’affiliation est une stratégie e-marketing qui consiste à proposer ses produits ou services sur des sites Web “affiliés”. Ces derniers perçoivent une commission sur les ventes générées.

Pour gérer son réseau d’affiliés de nombreuses plates-formes existent. Il s’agira notamment d’ Affilinet, Publicidees, Tradedoubler, Zanox, Effiliation…

Pour plus de détails, consultez le blog de Cyril Lecocq.

Kit de survie en temps de crise : 8 conseils pour tenter de passer la crise au chaud

Depuis quelques temps déjà, nous prenons beaucoup de plaisir à créer des infographies pour vulgariser certains concepts de Web marketing (optimiser son référencement, doper sa présence en ligne, écrire pour le Web…). Vous êtes de plus en plus nombreux à les consulter et j’espère à les apprécier.

Actualité oblige, nous sortons un peu de notre thème de prédilection pour vous proposer une illustration qui se veut être une sorte de “kit de survie en temps de crise“.

Bien évidemment cette dernière est essentiellement destinée aux petites et moyennes entreprises.

Kit de survie en temps de crise

#1 - Gérer votre trésorerie avec un maximum de rigueur : votre cash-flow va être la clé incontestable de votre survie. Si vous arrivez à maintenir cette dernière dans des proportions acceptables, vous traverserez très certainement la crise qui s’annonce longue en toute sérénité. Attention donc aux dépenses inutiles, négocier âprement auprès de vos fournisseurs vos dépenses courantes (loyer, comptabilité, téléphone…), négociez les délais de paiement auprès de vos clients pour tenter de les raccourcir au mieux.

#2 - Soyez ultra réaliste : ne vous leurrez pas, soyez ultra réaliste sur vos prévisionnels qui seront très certainement revus à la baisse. Concentrez-vous sur ce que vous savez bien faire et mettez en stand-by vos projets les plus risqués. Ces derniers pourront attendre que le beau temps revienne. Il est essentiel en temps de crise de recentrer votre activité sur ce qui crée réellement de la valeur économique.

#3 - Surveillez votre carnet de commandes : ce dernier est-il supérieur ou inférieur aux objectifs ? Cette donnée est bien évidemment une très bonne indication de là où va votre entreprise.

#4 - Anticipez : ne soyez pas naïf, si vous devez ajuster vos équipes aux réalités du marché en réduisant le nombre d’employés, faites le et vite. Attendre risquerait de condamner votre société et au final de mettre bien plus de monde à la recherche d’un nouvel emploi…

#5 - Innovez dans le vert : adapter votre entreprise aux respects de l’environnement et au développement durable peut être un moyen intelligent de faire des économies et pourquoi pas de s’ouvrir à de nouveaux marchés. Incitez par exemple vos employés à ne pas imprimer à tout va, éteignez les lumières et les postes informatiques lorsqu’ils ne sont pas utilisés, encouragez le télé-travail, virtualisez vos serveurs informatiques, migrer vers une informatique “dans les nuages” (SaaS)…

#6 - Ecoutez vos marchés : depuis l’avènement du Web social ou du participatif (le fameux Web 2.0 que certains annoncent mort avec la crise), les marchés sont des conversations (voir le manifeste des évidences). Utilisez le potentiel des réseaux sociaux pour construire une communauté forte autour de votre marque ou tout au moins écoutez les conversations sur votre marché et participez-y. Vous serez alors nécessairement plus proche des attentes de vos clients et limiterez ainsi les risques lors de la sortie d’une nouvelle offre par exemple.

#7 - Maximisez votre visibilité en ligne : Augmentez la visibilité de votre site Web par des actions de référencement naturel et payant. Vous avez les moyens de calculer précisément ce que vous rapporte tout investissement réalisé dans ce domaine. Si 1€ vous en rapporte 4€ pourquoi s’en priver ? Dopez votre présence en ligne par toutes les techniques de Web marketing qui sont à votre disposition. Ces techniques ne sont pas forcément coûteuses à mettre en oeuvre et les résultats sont là encore mesurables.

#8 - Devenez ultra agile et réactif : Arrêtez l’informatique “à la papa”, vous n’êtes pas là pour enrichir Microsoft ou IBM surtout en temps de crise. Intéressez-vous de près à “l’informatique dans les nuages“. De plus en plus de logiciels sont proposés en mode SaaS. Vous ne payez plus pour le logiciel mais pour le service que ce dernier vous rend. Si le service n’est pas à la hauteur, vous pourrez en changer rapidement. L’ensemble de ces services en mode SaaS (CRM, ERP, gestion des mails, calendriers partagés, docs, tableurs, vidéos, blog, microblogging, reporting…) vous feront gagner en réactivité et en efficacité tout en réalisant des économies !

Dernière chose, si vous ne devez en suivre qu’un, optez résolument pour le premier : le cash-flow !

Espérons toutefois que ces conseils ne serviront à rien.

Et vous, avez-vous d’autres conseils à donner ?

10 astuces pour optimiser vos contenus sur le Net

Le contenu de votre site Web ou de votre blog est incontestablement l’un des éléments majeurs qui participe à la qualité de votre présence en ligne.

Un contenu de qualité sera apprécié par votre cible et attirera nécessairement de plus en plus de visiteurs. Il participera de plus au bon référencement de votre site ou de votre blog.

Nous vous proposons donc ici dix astuces pour optimiser vos contenus sur le Net.

10 astuces pour optimiser vos contenus internet

#1 - Utilisez des titres brefs, clairs & explicites :

Il faut dans la mesure du possible choisir des titres courts. « Simplification des démarches des entreprises en matière de transfert de données à l’étranger » devient par exemple « Transfert de données à l’étranger : démarches simplifiées ». Le caractère informatif doit cependant être privilégié au détriment de la longueur du titre. La concision ne doit pas être poussée jusqu’à l’imprécision. « Un service en ligne au bout des doigts » deviendra par exemple « Sécurisation des données en ligne par empreintes digitales ». Le mieux bien évidemment est d’être informatif tout en restant concis.

#2 - Ecrivez des paragraphes concis et centrés sur 1 idée :

La concision est l’ergonomie du rédacteur ! L’écriture pour le Web a beaucoup de points communs avec le style utilisé en radio. Il doit être direct et aller droit à l’essentiel.

Le meilleur moyen pour rédiger des paragraphes concis est de ne développer qu’une seule idée par paragraphe !

#3 - Faites des phrases courtes :

Une phrase ne devrait pas dépasser 15 à 20 mots. Ce nombre correspond à “l’empan mnésique moyen”. La ponctuation a évidemment beaucoup d’importance et permet notamment de scinder la lecture d’une phrase trop longue.

#4 - Utilisez des tournures simples :

80 % des mots courts, c’est-à-dire de quatre syllabes maximum, sont des mots concrets, désignant des réalités palpables. Ils seront donc préférés parce que plus facilement compréhensibles lors d’une lecture à l’écran.

#5 - Respectez la règle de la pyramide inversée (du plus important au détail) :

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.

Plus on s’éloigne du début du texte, plus l’importance des informations diminuent. Plus on va loin dans le texte, plus le niveau de détails augmente.

#6 - Evitez le ton promotionnel :

On a très souvent l’impression que l’utilisation d’un ton promotionnel est « efficace », qu’il captera mieux l’attention du lecteur et par conséquent le retiendra. Sur le net, c’est exactement l’inverse, un ton promotionnel fera fuir vos lecteurs !

Indépendamment même de la valeur d’usage d’une information, en termes d’ergonomie pure, on peut considérer que le recours à une écriture objective et factuelle augmente l’utilisabilité. Le « verbiage » promotionnel, à l’inverse, complique l’écriture et en conséquence la lecture.

#7 - Mettez vos contenus en relief  :

Donner du relief à votre contenu aidera le lecteur à le parcourir et à en retenir l’essentiel. Les règles de mise en relief sont simples à appliquer :

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″ .

Exemple :

  • Titre principal de la page : <H1> – taille 20
  • Titre de chapitre : <H2> – taille 18
  • Titre paragraphe : <H3> – taille 16
  • Intertitre : <H4> – taille 14

Les caractères gras doivent être utilisés sur tous les mots importants et significatifs de votre contenu.

La couleur peut également être utilisée, notamment pour indiquer la présence d’un lien hypertexte. Dans la mesure du possible, n’utilisez qu’une seule couleur pour vos liens.

Les listes à puces et listes numérotées doivent être utilisées chaque fois qu’une énumération est possible. Elles facilitent en effet grandement la lecture.

De petites images peuvent permettre de capter l’attention.

Enfin, une page découpée en plusieurs « espaces d’informations » (encarts en couleurs, par exemple) sera plus facile à lire

#8 - Distinguer les discours d’orientation et d’information :

Discours d'orientation VS discours d'information

Le discours d’information

C’est le discours qu’on retrouve sur la plupart des pages. Il doit transmettre une information aux internautes. C’est un discours à la tonalité didactique et explicative.

Il correspond à un mode de “consommation” de l’information.

Le discours d’orientation

Il correspond à un mode de recherche de l’information. C’est généralement celui que l’on retrouve sur la page d’accueil d’un site et les pages d’accueil de ses principales rubriques. Ici le contenu est généralement à faible valeur ajoutée informative. Il présente le contenu d’une rubriques, d’une page ou d’un outil. Il guide l’internaute. Voir également ci-dessous.

#9 - Evitez le colonage :

Le colonage sera à éviter pour un article en ligne contrairement aux articles imprimés.

#10 - Utiliser à bon escient l’hypertexte :

Lorsque l’utilisateur est en phase de recherche, il appréciera une grande quantité de liens. Ce qui n’est pas le cas en mode de “consommation“.

La page d’accueil et les pages d’index des grandes rubriques d’un site répondent généralement à un comportement de type “recherche“. Il s’agit donc de pages pouvant proposer une vingtaine de liens en ventre de page  (voir beaucoup plus s’il s’agit du portail généraliste de type « Voila.fr ou Yahoo !).

Les pages de contenu répondent généralement à un comportement de type “consommation“. Il convient donc de proposer sur ce type de page un minimum de liens sous peine de perdre le lecteur. Un maximum de 5 hyperliens intégrés au contenu est généralement considéré comme la norme.

Les liens qui fonctionnent le mieux sont généralement ceux qui sont en relation étroite avec le contenu, voir nécessaires à sa compréhension. Par exemple, des liens qui servent d’ancres et qui permettent à l’utilisateur d’aller directement au paragraphe souhaité sont très appréciés.

Pour éviter une trop grande “digression“, tous les liens qui ne sont pas en relation étroite avec le contenu et/ou qui ne servent pas directement à sa compréhension doivent être regroupés en marge de ce dernier, dans des encarts du type “Pour en savoir plus sur…“.

Les liens insérés dans le contenu doivent adopter une mise en forme la plus proche possible de celle qui existe par “défaut” , c’est-à-dire lorsque aucun style particulier n’est appliqué.

Dans tous les cas, un lien visité doit toujours être identifié par un changement de couleur.

Dans le même ordre d’idée, un lien non visité doit si possible être souligné.

Enfin, un lien doit toujours être explicite. L’intitulé du lien doit être informatif et doit renseigner le plus possible l’utilisateur sur le contenu lié. Si l’intitulé ne suffit pas, le lien peut être accompagné d’une description textuelle ou d’un attribut “title” qui apparaît au survol de la souris.

Pour les liens faisant partie de la “structure du site” (barre de navigation haut de page, par exemple), il est conseillé de ne pas dépasser le nombre de 7 pour un même niveau.

Pour aller plus loin :

Nos autres infographies :

Illustration : Nathalie Dufour