Le Blog Baobaz

J'ai eu l'opportunité d'assister pendant 2 jours au Paris-Web 2009 et j'avoue avoir été séduit malgré mes appréhensions (non fondées, certes).

ParisWeb 2009 est une association qui organise une conférence annuelle dans le but de promouvoir les bonnes pratiques des métiers du web.

Cette conférence réunit à Paris les experts français et internationaux venus partager leur savoir-faire dans leurs domaines d'expertise.

Le thème principal de cette conférence porte sur l'accessibilité, la qualité et le design et donc "comment concilier ces trois approches dans une optique de production de sites web, avec les contraintes et les exigences liées à des processus « industriels » ?"

Aucune solution n'a été donné biensûr mais plutôt des pistes à suivre, des bonnes pratiques

Voici les différentes conférences auxquelles j'ai pu assister :

1. Intégrateurs, montez au front !
   Présenté par : Stéphane Deschamps (France Télécom)
   http://www.nota-bene.org/Integrateurs-montez-au-front-Paris

   Classification de 4 écosystèmes dans lesquels peut évoluer un intégrateur et analyse.
   Recommandation d'anticiper au maximum les problèmes d'intégration et de les annoncer clairement dès la découverte d'une charte. Puis de faire constater ces problèmes par la suite afin à l'avenir d'être consulter en amont.
    

2. Un seul Web
   Présenté par : Daniel Glazman (Disruptive Innovations)
   http://www.slideshare.net/glazou/paris-web2009-one-web

   Avec les nouveautés de CSS 3 et HTML 5, il est désormais aisé de n'avoir qu'un seul site Web, qu'il soit accédé par des navigateurs de bureau ou des clients mobiles.
   Très grosse préconisation de ne plus faire du développement spécifique pour ie6 (coût : environ 20%) donc accepter qu'un site sous ie6 soit dégradé mais lisible, correct  => ie6 doit mourir !
   Ne pas réinventer la roue => utilisation des Yahoo Grids et des CSS Media Queries.
   "Intégrer" les intégrateurs avec l'équipe "Créa" plutôt que l'équipe de développement. Les contraintes et informations apportées par les intégrateurs pourraient rendre encore plus créatifs les graphistes.

   Quelques stats :
   http://gs.statcounter.com/#browser_version-FR-monthly-200809-200910
   http://www.w3schools.com/browsers/browsers_stats.asp

    

3. HTTP pour les naïfs et les brutes
   Présenté par : Karl Dubost (Pheromone — Montréal, Canada)
   http://www.slideshare.net/karlcow/http-pour-les-nafs-et-les-brutes

   Métaphore qui apportait un regard d'enfant sur les conversations clients/serveurs, un peu de poésie ne fait pas de mal dans ce monde de brutes !
   => Je ne suis pas sûr d'avoir tout saisi :)

    

4. Un Web ouvert
   Présenté par : Eric Daspet (SQLI)

   Définition d'un site web => des liens vs un site internet (isolé, vitrine)
   - Forte recommandation d'utiliser les flux RSS, ATOM, les microformats, le RDFa
   - Forte recommandation d'utiliser l'OpenId : solution pour oter le frein en ce qui concerne l'authentification/Identification
   - communication entre applications par OAuth, exploration par YQL, SPARQL ou BOSS
   
   => Utiliser c'est bien, partager c'est bien mais utiliser et partager c'est mieux ! (cf: creative commons)

    

5. Webdesign et qualité
   Présenté par : Florent Verschelde (O2Sources), Benjamin De Cock

   Constat d'un manque de qualité sur les applications web et en particulier en France
   Les sites classiques s'enrichissent de fonctionnalités, profusion d'applications web "type desktop" (aussi dans les réseaux sociaux)

   5 règles à respecter pour assurer une qualité :
   - Se calquer sur le modèle de pensée de la cible
   - Employer un langage simple, court et direct
   - Réduire le nombre de fonctionnalités
   - Opter en amont pour les bons choix d'options par défaut
   - Créer un cadre visuel réconfortant

   Un bon design s'appuie sur :
   - une grille de mise en page
   - des actions claires
   - où suis-je
   - réconfortez-moi
   - soyez sympas
   - portez attention au détail qui tue (feuille de style pour impression, page 404, appli iphone automatique...)
   ...

    

