Incomparable avec la version précédente. Ils en ont mis du temps, mais c’est une vraie refonte du service. Maintenant indiquer une adresse Hotmail sur un cv ne fera pas moins pro qu’une adresse Gmail ou Yahoo!, à condition bien sûr de le pas avoir gardé son adresse d’ado

Voici les principaux changements :

La boite mail :

- La possibilité de regrouper les e-mails par conversations,

- Une recherche avancée par expéditeur, destinataire, objet ou contenu,

- Plusieurs fonctionnalités pour nettoyer et ranger rapidement sa boite mail,

- De nombreux filtres, en fonction de la provenance (contacts, réseaux sociaux, groupes) ou du contenu (avec photo attachée ou avec document office attaché),

- La messagerie instantanée intégrée, sur le côté gauche comme Gtalk dans Gmail.

Création / lecture de l’e-mail :

- La possibilité de joindre directement à ses e-mails des images de Bing, des vidéos de YouTube, des cartes Bing, ou l’URL d’une page en la recherchant directement sur Bing…

- L’affichage dynamique du contenu multimédia à l’intérieur de l’e-mail : des photos flickr et des vidéos YouTube.

Encore quelques options manquantes par rapport à la version américaine

- La création et l’envoi d’album photos avec SkyDrive,

- Le suivi interactif des livraisons (au lieu de recevoir un email à chaque fois que notre colis change d’état),

- Le partage de documents collaboratifs avec les documents Office en ligne.

Une interface IE friendly only !

Quelques bugs d’affichages sous Firefiox et Chrome (dommage)… à commencer par la présentation Silverlight qui ne fonctionne pas sous Firefox !

Un mix entre messagerie pro et perso

Une boite mail qui a tout d’une messagerie professionnelle,  mais qui intègre aussi les réseaux sociaux ou le suivi des livraisons suite aux commandes en ligne.

• Rendez-vous sur docs.google.com

• Cliquez sur

  Importer…

  en haut à gauche.

• Choisissez le document à importer, image ou document PDF.
• Petite incohérence qui va surement être corrigée rapidement, il faut choisir l’option « Convertir le texte de fichiers image ou PDF au format Google Documents ^{Nouveau !} » pour convertir une image en texte mais « Convertir des documents, présentations et feuilles de calcul au format Google Documents correspondant » pour convertir un PDF en texte.
  Dans le doute, cochez les deux !



• Retrouvez votre fichier texte dans votre compte Google Docs !

Coder un emailing c’est… tout un art. L’art de faire en sorte d’écrire du code HTML lu de la même façon par tous les mailers dans tous les navigateurs. Ce n’est pas mission impossible, mais il faut savoir ce qui passe et ce qui ne passe pas, et connaître quelques petits « hacks » pour corriger certains bugs d’affichages.

C’est après m’être arrachée les cheveux pour savoir comment supprimer l’espace blanc de 3px qui apparait entre deux images avec des liens que j’ai décidé d’écrire cet article ou je vais recenser toutes les astuces à connaître. Et je compte sur votre participation !

Je commence donc avec cette histoire d’espace blanc entre deux images :

Espace blanc entre deux images avec des liens

Il arrive de devoir découper une image en plusieurs parties pour pouvoir mettre deux liens différents derrière, et compter sur le fait que les deux images se touchent pour que le découpage ne se voit pas. C’est là qu’une barre blanche de 3px apparait entre les deux.

Vous pouvez trifouiller les padding, margin, height et autres dans tous les sens, rien n’y fait, firebug vous indiquera qu’il y a un mystérieux espace entre la fin de l’image et </a>. Au mieux un bgcolor dans votre <tr> peut cacher le problème, mais ça ne rend bien que si le bas de l’image est uni.

La solution : ajouter l’attribut style="display:block" à votre image.

Et oui c’est tout ! Merci Quentin pour cette astuce.

Des idées d’autres bugs courants ?

Le taux de rebond, c’est quoi ?

La définition simple consiste à dire que le taux de rebond correspond au pourcentage de visiteurs qui sont arrivés sur une page web puis sont repartis de suite après, ce qui devrait s’approcher du pourcentage de visiteurs qui ont trouvé que le site sur lequel ils ont atterri ne correspondait pas à ce qu’ils cherchaient.

Or, Google Analytics a squeezé le « de suite après » de la définition et a défini le taux de rebond comme le pourcentage de visiteurs n’ayant vu qu’une seule page, peu importe le temps passé sur cette page. Et comme Google Analytics est très largement répandu et adopté, sa définition est devenue LA définition, que l’on retrouve par exemple sur wikipedia : « Le taux de rebond est le pourcentage d’internautes qui sont entrés sur une page Web et qui ont quitté le site après. Ils n’ont vu qu’une seule page. »

