Depuis mes premiers tests, je vous avoue avoir été agréablement surpris par les progrès et les horizons qui se profilent avec cette nouvelle version.

D’abord, pour vous parler de SongBird, voila ce que la bébête a sous le coude pour vous convaincre de l’essayer et pourquoi pas l’adopter:

• Une appli cross plate-forme (Linux, Mac, Windows)
• La prise en charge des formats FLAC, OGG Vorbis et MP3 (Toute plate-forme), WMA (Windows), AAC (Windows & Mac) => Le tout basé sur Gstreamer
• Un système d’extension pratique et bien fourni (Outils, skins…)
• Une prise en charge des baladeurs MP3 classiques et Ipod y compris
• Synchro avec votre bibliothèque Itunes existante
• Look sobre Itunes-like

Ce que j’aime maintenant personnellement dans SongBird:

• Les extensions très sympas comme (Paroles de chansons, SHOUTcast radios, lastFm, Apple remote control, playlists Deezer…)
• Le coté Web Open Source du projet (Qui devrait pouvoir ouvrir des horizons sympathiques dans un futur proche: MusicStore, Partage données utilisateurs, Interaction évènements, bientôt une API SongBird)
• Les perfs qui sont encourageantes même si on est loin du coté hyper light (Mais SongBird se débrouille bien avec des grosses bibliothèques)

Bref, je vous encourage à essayer la bébête histoire de vous rendre compte de ce qui se fait un peu en termes de lecteur audio surtout si vous vous étiez enfermé dans la routine Itunes du fait de votre Ipod…

Pour essayer SongBird, visitez http://getsongbird.com/

SongBird peut apporter une brique très intéressante à l’internet en terme d’expérience musicale!
Maintenant, ce n’est qu’une question de temps, mais la communauté open source pourrait bien révolutionner l’usage de la musique à travers ce genre d’initiatives…

En effet, l’auteur explique qu’après son succès commercial, celle-ci compte sensibiliser plus de monde et récolter plus de feedback en vue de la prochaine édition.

En bref, ce bouquin, c’est quoi ?
Un très bon recueil de bonnes pratiques pour le Web qui passe en revue des notions d’ergonomie, de navigation, d’expérience utilisateur, des outils et éléments de construction d’un site WEB… en gros, un joli tour d’horizon indispensable!

N’hésitez donc pas à aller vous cultiver et échanger vos impressions sur chacune des pages… c’est fait pour !

L’art du référencement n’est pas une science exacte, cependant, il est toujours bon de faire quelques rappels de notions essentielles quand on veut maximiser son référencement et positionnement naturels!

Pour cette première partie, je vais juste m’intéresser à la structure de votre site.
Certes, ces notions sont parfois évidentes pour certains, cependant, je voulais résumer toutes les bonnes pratiques à adopter pour se donner toutes les chances d’être bien référencé naturellement.

Pour espérer obtenir du trafic conséquent depuis les moteurs de recherche, il faut globalement apparaître dans les 3 premiers résultats pour une recherche précise.
Ces 3 premiers résultats (Triangle d’or) amène respectivement 30%, 15% et 7% du trafic.
Si vous voulez vous trouver dans ce triangle rapidement, prenez soin de vous référencer sur des termes ou des expressions clés sur lesquels la concurrence n’est pas encore fortement installée. N’ayez donc pas peur de vous positionner sur des requêtes spécifiques de types (2, 3, 4 mots clés).

Comment votre page peut-elle remonter dans les résultats ?

Le but du moteur de recherche est d’associer des mots clés à chacune de vos pages web.
A partir de ces associations et une pondération qui reste un “mystère” pour tous, le moteur est donc capable de fournir une liste de pages en résultat pour chacune des recherches.

Afin de pouvoir associer des mots clés à vos pages Web, chaque moteur va accorder un niveau de pertinence décroissant aux informations contenues dans:

1. Nom de domaine
2. URL
3. Titre de la page (Title)
4. Balises de titre (H1,h2…)
5. Texte en gras ou italique
6. 1er mots, 1er paragraphes
7. Le reste du contenu

Google ignore cependant:

• Vidéos
• Javascript
• applets
• les commentaires ()
• Les balises de style
• Les liens dupliqués
• Les liens vers la page courante

URL Rewriting:

• Pas plus de 4 niveaux de profondeur (http://www.exemple.com/post/web/web2/actu/etude/google -> Risque avant tout de vous nuire)

Title

• La taille max souhaitée pour le tag title est de 65 caractères en moyenne
• La balise est à placer le plus haut possible dans votre page
• Positionnez vos mots clés à la suite par importance décroissante
• Positionnez vous sur la bonne conjugaison (Les moteur sont sensibles au singulier/pluriel et masculin/féminin)
• Evitez les erreurs du style (Home, Accueil, bienvenue…) et (titre identique sur toutes les pages)

Headings

Pour optimiser son positionnement sur des mots clés différents, on peut adopter un H1 différent de son Title pour se positionner sur des mots clés aux sens très proches (Ex: title -> “Voitures de légende – Monblog” et h1 -> “Automobiles d’exception”)

Alt – Title

Ne pas oublier de les renseigner car les moteurs donnent du sens à vos images et vos liens grâce à ces attributs (De plus, vous améliorez l’accessibilité de votre site).

Les balises Metas

On sait actuellement avec certitude que seul la balise Meta description est considérée par les moteurs de recherche (La Meta keywords n’est plus tellement prise en compte).
Adoptez une taille moyenne de 150 à 200 caractères pour votre méta description.
Si vous voulez conserver la méta keywords, profitez en pour vous positionner sur des mots importants (singulier/pluriel) mais aussi sur ceux-ci mal orthographiés. Ne dépassez pas cependant une trentaine de mots clés.
Evitez de surcharger vos pages avec des balises inutiles.

Soignez le Linking interne de son site

Il faut par exemple sur votre page principale faire apparaître des liens vers vos pages importantes et faire apparaître sur les pages importantes des liens vers les pages secondaires…
Une arborescence sera bien pensée et efficace si toute page ou information est accessible à 2 clics maximum d’une page d’entrée du site (voire un grand maximum de 3 clics pour de gros sites).
Une arborescence avec une hiérarchie de classement logique et classique en rubriques et sous-rubriques permettra souvent d’éviter la duplication de contenu.
Pour améliorer l’effet de linking entre vos pages, vous pouvez opter pour la mise en place d’un BeadCrumb (Fil d’Ariane) et adopter une soumission intelligente des pages similaires.

Sitemap

Une sitemap n’est pas obligatoire, cependant, celle-ci peut aider à guider les robots pour crawler les différentes pages de votre site.
La sitemap n’est pas un outil de positionnement, elle sert juste à l’indexation.

En conclusion…

Toutes ces notions vues ici sont certes basiques, cependant elles ne sont pas encore tout le temps appliquées à la lettre.
Le référencement naturel, c’est souvent une question de bon sens et de logique, on le laisse parfois de côté alors que celui-ci pourrait vous être très favorable en termes de visibilité.

Vous êtes sur votre faim ?
Ne vous en faites pas, nous verrons dans d’autres billets comment aborder le référencement avec un peu plus d’astuces et d’actions à mener en parallèle.

Sources complémentaires:

• Search Engine Optimization (Conférence Intellicore Tech Talks)
• Réussir son référencement – Olivier Andrieu
• Blog d’Abondance
• MoteurZine

Je ne vous avais pas encore fait de retour sur ce RailsCamp qui s’est déroulé samedi à la cantine.
En résumé, le feedback est très positif grâce entre autres à:

• Une très bonne organisation (cadre, ambiance, confort, pizzas, tee-shirt…)
• Des participants très sympathiques et hétéroclites (Passionnés, professionnels, développeurs, étudiants ou simples curieux)
• Des interventions et intervenants de qualité

Bref, on attend avec impatience la deuxième édition de ce RailsCamp après le succès rencontré par celui-ci.
Pour information, avant une deuxième édition, il semblerait qu’un RubyCamp soit dans les tiroirs pour bientôt mais je vous tiendrai au courant.

Pour terminer ce feedback, juste envie de faire partager la présentation qu’a tenu Olivier Gutknecht.
Cette présentation explique pour moi avec synthèse et simplement ce qu’est Rails.
Si seulement ces gens là pouvait trouver le temps d’enseigner dans nos écoles…

Pour présenter un peu en quoi immobilio se distingue de ses concurrents, je dirai que l’accent a été mis sur 3 points essentiels:

• La pertinence de la base de données d’offres avec un dédoublonnage intelligent qui offre une vraie pertinence dans les résultats et un algorithme de géolocalisation des annonces.
• Des modes de recherches très variés (A proximité d’un lieu, en optimisant un temps de trajets, a proximité d’un arrêt de métro, selon un prix du m2 (Cotation des rues de Paris), sur un certain rayon…)
• Un confort de navigation apporté par l’intégration de nombreux Web services (Google map, panoramio) et fonctionnalités (Alerte email, Flux RSS, Espace de sauvegarde d’annonce…).

Du point de vue de l’interface, immobilio a adopté un look frais et simple qui offre une bonne lisibilité et un parcours utilisateur correct.
On a également une petite dose d’effets Javascript pour apporter la ptite touche “Web2″ tant recherché . Cela reste raisonnable, cependant même si tout n’est pas justifié.

En termes d’efficacité, le produit semble prometteur et a réussi en théorie à résoudre la majorité des problématiques dans ce secteur.
Pour l’instant, le business modèle semble se base sur de la publicité ce qui est déjà plus sympathique pour l’internaute qu’un certain site concurrent qui lui se rémunère sur des numéros surtaxés pour récupérer les coordonnés de l’annonceur (arf grrr).

De mon côté, j’avoue avoir apprécié ce nouveau moteur de recherche même si quelques incohérences visuelles et ergonomiques semblent subsister.
Je n’ai pas manqué d’en avertir Jean Baptiste Dumont qui reste évidemment à l’écoute de tout feedback de votre part.

À l’heure actuelle, le site est encore en bêta, mais il devrait sortir définitivement en juin.
Cependant, si vous êtes impatients de tester ce nouveau moteur, Jean Baptiste a mis à votre disposition 100 invitations pour vous faire participer à la bêta privée (Ne vous privez pas donc).

PS: Si vous avez également des plans T3 sur paris et banlieue, vous pouvez aussi me contacter, ce sera avec plaisir

La Fnac soucieuse d’apporter la même qualité de conseil qu’en magasin a enfin décidé de revoir l’ergonomie sur son site de vente en ligne au niveau de la section Micro-Informatique.

La micro-informatique étant devenue un secteur de “consommation courante”, la plate-forme de vente en ligne se devait de permettre à l’utilisateur de trouver tous les conseils d’achat et outils pour choisir efficacement les outils informatiques qui sont pour la plupart un véritable casse-tête.

En mettant en place de multiples fonctionnalités grâce à l’utilisation de technologie RIA (Open Laszlo, flash, dhtml…), l’utilisateur bénéficie alors d’une très bonne navigation par facette déjà mise en place chez certains concurrents (Darty, Amazon).

Nouvelle navigation et présentation

Les nouveaux outils et fonctionnalités disponibles pour accompagner le visiteur dans cette nouvelle version sont:

• Des carousselles de produits en nombre (Mais cependant pas assez réactifs (temps de chargement) pour naviguer confortablement) sur les pages de rubriques
• Affichage des détails d’un produit en gardant à disposition en visuel les autres produits issus de la recherche
• De nombreux critères de recherche (prix, usage, dénomination, caractéristiques, marques…) permettant de filtrer en temps réel les résultats
• Possibilité de comparer 4 articles au maximum grâce à comparateur fonctionnant via un simple glisser déposer.
  Celui-ci indique alors les 2 meilleurs produits en fonction des critères choisis.
• Soumission intelligente des accessoires associés au moment de l’achat d’un article

Le comparateur de produit

Page de notation avec les 2 meilleurs produits

Le parcours client, après un rapide test, est grandement amélioré, vous pouvez tester par vous même depuis hier et vous faire votre opinion: Tout n’est pas encore parfait mais ces nouvelles fonctionnalités sont en Beta-Test et seront surement amenés à évoluer.

Personnellement, j’ai beaucoup apprécié le fait de consulter les détails d’un produit sans atterrir une page produit.
Fini donc les manipulations inutiles (Ouverture d’onglet ou naviguer dans l’historique) pour revenir à la liste initiale des produits.
Un système de sliders pour définir une fourchette de prix est désormais disponible sur le comparateur.
Le client peut alors facilement trouver le meilleur matériel au meilleur prix sans avoir un parcours client trop fastidieux.

En observant cette nouvelle navigation, on peut voir que 3 types de parcours client se démarquent (Bizarrement ceux que l’on peut observer dans une Fnac):

1. L’internaute qui découvre et regarde les produit => Carousselles de produits (Effet Vitrine)
2. L’internaute qui prospecte et qui veut en savoir plus => Affichage des fiches dans les listes produits
3. L’internaute qui doit faire un choix et comparer => Comparateur de produits et prise en compte de critères

Visuellement, cette nouvelle navigation est soignée et agréable et devrait satisfaire les nombreux clients qui deviennent de plus en plus exigeants sur internet.

Dans un futur proche, les univers tv-vidéo, téléphonie, mp3, appareils photo seront refondus de cette manière ce qui homogénéisera le site avec un mode unique de fonctionnement.

Pour découvrir toutes ces futures fonctionnalités, je vous invite à vous rendre sur l’univers micro-informatique dès aujourd’hui et attend vos retours et avis sur toutes ces petites nouveautés.

PS: Je serai amené, je l’espère bientôt, à vous reparler de Ruby&Rails puisque ce blog devrait migrer, dans un futur proche, sur la plate-forme de Blog Typo (développé en Ruby) ce qui me permettra de soutenir le projet et de m’immerger totalement dans ce framework.

Allez hop, un petit coup de pub projecteur sur la troisième édition des Altaïde Dev Drink qui se dérouleront cette fois chez Microsoft.

Les Altaïde Dev Drink, c’est quoi?
Une occasion de réunir des développeurs, décideurs et curieux autour d’un sujet sur le développement.

Après les 2 premières sessions qui ont évoqué les technos PHP SOA et Flex, c’est donc au tour de Silverlight qui est sortie officiellement en version 2 après le Mix à Vegas de faire son entrée.

La conférence – démo – présentation se déroulera le jeudi 27 Mars 2008 à 19h00 dans les locaux de Microsoft et sera présidée par Pierre Lagarde et Christophe Lauer.

Si vous êtes intéressés, il vous suffit donc de vous inscrire sur le groupe Facebook prévu à cet effet ou d’envoyer un mail.
Le nombre de participants sera limité à 150 personnes environ, et une petite collation est prévue à l’issue de la présentation.

L’année 2008 pour Microsoft s’annonce être bien fournie en termes de solutions informatiques puisque nous avons pu assister à des présentations et démonstrations de toute une flopée de produits/technos:

• Visual Studio 2008
• SQL Server 2008
• IIS 7.0
• .NET 3.5
• C# 3.0
• Silverlight 2.0
• La suite Expression (Web, Blend, Design, Media)

Tous ne sont peut-être pas aussi nouveaux, mais j’avoue avoir beaucoup appris sur la suite Expression qui a pour but de faire collaborer toutes les entités de développement via une compatibilité (XAML) des projets.

Silverlight 2.0, de son coté, se veut être désormais mure avec une implémentation non plus limitée à Javascript.
Les Jeux Olympiques 2008 de Pékin devraient être l’occasion pour Microsoft de prouver la maturité de la techno avec une collaboration avec NBC pour une plate-forme de diffusion! On verra si Microsoft peut alors talonner voir dépasser la techno concurrente FLEX (Pour le média vidéo, ca semble envisageable…).

Pour finir, ces 3 jours ont été l’occasion de m’intéresser à ASP.NET que je devrai commencer à voir en profondeur dans les mois à venir…
Les démonstrations d’ASP.NET auxquelles j’ai pu assisté m’ont interpellé en termes de rapidité de développement puisqu’une gestion des données et des composants prend le relais… Quitter le clavier pour la souris, c’est moins amusant, mais c’est comme ça chez Microsoft…

Petit tour d’horizon maintenant avec ces 2 petits sondages:

• Conception de logiciels
• Design
• Systèmes embarqués
• Jeux vidéos
• Photographie
• Court métrage …

Pour introduire cette compétition, Microsoft se devait bien de nous réunir pour officialiser le lancement de la compétition!
À effectifs certes réduits aux étudiants inscrits pour la session 2008, la conférence s’est donc tenu dans le grand amphi de la Sorbonne (Un cadre “étudiant” et prestigieux).
Avec une capacité Max de 1200 personnes, nous voilâmes donc cloués pour une durée de 3h00 sur nos bancs de bois (Certes rudes)!

4 intervenants se sont donc succédés durant l’après-midi:

1. CEO Dassault Systeme
2. Ora Ito
3. PDG Microsoft Research
4. Bill Gates (qu’on ne présente pas)

De cette après-midi, on retiendra principalement (Excepté la présentation de Surface) la très bonne (et fun) intervention d’Ora Ito, un jeune designer plus que renommé qui ne manque pas de vécu, d’expérience et d’humour!

Ora Ito, c’est qui ?

Ora-Ito est un designer français de 29 ans dont la carrière a commencé à la fin des années des années 90 de manière assez inattendue.
Après avoir interrompu ses études de design prématurément, Ora a la bonne idée de créer (modéliser) des objets de grandes marques mais n’ayant jamais existé!

Les réactions des marques ne se font pas attendre et celles-ci découvrent alors un certain potentiel et talent pour ce designer!
La suite, on la connaît, ce designer se met donc à travailler pour les marques qui l’ont inspiré!
Celui-ci a réussi le pari fou de se servir de l’image des marques pour se lancer puis de proposer la sienne en échange à celles-ci!
En l’espace de quelques années Ora sera devenu un designer très demandé et reconnu et son talent n’a plus de limite!

On peut citer par exemple ses créations les plus connues :

• Bouteille Heineken
• Identité Visuelle de Pink TV
• Sagem Myx8
• Ses bouteilles d’eau
• Ses disques durs LaCie
• Espace Toyota des Champs Elysées
• Le Cab night club à Paris …

Voici un petit panel en image de ses dernières réalisations, vous les avez forcément croisés quelque part…

Alors, il vous énerve ?
A 30 ans, il a déjà tout ce dont il aurait pu rêver !
Il travaille avec les plus grands, il réussit tout ce qu’il entreprend et ses capacités d’innovation sont loin d ‘être épuisées!
Ora Ito n’est pas prêt d’arrêter de nous surprendre et poursuit son bout d’autoroute dans son Studio Eponyme!

Alors, vous saviez qu’il était à l’origine de tous ces objets ? Personnellement pas de tous…
Son prochain défi, à votre avis, ce sera quoi ? Designer pour Apple ?

PS: Les photos de l’évènement sont dispos sur mon Flickr.
PS bis: Une vidéo de son intervention sera dispo quand Ulrich aura bien voulu se coller au montage!