Lue sur Ananyseweb, le forum des « webanalytics », la mise a disposition gracieuse* de l’oeuvre d’Eric T. Peterson « The Big Book of Key Performance Indicators ».
C’était un devoir que de relayer l’arrivée prochaine du salon E-Marketing Paris 2009.
Plus d’infos sur les conférences et inscription sur
http://www.emarketingparis.com/2009/
Et Dites moi si vous avez trouvé cet article trop long 😉
Voila que notre petite etude de cas sur le referencement d’un blog continue avec cette fois l’optimisation des pages.
Je ne reviens pas sur les fondamentaux de l’optimisation d’une page web, ils sont notamment expliqués dans les articles listés ici http://www.sochouette.com/2008/07/18/et-voila-justement-la-veille-nocturne/
Voilà en tout cas les actions que j’ai entrepris pour optimiser ce blog :
– L’utilisation d’un template WordPress très orienté « SEO » à savoir « Copyblogger 1.0 » de Chris Pearson qui use et abuse des balises H1 notamment. Il a juste fallu l’adapter au Francais.
– J’aurai pu opter pour le plugin wordpress nommé « SEO All in One » …le couteau suisse du référencement sur WordPress mais mon template le rend moins crucial et je ne crois pas vraiment aux descriptions et aux meta tag title ( je suis faineant aussi faut dire). Le plugin SEO Titke tag aurait pu faire l’affaire.
– Je préfère porter mon attention sur les mots clés que j’utilise dans mes titres et dans le permalien (pas assez souvent malheureusement…). A propos des Permalink (traduit par Permalink ou formatage des url), il faudrait que j’enlève la variable date mais bon, pas grave.
– Enfin je m’essaie à une utilisation plus intelligente des tags (pas des tags dans tous les sens) avec le plugin « Recommended Tags.
Voilà si vous avez des suggestions, je prends! On va bientot pouvoir parler mesure des résultats et stratégie.
Voici une sélection de quelues prédictions pour 2009 …c’est de saion.
Ce post sera sans doute mis à jour en fonction de ce sur quoi je tombe.
– Un premier article avec la traduction francaise par Francois de la Roche d’un article de Ann Handley “50 Social Media and Marketing Predictions for 2009″ :
http://www.bloguemarketinginteractif.com/2008/12/15/marketing-et-media-sociaux-prediction-2009/
– La suite avec ces interviews de blogeurs (web 08)
via
http://www.cedricgiorgi.com/archive/2008/12/18/les-7-tendances-du-web-en-2009.html
– et enfin « cloud computing, saas, virtualisation et open source pour 2009 » seront au centre de nos technologies selon le cabinet Saugatuck
http://www.neteco.com/248714-saugatuck-cloud-saas-vistualisation-open-source-2009.html
A vous…ah ah on fait moins les malins là !
SEObook apres son diagramme magique sur le référencement (vision macro) rentre dans le detail et nous propose cette fois une méthodologie pour définir le choix des mots clés :
cf.
http://www.seobook.com/keyword-research-strategy-flowchart
J’en profite pour glisser 2 autres liens sur le référencement :
– Les tendances pour 2009 selon Web Rank Info
http://www.webrankinfo.com/actualites/200812-le-referencement-en-2009.htm
– Ce que font les référenceurs…
http://www.conseilsmarketing.fr/referencement/
Cela faisait longtemps… Voici une petite série d’articles qui m’ont semblé intéressants :
>> E-Marketing
– Une bonne serie de livres blancs
http://www.capitaine-commerce.com
– De la difference entre marketing social et marketing communautaire
http://www.fredcavazza.net/2008/11/20/ne-confondez-plus-communautaire-et-social/
>> E-Pub
– Google a d’abord annoncé vouloir renforcer son offre publicitaire Display, notamment video, en se basant sur DOubleclick et Youtube
http://www.journaldunet.com/ebusiness/publicite/
– L’offre a ensuite été détaillée. Il s’agit d’un système de vente aux encheres de publicité videos à la Adwords
http://www.nma.co.uk/Articles/40437/Google+launches+video+ad..
– Consolidation des réseaux publicitaires sur Facebook
Aknowledge acquiert tour a tour Cubix et Lookery
http://www.insidefacebook.com/2008/11/07/adknowledge-acquires-lookerys-ad-network/
– Adwords : Nouvel outil pour trouver de nouveaux mots clés
http://www.google.com/sktool
>> Emailing
Nouvelle version de l’outil Mailperformance (Groupe IPT)
et notamment gestion de l’email vocal avec un exemple a cette adresse
http://pignonsurmail.typepad.fr/pignonsurmail/2008/11/email-vocale-ch.html
>> Webanalytics
– YouTube ouvre gentillement une chaine dédiée à Google Analytics
http://www.youtube.com/googleanalytics
– Weblead : Un outil pour repérer les prospets chauds qui visitent un site B2B ( un peu de webanalytics pour savoir quel reseau un visiteur utilise + un peu de BI (pour reperer l’attention portée au site)
http://www.blog-conversion.com/taux-de-conversion/
Rappelons quelques uns des principes clés; il faut des liens :
– pertinents (venant de sites traitant de sujets proches)
– non reciproques
– pas dans un footer ( des liens cliqués)
– pas au milieu d’une nuée de liens ( donc si possible dan un article au milieu d’un contenu riche)
– sur une page avec une belle popularité (d’un site respecté)
– et le lien se fait via un texte (anchor) descriptif ( versus un lien « cliquez ici » sans interet)
– qui ne viennent pas de sites ayant la meme IP (bref les liens entre mes sites comptent moins)
Ces liens peuvent etre obtenus:
– par des échanges ou de l’achat de liens ( non recommandés…mais un lien est un lien) On pourrait par exemple voir la liste des sites vendant des espaces pub sur AD42 et supposer qu’ils seront interessés par la vente de liens sponsorisés (Voir le message d’AD42 dans les commentaires qui gagne son lien).
– via des inscriptions dans des annuaires (mais les annuaires ne répondent pas a tous les critères cités plus haut. Au minimum, ciblez les annuaires populaires en choissant bien le titre de votre site ou sélectionnez les annuaires qui ont une categorie proche du theme traité par votre site. Par exemple, je référence mes petits sites sur les casinos sur King Annuaire car cet annuaire propose un catégorie appropriée. C’est un exemple ; )
– via la richesse de votre contenu (dans ce cas, vous pourrez voir qu’une partie seulement des liens entrants menent vers votre home et que les autres liens renvoient vers des pages specifiques (liens profonds)
– via de la provoc’ ou des opérations de linkbaiting dont on a déja parlé (voir le lien).
Comme je manque de temps pour mener une chasse aux liens digne de ce nom (plus qu’une question de temps, c’est une question de priorité en fait, car je mets à jour ce blog juste pour le plaisir), je vais faire appel aux e-Marketers blogers (et voir par la même s’ils font une bonne veille sur leur nom!)
Chers ;
– Stephane Degor de e-marketing.typepad
– Sébastien Billard de http://s.billard.free.fr
– Didier Heen http://net.com.virale.over-blog.com
– Clement Biger de www.clement-biger.info/
– Camille Jourdan de www.e-mk.blogspot.com/
– Nicolas Besson de http://nbesson.typepad.com/
– Sylvain web-marketer.net
– Emilie & Thibault www.marketing-digital.fr
– Michelle Blanc www.michelleblanc.com
– Guillaume Brunet www.guillaumebrunet.com
– Patrice decoeur de www.cibleus.com (GAGNANT !)
– Matthieu Fouchard de www.matthieufouchard.com
– Olivier Mernet de www.oliviermermet.com
– Henri www.2803.com
– Emmanuel Brunet de http://emmanuelbrunet.free.fr/
– Kevin & Gabriel de Virtuadz / advergame.fr
– Raphael Fetique de blog-conversion.com
– Fred de www.conseilsmarketing.fr
– Estelle de http://liensponsorises.zeblog.com/
– Gaetan de http://gaduman.blogspot.com
– Vincent de vincent@blog-web-marketing.fr
– Sylvain Gueguen de www.akostic.com (Gagnant!)
– Benoit chopin
– Gregoire lacoste de Seabuzz
– Marco Felgueiras de emarketing-magazine.fr (gagnant)
– Loric de http://ecommerce-fever.com/
– Christophe Logiste de logiste.be
– Ronan de marketing paradise
– Seoman de http://bababillgates.free.fr
– Haddad aziz de http://aziz.typepad.com
– Laurent Granger de Manager-go.com
– Sylvain et Emmanuel de Webmarketing-com.com !!
(et Margaux http://margaux-d-spcom08.blogspot.com (opportuniste)
ALLEZ FAITES DU LIEN SVP !
(les X premiers a reagir gagnent l’activation de leur lien et toutes mes félicitations)
Thierry nous dirait qu’il faut mieux commencer à activer les liens listés ci dessus pour faire venir les heureux élus mais je vais la tenter comme ca… quitte à changer mon fusil d’épaule en cours de route avec des petits ping de ci de là.
Suite à la réception de ce que je crois être la newsletter de Miratech, je me permets de reprendre dans ce post un article dans son intégralité car il m’a semblé intéressant. Il traite un sujet aussi basique que peu étudié : les couleurs d’une page web.
« Sur une page web, les utilisateurs ont le temps de lire au mieux 28% des mots. Ils scannent les pages d’un site. Comment mettre en avant l’information ? Comment faciliter au maximum la lecture à l’écran ?
Nous avons acquis des réflexes de lecture peu adaptés à l’écran. Les résultats montrent que la lecture à l’écran est 25% plus lente que sur papier. Il est alors nécessaire d’optimiser les caractéristiques perceptives des informations des sites Internet afin d’en faciliter la lecture.
La couleur améliore-t-elle les performances des utilisateurs ? En réalité, la couleur apporte peu au niveau du traitement de l’information (vitesse de lecture, mémorisation des informations…). Si la couleur encourage la lecture, elle n’aide pas toujours à comprendre le contenu. On réservera donc la couleur quand cela représente un intérêt pour la compréhension de l’information, par exemple pour illustrer la hiérarchie de contenu.
Il est important de réduire le nombre de couleurs différentes : plusieurs couleurs peuvent représenter une surcharge informationnelle, et compliquer le traitement mental de la page. On constate que l’emploi de 3 couleurs est une moyenne idéale, avec un maximum de 6.
Pour mieux les distinguer, il est préférable d’utiliser des couleurs qui ne sont pas adjacentes dans le spectre des couleurs. Le cercle chromatique, représentation circulaire des couleurs, permet de représenter leurs interactions :
Un cercle chromatique
Par ailleurs, sous l’angle plus global de la charte graphique du site, des couleurs voisines sur le diagramme chromatique créent une sensation d’équilibre pour l’œil, dû à l’absence de contraste. Pour choisir des couleurs harmonieuses :
– Sélectionner des couleurs de même teinte dont les tons sont proches,
– Ou mêler des couleurs complémentaires. Pour deux couleurs, choisir celles diamétralement opposées sur le cercle chromatique ; pour trois couleurs, elles formeront un triangle équilatéral sur le cercle, …
Vous utiliserez des couleurs identiques pour grouper des éléments et des couleurs différentes pour distinguer des éléments fonctionnellement différents.
Evitez d’utiliser le rouge et le vert pour définir les limites entre des objets : 8% de la population ont des troubles visuels concernant la distinction de ces deux couleurs.
Le choix des couleurs doit aussi correspondre aux conventions d’utilisation et aux symboliques associées dans la culture occidentale, pour être appropriées à la signification du message. Par exemple :
– le rouge = danger, donc veiller à l’utiliser seulement dans le cadre d’alerte,
– le jaune = attention, qui peut être utilisé dans une fenêtre d’avertissement,
– …
La signification occidentale classiquement associée aux couleurs
Pour la distinction des détails, il est primordial de créer un contraste suffisant entre le fond et le texte de la page web. Le contraste maximum est obtenu avec des caractères noirs sur fond blanc : cette combinaison donne les meilleurs résultats. On peut l’atténuer avec un fond grisé.
Une impression négative (caractères blancs sur fond noir) est lue 10% plus lentement, d’après une étude de Wendt en 1994.
Le manque de contraste peut être compensé par des caractères passés en gras ou dans un corps de texte plus important – à réserver aux éléments à mettre en avant.
Des études avancent que les polices sans serif rendent plus aisée la lecture à l’écran. Les empattements peuvent très vite devenir gênants pour la lecture. Il est alors préférable d’utiliser une police créée pour la lecture à l’écran, comme Verdana sans serif ou Arial. Georgia est la seule police à empattements adaptée au web. Dans une moindre mesure, on retrouve sur le Web les polices Trebuchet et Lucida Sans, souvent réservées aux titres.
Les polices génériques présentent l’avantage d’être reconnues et affichées par tous les navigateurs :
Les polices génériques utilisées sur le Web
Pour mettre en évidence un mot, passez-le en gras plutôt qu’en majuscules, qui signifient « crier » sur Internet et sont difficiles à lire. Une étude de Karen Schriver indique qu’un texte écrit en majuscules est lu 13 à 20% plus lentement :
De la même façon, n’utilisez pas le soulignement pour mette en avant une idée : dans les conventions web, le soulignement identifie les liens hypertextes.
Evitez également l’écriture italique, qui réduit la vitesse de lecture. Pour respecter l’usage conventionnel, par exemple pour des citations, il est alors conseillé d’augmenter le corps des caractères.
La difficulté est de trouver une taille de texte qui convienne à tous les yeux. Dans la page, spécifiez la taille du texte en unités relatives, plutôt qu’en points ou en pixels. Il vaut mieux utiliser des pourcentages relatifs à la taille d’affichage spécifiée par le navigateur. Vous laissez ainsi le choix à l’utilisateur d’agrandir ou de rétrécir la taille du texte.
Deux icônes en entête d’article pour modifier la taille de caractères à l’écran (Source : L’Equipe.fr)
La longueur idéale des lignes d’un texte semble se situer entre 55 et 100 caractères par ligne. Attention au design élastique en cas d’agrandissement de fenêtre, qui risque de créer des lignes illisibles car trop longues, sur les écrans larges.
Il est important d’aérer le contenu, avec des interlignes suffisamment importants, sans impression de flottement entre les lignes. Par défaut, les navigateurs web affichent un interlignage de 120 % par rapport à la taille du texte. Selon les typographes, un interlignage correct se situe entre 120 et 150 %.
Pour vérifier l’interlignage, repérez la rencontre des ascendantes et descendantes entre les lignes. Prêtez également attention aux capitales accentuées :
L’essentiel est de conjuguer ces facteurs et d’arbitrer par rapport à leur influence sur la lisibilité des textes. Vos choix seront déterminés par l’image de votre site, le type d’information à mettre en valeur et les caractéristiques et habitudes de l’utilisateur.
Miratech en bref
Miratech est une société d’études spécialisée en ergonomie du web et en conception centrée utilisateur. Elle utilise notamment la technologie eye tracking pour mesurer le regard des internautes sur un site et améliorer son efficacité.
www.miratech.fr »
Merci à Sonia pour son accord.
Voila les actions en cours pour stimuler les liens internes entre les differentes pages de SoChouette.com (sous WordPress) et tenter d’envoyer à toutes les pages du site, des visiteurs venant de notre ami Google.
Action 1 : J »installe un widget dans la colonne de droite qui fait des liens vers Les 10 articles les plus récents et les archives…
Action 2 : J’ajoute des liens vers des « Les articles similaires » ( en installant le plugin « similar posts » pour WordPress qui donne « D’autres articles à découvrir: » en dessous)
Action 3 : Je devrais rajouter un petit nuage de tags ( voir aussi le plugin “UTW Theme Compatibility Thing”) mais je manque de place. Il faudrait que je mette en place un template en 3 colonnes. Pas le temps et trop de tags (voir Acte 4 a ce sujet).
Action 4 : Je revois les url et le titre des catégories ( je place le mot « webmarketing » par defaut dans l’url des categories et pour la re-ecriture des titres je passe par le plugin « SEO title tag » toujours sur WordPress)
Action 5 : Enfin j’essaie de faire des liens vers des articles specifiques. Et comme un exemple vaut bien des mots, voilà que j’ajoute un lien plugin wordpress.
Allez a suivre, je cree des liens venant de l’exterieur.
Me sentant pousser des ailes en matiere de référencement, je me lance dans une serie de conseils autour du referencement d’un site…en m’appuyant sur les actions que j’entreprends pour ce blog.
On commence par un point non essentiel : le flux RSS,
– flux de tous les dangers ( duplicate content si on reprend mes articles ca et là)
– et de toutes les opportunités ( car cela cree de nombreux liens vers le site).
Action 1 : Je configure mon flux RSS correctement ( sur WordPress, j’ installe Better Feed)
J’envoie dans mon flux l’integralite de mon contenu. J’ajoute dans le footer un lien permanent » L’e-Marketing de Chouette : blog webmarketing- histoire d’etre bien present sur les mots clés e-marketing et webmarketing (objectif top 10…c pas gagné)
Action 2 : Je desactive les options de Feedburner Pro
Feedburner permet de quantifier le nombre d’abonnes à un flux et les articles les plus cliques.
Le tracking des clicks necessite de transformer les liens http://www.sochouette.com/article en http://www.feedburner.com/?x=1250015251
Bref si un site reprend mon contenu que Feedburner traque, Google ne verra pas un lien vers mon site mais un lien vers Feedburner.
Je desactive!
Action 3 : Je rend mon flux bien visible pour Google et les visiteurs
J’ajoute a ma homepage une petite balise
<link rel="alternate" type="application/rss+xml" title="Flux rss So chouette" href="http://www.sochouette.com/feed/" />
Action 4 : Je référence mon flux
En m’assurant qu’il ping les bons lecteurs de flux mais aussi en referencant mon flux dans des annuaires standards ou specialisés dans le RSS.
Voilà, c’ était ma première serie de conseils et d’actions.
Demain je poursuis avec » Je crée des liens entre mes pages«