La définition de Google n’est pas adaptée aux blogs

Le choix de Google sur le calcul du taux de rebond est bon pour de nombreux sites, et notamment les sites e-commerce, mais pas du tout pour les sites de presse en ligne et les blogs. En effet, on peut atterrir sur un article qui correspond à ce que l’on cherchait, le lire attentivement, puis s’en aller. Ou alors l’article peut contenir des liens externes qui répondent au besoin du visiteur, qui va donc sortir du site comme l’auteur l’y a invité. Le visiteur vient chercher une information précise, tombe directement sur la page du site ou du blog qui traite le sujet et le fait qu’il ne se rende pas sur d’autres pages du même site n’indique pas pour autant que la page en question ne correspondait pas à ses attentes.

L’article Le taux de rebond d’Analytics ne sert à rien : changez-le ! paru hier sur SEOMIX explique comment modifier le calcul du taux de rebond pour l’adapter au comportement de ses propres visiteurs et faire en sorte de se rapprocher de l’objectif initial, c’est à dire savoir combien de visiteurs ont trouvé que la page sur laquelle ils sont arrivés n’était pas pertinente. Cela permet de rétablir le taux de rebond ainsi que le temps moyen passé sur le site, statistique faussée par le fait qu’une visite avec rebond est comptabilisée comme uns visite de 0 seconde… Une technique que je recommande à tous les blogueurs.

Modification du calcul du taux de rebond dans Google Analytics

Il s’agit tout simplement de rajouter la ligne