6. Référencement & Standards Web : La même destination
   Présenté par : Thierry Régagnon (RESONEO)
   http://www.slideshare.net/ThierryR/rfrencement-standards-web-la-mme-direction

   Le référencement naturel se positionne sur 3 axes :
   - la sémantique
   - le netlinking
   - la technique

   "Web 1.0" => Read
   "Web 2.0" => Read/Write
   "Web 3.0" => Learn

   Le Websémantique c'est maintenant !

   - le microformat : ses avantages sont sa simplicité, qu'il se base sur HTML et c'est un ensemble de formats arrétés (hCard, hReview, hResume, hCalendar, XFN, rel-atg, rel-licence...)
   - le RDFa : ses avantages sont qu'il est puissant, très souple, c'est une initiative du W3C. Un petit temps d'apprentissage tout de même mais pas sorcier.

   Descriptions enrichies des résultats : http://www.webrankinfo.com/dossiers/techniques/rich-snippets

   Le moteur de recherche est le cœur de notre activité web

    

7. De l'ergonomie pour mon e-commerce
   Présenté par : Amélie Boucher

   L'ergonomie c'est des méthodes avec des gens !

   L' A, B testing est le seul vrai instrument de mesure de la bonne ergonomie d'un site :

   S'adapter au gens, à la cible

   A => faire confiance à quelques personnes representant mes internautes
   B => Faire confiance aux actes de tous mes internautes

   Dans le cas d'une refonte, elle prône le versionning d'une page produit par exemple pour tester l'efficacité. Donc on a une version de controle + un version A + une version B

   => superbe conférence et une amélie rigolote, pas déagréable du tout donc je suis convaincu... :)

    

8. CSS3 : Future Style Now
   Présenté par : Molly Holzschlag (Opera Software)

   Démonstration des différentes possibilités en css3... de la balle !!!

   
   

9. Concevoir un produit web c'est bien, faire en sorte qu'il soit accepté c'est mieux !
   Présenté par : Gautier Barrère, Alain Vagner
   http://www.slideshare.net/avagner/acceptation

   Une démonstartion sous forme de combat de boxe entre un techos et un ergonome !! pour definir l'accepation, la comprendre, les techniques de manipulation et savoir anticiper.

   Il en résulte qu'il faut avoir une approche pluridisciplinaire dans notre conception de site web.
   Ce qui implique une gestion des différences, des complémentarités, et de savoir apprendre à communiquer et à travailler ensemble.

   CAST IZNOGOOD !!

    

10. Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
    Présenté par : Tristan Nitot (Mozilla Europe), Paul Rouget (Mozilla Europe)
    http://www.slideshare.net/nitot/les-nouveaux-standards-et-leur-implmentation-dans-les-navigateurs-modernes

    Présentation des nouvelles versions de Firefox (3.5 actuellement, 3.6 pour bientôt et 3.7), CSS, JS accéléré et HTML5.
    La puissance des standards, l'Open Web unis contre Adobe Air, Flash, Silverlignt (cela est maintenant possible maintenant !)

    L'implémentation de nouveaux standards :

    - multimédia (canvas 2D, canvas 3D/WebGL, audio, video, SVG)
    - accès aux périphériques (accéléromètre, webcam, GPS, multitouch, pression de la souris)
    - APIs pour applications (off-line, drag & drop, nouvelle API pourles fichiers, cross XHR, géolocalisation)
    - performance (JIT [trace Monkey] => des applis web trop lentes jusqu'a présent deviennent possible, Web Worker Threads)

    Il est possible de manipuler de la vidéo en utilisant JS accéléré, de styler 1 vidéo avec du css, appliquer des filtres SVG, d'avoir de la vidéo plein écran !!!

    des petits exemples : http://people.mozilla.com/~prouget/demos/

--------------------------------------------------------------------------------------------

Je suis demandeur pour le prochain Paris-Web 2010, où il est prévu me semble t'il une conférence sur le wireframing, le zoning, le prototypage...
 

Magento en 10 points : la solution Magento a bénéficié d'un buzz impressionnant depuis la sortie sa version 1 en 2008 et a révolutionné le monde des solutions e-commerce. Les raisons de cet engouement pour les sites Magento sont multiples, en voici 10, la liste est bien entendu non exhaustive.

1. Une solution opensource, un éditeur solide

   Écrite en PHP, basée sur le framework Zend, Magento est une solution du monde du logiciel libre.
   Cela signifie que le code source est public : tout le monde y a accès, et ce gratuitement. Les contributions venant de toutes parts sont donc les bienvenues et la vitesse d'intégration de spécificités est accrue, comme ce fut par exemple le cas pour la gestion de la TVA : la version initiale n'était pas adaptée au marché européen mais l'ouverture du code a permis de régler ce problème en quelques semaines.
   Pour autant, Magento est développé par une société à but lucratif, Varien, ce qui garantit une uniformité et une cohérence dans les fonctionnalités et une continuité dans les développements, avec plus de soixante personnes à plein temps travaillant sur la solution.

2. Une solution clef en main

   Téléchargez Magento, décompressez l'archive sur votre serveur Apache/PHP/MySql, lancez la procédure automatique d'installation, accédez à l'inteface d'administration pour effectuer la configuration Magento : vous êtes prêt !
   Par la suite, accédez à l'interface d'administration pour effectuer les mises à jour de version, et ce en deux clics et pas un de plus.
   Reste bien sûr à personnaliser votre boutique et à y intégrer votre catalogue.

3. Un modèle de données excessivement maléable, une grande richesse fonctionnelle

   Que vous vendiez des chaussures, des chaussettes, des vêtements, des rideaux, du vin, des chambres d'hôtel ou des produits virtuels téléchargeables, le modèle de données de Magento est conçu et pensé pour s'adapter à vos besoins, tout en proposant les fonctionnalités standard que l'on est en droit d'attendre d'un site e-Commerce : produits personnalisables, attributs (tailles, couleurs...) paramétrables, Cross-Sell, Up-Sell, et caetera.
   En outre, la version 1.3 a introduit la notion de flat catalog qui donne un excellent compromis entre paramétrabilité et performances.
   Parmi les nombreuses fonctionnalités disponibles en standard, on peut également citer les outils de gestion des prix et des promotions, accessibles via un module de règles à la fois fonctionnellement évolué et facilement utilisable, par simples clics dans l'interface graphique du back-office

4. Une gestion avancée de votre charte graphique

   La gestion du design Magento permet de gérer de manière extrèmement poussée l'ergonomie et le template de votre site Magento.
   Fourni avec un modèle graphique de base, Magento vous permet de mettre en page votre boutique comme bon semble, tout en conservant une parfaite compatibilité avec les versions à venir.
   (Voir le billet Créer un template pour son site Magento à ce sujet.)

5. Une solution pensée pour le référencement naturel

   Réécriture d'URL, saisie des champs meta, gestion du Google Site Map, et caetera, Magento mets à votre disposition tous les outils qui seront nécessaires au bon référencement naturel de votre site Magento.
   (Voir le billet Magento et le référencement naturel pour plus d'informations à ce sujet.)

6. Un solution ouverte à l'international

   Avec Magento votre boutique est prête pour l'international, avec la possibilité (mais pas l'obligation) d'avoir pour chaque zone ou pays :

   • sa propre devise,
   • sa propre langue (de nombreuses langues - dont le Français - sont disponibles en standard),
   • sa propre charte graphique,
   • son propre sous-catalogue,
   • ses propres règles de port,
   • et caetera.

7. De nombreux modules de paiement déjà intégrés

   Magento gère aujourd'hui plus de 200 systèmes de paiement, parmis lesquels :

   • ATOS / Sips,
   • CyberMUT Paiement / Paiement CIC,
   • CyberP@iement,
   • FIAT-NET ReceiveAndpay,
   • Google Checkout,
   • Ogone,
   • Paiement par chèque,
   • Paybox,
   • PayPal,
   • SPPLUS,
   • et caetera.

   Il est en outre aisé d'en ajouter de nouveaux.

8. De nombreux modules de port déjà intégrés

   Magento gère aujourd'hui plus de 50 systèmes de port, parmis lesquels :

   • Gestion du port gratuit, selon critères,
   • Chronospot,
   • Colissimo,
   • DHL,
   • FedEx,
   • TNT, relais colis,
   • UPS,
   • et caetera.

   Il est en outre aisé de personnaliser un module afin de l'adapter à vos contraintes logistiques et à votre politique tarifaire, voire d'en créer de nouveaux.

9. Une ouverture native vers vos systèmes d'informations

   Magento fournit en standards des modules d'import/export qui permettent l'import de fichier Magento.
   Ces modules peuvent être aisément personnalisés et automatisés pour correspondre au mieux aux pré-requis de votre système existant.
   (Voir le billet Importer des fichiers dans Magento pour plus d'informations à ce sujet.)

10. Une solution robuste et éprouvée

    Avec aujourd'hui plusieurs centaintes de sites référencés sur Magento, dont certains ne contiennent pas moins de 300000 références (trois cent mille), Magento est aujourd'hui reconnu comme une solution fiable et digne de confiance, quels que soient vos besoins.

Depuis son lancement, le support Magento continue d'être amélioré et ne cesse d'apporter satisfaction aux développeurs ainsi qu'aux webmasters. Compte tenu des nombreuses raisons qui pourraient justifier un tel succès des sites Magento, je vais aborder dans ce billet la question de l'optimisation du référencement naturel et les facilités que Magento propose.

Avant d'aborder plus sérieusement la question, un préalable s'impose tout de même. C'est que, comme pour tout support, il est important d'avoir à la création de son site internet la dernière version de Magento afin de profiter au maximum des facilités d'intégration des optimisations de référencement naturel.

Ma petite expérience m'a amené à conclure d'entrée que Magento avait un plus par rapport à tous les autres supports que j'ai déjà utilisés : la création d'urls pertinentes pour les moteurs de recherche. En effet les robots crawlers des moteurs de recherche ont l'habitude de découvrir les pages à partir de leur urls. Or certains supports proposent des urls contenant des caractères non pertinents pour le référencement naturel notamment (?), ou des (-); &?#... Tous ces caractères posent des problèmes aux crawlers pour qui ne comprennent ainsi pas toujours le vrai sens de la page.

Le module de réécriture des urls de Magento permet donc d'avoir des urls très claires, par exemple : www.monsite.com/categorie1/page1

En nommant les catégories et la page et en s'assurant de la cohérence de ces mots (ceux inscrits dans l'url) et du contenu des champs meta, j'ai pu vérifier que la prise en compte de mes sitemap était plus facile, allant à des taux d'indexation de l'ordre de 88%.

L'autre force des "sites magento" est la légèreté du backoffice. On peut en effet changer le contenu d'une page sans nécessairement avoir des connaissances techniques trop poussées. Les moteurs de recherches préfèrent du contenu frais et actualisé. À ce titre, disposer d'un support qui permet d'actualiser le contenu est forcément un point de plus pour le référencement naturel.

Magento facilite aussi la prise en compte des améliorations qui interviennent ces derniers jours dans la SEO. En effet, afin d'éviter les problèmes de duplication du contenu, Magento vous propose d'indiquer aux moteurs de recherche la version préférée de l'url.

D'autres optimisations sont envisageables sur Magento. Ces dernières seront abordées lors de mon prochain article sur Magento et le référencement naturel.