après _gaq.push(['_trackPageview']);
et avant (function() {
dans la (nouvelle) portion de code Google Analytics, en choisissant le temps en millisecondes à partir duquel une visite d’une seule page ne doit pas être considérée comme un rebond.

En ce qui me concerne, ça y est c’est fait, j’ai modifié le calcul du taux de rebond sur les pages de mon blog. Cela se rapprochera peut être moins de la pertinence des pages jugée par Google, mais me sera plus utile pour juger de la réelle pertinence du contenu de mes articles pour mes visiteurs. Et vous, comptez-vous changer de méthode de calcul du taux de rebond ?

Pour tous ceux qui ont peur de perdre les informations originales, n’oubliez pas que le taux de rebond Google Analytics actuel correspond ni plus ni moins au pourcentage de visites de pages uniques et SEOMIX indique comment le retrouver en créant un segment avancé.

Les premiers tests d’utilisabilité de l’iPad rappellent à quel point les standards sont importants. Ce qui rend une interface intuitive, c’est le fait qu’on comprenne rapidement comment elle marche, ce qu’on peut faire, et qu’elle réagisse conformément à nos attentes. Encore faut-il avoir des attentes. Si les standards du web sont maintenant bien connus et mémorisés par les utilisateurs, tout nouveau support entraine une expérience utilisateur différente et de nouveaux standards à construire. Jakob Nielsen met en avant dans son étude le problème que pose l’absence de conventions et donc d’attentes des utilisateurs. C’est à dire qu’ils ne connaissent pas à l’avance les actions possibles, le résultat de leurs actions et la manière dont tel ou tel résultat devrait pouvoir être obtenu.

Le support étant nouveau, l’utilisateur est tolérant et enregistre le fonctionnement des interfaces qu’il parcoure. Mais le problème est que chaque concepteur a imaginé un fonctionnement différent et que chaque interface réagit différemment. Les utilisateurs ne peuvent donc pas transférer les acquis d’une application à une autre.

L’étude souligne par exemple le fait que de cliquer sur une image peut donner 5 résultats différents :
- ne rien faire,
- agrandir l’image,
- envoyer sur une autre page,
- passer à une autre image,
- afficher des options.

De même, le scroll peut fonctionner de plusieurs façons :
- faire défiler une page avec un mouvement de haut en bas, comme une barre de défilement verticale,
- faire défiler une page avec un mouvement de bas en haut, comme pour faire remonter la page,
- faire défiler une page latéralement, comme on tourne une page.

Comme le fait remarquer SimpleWeb.fr, le problème est amplifié par le fait que les écrans tactiles ont cette possibilité en moins de pouvoir déclencher des actions au survol de la souris, qui permettent de prévoir la possibilité d’une action et son résultat : changement d’apparence qui indique qu’un élément est cliquable, apparition d’une loupe au survol d’une image, etc. Ceci renforce le besoin de standards, et l’effort que doit faire le concepteur pour permettre à l’utilisateur de comprendre ce qu’il peut faire et le résultat que va produire une action. D’autant plus important qu’il n’y a pas de bouton « retour » !

Les premières applications pour l’iPad mettent l’accent sur le design, mais pour que les utilisateurs s’approprient ce nouveau support, il sera nécessaire de revoir les priorités et d’accorder plus d’importance à la compréhensibilité et l’établissement de conventions.

On y retrouve :
- des infos utiles comme des conseils d’orientation, des renseignements sur les écoles et les formations, des fiches métier,
- des petites annonces stage/job comme logement et colocation,
- l’actu étudiante, l’actu des assos des écoles,
- des forums..
et plein d’autres choses.

Très positive cette initiative de mélanger un peu les étudiants alors que la vie en école a plutôt tendance à les enfermer dans des bulles ! Plus sympa de rechercher des colocs de divers horizons que dans son école / sa fac uniquement, d’être au courant des soirées organisées par les asso voisines…

Je vous invite à y faire un tour !

« De même que sur le Net on apprend désormais à écrire pour Google, il faut maintenant penser à écrire son CV pour les logiciels de tri. » : une citation extraite d’un article de Courrier Cadre, sur lequel l’ESC Toulouse attire l’attention de ses futurs diplômés.

Le parallèle entre le classement des CV par les logiciels de RH et le classement des pages par Google est bien trouvé et interpellera tout ceux qui œuvrent pour le référencement de leur site ou de leur blog. Tout est une question de mots clés… et cela fait peur.  Je n’avais pas envisagé la rédaction de mon CV pour un robot.

Quelles sont les entreprises qui utilisent des logiciels pour trier les CV ?

Les plus grosses forcément, les grands groupes qui éditent de nombreuses offres et reçoivent des centaines de candidatures. Mais aussi celles qui passent par des cabinets de recrutement. Ce qui peut vous mettre la puce à l’oreille : une annonce qui spécifie le format du CV à joindre à la candidature, souvent les formats reconnus par le logiciel (Word, parfois RTF, PDF…)

Comment passer le filtre des logiciels de tri ?

Courrier Cadre indique comment « booster son classement ». Insérer un maximum de mots clés. Lesquels ? Ceux qui se trouvent dans l’annonce et les termes génériques généralement associés à la fonction.  Utiliser des synonymes pour être sûr de tomber sur l’expression exacte choisie par le recruteur. Si « ESC » est un mot clé, il serait dommage de passer à côté avec « école de management » ou « business school » ! Privilégier les expressions à la mode et les appellations courantes, car un titre de poste « maison » ne sera jamais un mot clé. Si une compétence exigée remonte à un stage ou un job d’été, ne pas manquer de le décrire. Enfin, la rubrique intérêts peut-être l’occasion de placer les derniers mots clés que nous n’avez pas réussi à caser avant.

Y-a-t-il a des astuces pour leurrer les robots ?

Oui, par exemple mentionner le titre du poste convoité : le logiciel de tri ne fera pas la différence entre les postes occupés et le poste convoité, et pourra donc vous considérer comme un candidat ayant déjà exercer la fonction !

Peut-on faire du spamdexing ? Certainement ! J’ai lu sur une discussion viadéo que placer du texte en petit en blanc sur blanc dans son CV et/ou dans sa lettre de motivation (en l’occurrence, le texte de l’annonce) pouvait fonctionner. A déconseiller tout de même, si cela se sait les logiciels ne tarderont probablement pas à le détecter. Sans aller jusque là, pourquoi ne pas ajouter une « boite à mots clés » sur son CV ? J’ai déjà vu cela et ce n’est peut être pas bête.

Conclusion

Pas de panique, il n’y a pas de raison que les CV bien rédigés et adaptés à l’offre soient bloqués par les logiciels de tri. Il est tout de même bien d’avoir conscience de l’existence de ces robots pour ne pas risquer se faire filtrer bêtement. Adapter sa candidature à l’offre, ne pas utiliser de termes alambiqués, écrire simplement et clairement sont les clés d’un bon CV !

Pour le moment, Google indique que moins de 1% des requêtes sur son moteur de recherche sont affectées par le temps de chargement, et uniquement sur le site américain Google.com. Mais ce n’est probablement qu’un début.

Comment évaluer la vitesse de chargement de ses pages web ? L’analyse de performances du site de google webmasters tool est-elle fiable ? Mon graphique oscille beaucoup, même quand je ne fais rien (oui je sais j’ai pas mal rien fait justement sur mon blog ces derniers temps :s ), et le fait d’avoir fait virer page speed au vert n’a rien changé.

Google webmasters tool indique que les pages de mon site se chargent en 6,8 secondes en moyenne. Pingdom donne 0,6s pour la home de mon site, 1,9s pour la home du blog, et entre 1 et 3s pour les articles…

Et les sites en flash, ou silverlight ou je ne sais quoi d’autre ? Si Google ne lit pas le code, ça donne quoi pour lui, un téléchargement éclair ?

Pas mal de questions donc pour le moment. J’espère que les experts en SEO planchent dessus Une chose est sure, les hébergeurs doivent se frotter les mains et préparer des campagnes de pub pour nous faire opter pour des hébergements plus rapides et plus chers !

Participation au référencement de la page

HTML

Si le nom de l’image et l’attribut "title" ne semblent pas être pris en compte par google dans le référencement de la page au sein de laquelle l’image se trouve, l’influence de l’attribut "alt" n’est plus à prouver.

Attention, le contenu de l’attribut "alt" remplace l’image si son chargement échoue et pour les mal-voyants qui utilisent une synthèse vocale. Il doit être une description du contenu et des informations apportées par l’image et non une simple succession de mots clés.

Cependant, cette solution ne concerne que les images insérées directement dans le corps de la page en HTML et ne solutionne pas le référencement des images appelées en JavaScript ou contenues dans des animations Flash.

JavaScript

Autant le dire tout de suite, il n’y a pas de solution optimale pour référencer le JavaScript et si vous pouvez obtenir le même résultat en HTML, c’est vivement recommandé. Sinon, un texte alternatif peut être inséré dans la balise <noscript>, qui doit être placée à la fin du script, soit juste après </script>.

Attention à ne pas en abuser, un texte alternatif trop long ou trop répétitif sera considéré comme du spam.

Flash

Plusieurs solutions sont possibles pour mieux référencer le contenu de ses animations Flash.

• La balise <object>

Cette méthode consiste à appeler l’animation Flash en swf par une balise <object> dans lequel le texte alternatif peut-être placé.

C’est la méthode que j’ai utilisée sur la page d’accueil de mon site et cela semble bien fonctionner. Si je cherche une phrase contenue dans le texte alternatif, google trouve bien la page web.

• Le JavaScript

Cette méthode consiste à utiliser un script javascript pour insérer l’animation Flash. Il faut récupérer le fichier swfobect.js et l’appeller de cette manière :

Je n’ai pas testé cette méthode mais c’est il me semble la plus utilisée aujourd’hui.

Le référencement des images elles-mêmes

Le nom de l’image

S’il n’influence pas le référencement de la page dans laquelle l’image est affichée, le nom du fichier a de l’importance pour le référencement de l’image elle-même, sur google images par exemple. Il est conseillé d’utiliser le caractère – pour signifier un espace.

Le sitemap

Et voici, enfin, ce qui m’a poussé a écrire cet article : l’évolution du sitemap de google pour aider au référencement des images. Vous pouvez dorénavant utiliser la balise <image:image> pour déclarer des images au sein d’une page ! Ci-dessous un exemple.

Seules les balises <image:image> et <image:loc> sont obligatoires.

Les bons comptes font les bons amis – épisode 2

Après avoir présenté leetchi.com en novembre dernier, une super idée qui permet de s’organiser pour acheter des cadeaux communs – sans se retrouver à payer pour ceux qui ont oublié de participer – , voici Tricount.

Plus besoin d’ouvrir Excel !

Tricount, c’est tout simplement le remplaçant de votre feuille de calcul Excel. Quand on organise un événement, en vacances entre amis, ou dans la vie de tous les jours quand on vie en coloc, on se perd rapidement dans les comptes : qui a payé quoi ? qui est concerné par cette dépense ? qui doit combien à qui ? Tricount fait les comptes pour vous et organise les remboursements de manière triangulaire pour réduire au maximum le nombre d’échanges d’argent.

>> Voir l’exemple de comptes entre amis en ligne

Pas de login et de mot de passe à retenir

Quand vous faites vos comptes sur Tricount, une url unique chiffrée se crée. Il suffit de l’enregistrer dans ses favoris pour pouvoir y revenir.

Tricount sur l’iPhone

Et parce qu’on n’a pas toujours un PC et une connexion wifi en vacances… Tricount a lancé son application iPhone !