1. Rendez-vous sur MagentoConnect à l’adresse suivante : http://www.magentocommerce.com/magento-connect
2. Rechercher le module que vous souhaitez installer
3. Créer un compte MangentoConnect ou identifiez-vous
4. Cliquer sur « Install now » puis « Get extension key »

Jusqu’ici, rien de nouveaux. Continuons !

5. Copier/coller « l’extention key » dans un éditeur de texte. Exemple : magento-community/Locale_Mage_community_fr_FR (pour le pack fr_FR de Magento)
6. A partir de là, nous devons construire l’URL et le nom de fichier :
« magento-community » devient « community »
« Locale_Mage_community_fr_FR » reste intacte
Ce qui donne :
http://connect.magentocommerce.com/community/get/Locale_Mage_community_fr_FR
7. Il reste maintenant à récupérer la version compatible du module, il n’est pas forcement noté en clair sur pour certains modules, c’est le cas pour le Pack FR notamment. Il suffit pour cela de noter la dernière version stable de Magento. Exemple : 1.5 = 1.5.0.1
8. Maintenant, il suffit de rajouter la version, précédée d’un tiret à l’URL : magento-community/Locale_Mage_community_fr_FR-1.5.0.1
9. Rajouter l’extension du fichier « .tgz » et c’est terminé

Pour le Pack FR de Magento, vous pouvez télécharger le module à l’adresse suivante :
http://connect.magentocommerce.com/community/get/Locale_Mage_community_fr_FR-1.5.0.1.tgz

Il ne vous reste plus qu’à extraire les fichiers de l’archive et de déplacer les fichiers dans votre projet.

Google lance DART, son langage de programmation web, on peut dire adieu a Javascript ?

On y est, Google à lance lundi 10 octobre 2011, son propre langage de POO (Programmation orientée objet) typée baptisé DART. Une fois de plus Google mène la danse dans le monde du web avec DART, on parle du « remplaçant de JavaScript ».

Le HTML et le CSS ont subit d’importantes mises à jours ces derniers mois, on attend celle du JavaScript qui a du mal à montrer le bout de son nez et devient pour parler jeun’s : « has been ». D’où l’arrivé des différents Framework JS, je pense notamment à Jquery, Mootools (les principaux) qui facilite la tâche au quotidien des développeurs web.

Google arrive avec son Dardt pour les piquer aux vifs !

Les objectifs de DART :

• Créer un langage structuré mais flexible pour la programmation web,
• Faire que le langage DART soit familier et naturel pour les programmeurs, et donc facile à apprendre et à appréhender,
• S’assurer que DART fournit de très hautes performances sur tous les navigateurs et les environnements modernes, des appareils mobiles aux fermes de serveurs.

DART cible une grande diversité de scénarios de développement que ce soit sur des projets individuels ou sur des projets à plus grandes envergures nécessitant une structuration du code plus formelle. Afin de convenir à cette diversité de projets, DART utilise des types optionnels : vous pouvez commencer à coder sans types, et les définir plus tard lorsque vous en avez besoin. Nous pensons que Dart sera parfait pour le développement de grosses applications web.

Le code écrit en DART peut être exécuté de deux façons : soit sur une machine virtuelle native ou en surcouche d’un moteur JavaScript en utilisant un compilateur pour transformer le code DART en JavaScript. Vous pouvez écrire une application web en DART et la faire exécuter sur n’importe quel navigateur web moderne. La machine virtuelle DART n’est pas encore intégrée dans Chrome, mais nous comptons explorer cette opportunité rapidement.

Le langage est téléchargeable avec un ensemble de bibliothèques basiques et d’outils pour vérifier, compiler, et exécuter le code DART. Google espère que la communauté contribuera à faire évoluer le code de DART. Le langage ainsi que les outils sont disponibles en Open Source sur le site Officiel dartlang.org. Visitez ce site pour en savoir plus sur Google DART, et participer à son développement.

Un petit exemple d’implémentation de Google DART


class classSaluer {
// Variables de classe
var prefixe = 'Bonjour ';

main() {
var monSalut = new classSaluer();
monSalut.saluer("le Monde !");
}

Résultat :
Bonjour le Monde !

HTML 5 et l'impact sur dans le référencement d'un site Internet (SEO)

Le HTML5 est la dernière version majeure de la norme HTML. Le HTML, est le langage de balisage qui nous permet de structurer et de présenter notre contenu sur le web. Le langage HTML donne aux moteurs de recherche les éléments nécessaires pour analyser et comprendre ce qui est contenus dans la page web.

Comment changer nos habitudes avec HTML5 dans le référencement web / SEO ? Quels sont les impacts possibles de HTML5 dans les algorithmes des moteurs de recherche ?

Segmentation de page web et conséquences sémantique

Un élément clé de HTML5 est qu’il ajoute de nouveaux éléments qui nous aident à mieux exprimer ce qui doit paraître sur une page web. Cela contribue à améliorer la segmentation des pages web : le « header », le « footer », le « main content », etc.

Lorsque le HTML5 sera plus présent sur la trame, les moteurs de recherche pourront utiliser ces nouveaux éléments afin d’en extraire du contenu important à mettre en avant sur une page.

Actuellement, nous utilisons l’élément <div> dans organisation et la segmentation d’une page web.

Le problème de l’élément <div> est qu’il n’a pas de sens. Il n’ajoute pas de valeur sémantique à ce qu’il contient.

Avec de nouveaux éléments tels que <header>, <article>, <aside> et <footer> , la segmentation de la page web devient plus parlante.

L’avantage est qu’il permettra aux moteurs de recherche d’explorer le site web plus facilement, en filtrant des sections telles que <footer> ou <header> pour l’indexation de la page (copyright ou nom du site ou le logo). L’indexation des moteurs de recherche sera alors plus efficace.

Éléments HTML5 qui peuvent affecter indexation des moteurs de recherche

Voici une série de nouveaux éléments HTML5 qui pourront avoir un impact direct sur le référencement / SEO.

<article>

Vous savez probablement l’importance des articles dans la fréquence de rafraichissement des robots de Google et donc de son classement dans les moteurs de recherche.

Le nouvel élément <article> est probablement l’un des ajouts les plus importants pour le HTML5 quand on parle de référencement web. Il vous permet d’indiquer l’importance d’un contenu d’une page web.

Un changement de la méthode d’indexation des moteurs de recherche pourront mettre plus de poids sur le contenu de l’élément <article>.

<section>

L’élément <section> est destiné à indiquer les diverses sections d’une page. L’avantage est que chaque section peut avoir sa rubrique HTML séparé. Cela peut donner aux moteurs de recherche une meilleure compréhension de la façon dont la page Web est segmenté et structurée. Les moteurs de recherche pourront être en mesure de démêler les informations du document HTML basé sur les <section>.

<header>

L’élément <header> peut donner aux moteurs de recherche une idée de l’endroit où le nom du site et du logo se trouve une page web lors d’une première inspection.

<footer>

Dans la conception web, un pied de page contient généralement des informations telles que les informations de copyright, des conditions générales, des mentions légales, des liens vers les pages statiques, et des liens vers les profils de réseaux sociaux. Cette section pourrait être utilisée par les moteurs de recherche pour identifier les articles relatifs au droit d’auteur, conditions d’utilisation, les politiques de confidentialité et de profils de réseaux sociaux.

<nav>

Ce nouvel élément peut donner des indices aux algorithmes d’indexation sur l’architecture de l’information de votre site web comme ce que fait le sitemap aujourd’hui.

Les nouveaux types de liens

Le classement d’une page web dans les moteurs de recherche sont déterminés soit par le biais des liens hypertexte.

Ces nouveaux types de liens dans HTML5 permettent de donner à nos liens plus de sens. Cela donne un contexte pour chaque lien que les moteurs de recherche rencontrent.

Les nouveaux types de liens utilisent également l’attribut rel comme dans le HTML4, mais son interprétation est différent.

On retrouve plusieurs nouvelles valeurs d’attribut comme rel="author" et rel="license" afin de décrire d’avantage les liens hypertexte. L’attribut rel="prev" et rel="next", permettent d’indiquer un lien vers une autre page web qui est lié à la page web actuelle.

Ci-dessous une petite liste d’attribut de liens intéressants pour l’élément <a> pouvant influencer dans l’indexation des moteurs de recherche à l’avenir :

• alternate : Lien vers une autre présentation de la page web,
• author : Lien vers une page web liée à l’auteur de la page web,
• external : Lien pointant vers des domaines externes,
• help : Lien pointant vers des pages d’aide,
• license : Lien vers des conditions de licence,
• next : Lien vers une page suivante possédant un lien avec la page actuelle,
• nofollow : Indique que le lien n’est pas approuvé par le site,
• prev : Lien vers une précédente page possédant un lien avec la page actuelle

Voir la liste complète des nouveaux types de liens ici.

Amélioration de la gestion des médias

L’ajout d’éléments pour multimédia tels que <audio> et <video> peuvent signifier une interopérabilité avec les moteurs de recherche. Google, présente des vidéos de YouTube dans les résultats des moteurs de recherche.

Comment fonctionnent ces plugins WordPress de mise en cache ?

Ils génèrent une copie de vos pages web et les stocke sur votre serveur comme des fichiers statiques (des pages html) ainsi que toutes les requêtes en base de données.
Lors d’une visite sur le site, le serveur retourne la page en cache au lieu de réinterroger votre base de données et de générer la page dynamiquement, accélérant ainsi les temps de réponse des pages, réduisant les ressources serveur nécessaires pour générer la page web.

Cache DB Reloaded Fix

Version modifiée de cache DB Reloaded, compatible WordPress 3.1+. Cache DB Reloaded Fix met en cache les requêtes MySQL effectuées sur votre base de données pour optimiser la vitesse du site.

Alors que la mise en cache de requêtes de bases de données devrait suffire pour la plupart des sites web, c’est un plugin WordPress assez récent avec pas ou peu de retour utilisateur.

Hyper Cache Extended

Ce plugin offre de nombreuses fonctionnalités, comme la mise en cache de page d’erreur 404, le support mobiles, et différentes options de compression.

Hyper cache Extended a une base d’utilisateurs satisfaisantes, comme en témoignent les notes au WordPress.org. Le créateur Mapto Lazarov, encourage les utilisateurs du plugin à lui faire des propositions et commentaires par email, un signe rassurant pour la communauté.

Quick Cache

Quick Cache est un plugin WordPress de mise en cache conçue par Primo Thèmes. L’interface d’administration décrit chaque option dans le menu afin que vous sachiez exactement ce que chaque option fait.

Quick Cache a une liste impressionnante d’options utiles, y compris la possibilité de désactiver le cache pour les utilisateurs inscrits et les utilisateurs qui ont posté un commentaire juste pour qu’ils puissent voir les nouveaux commentaires tout de suite, ce qui est utile si votre site est très actif.

W3 Total Cache

W3 Total Cache est le plugin le plus populaire de mise en cache pour WordPress. Il est utilisé par plusieurs sites WordPress de grandes sociétés.

W3 Total Cache prétend que le temps de chargement de vos pages est 10 fois plus rapide une fois que le plugin est installé. A vous de le vérifier !

W3 Total Cache propose une série d’options et vous offre d’autres fonctions d’optimisation du site tels que la compression du code source et feuilles de style

Si vous êtes à l’aise avec l’interface d’administration, il suffit de laisser les paramètres intacte parce le plugin fonctionne bien avec les réglages par défaut.

WP-Cache

WP-Cache est l’un des premiers plugins WordPress de mise en cache, mises à disposition sur WordPress.org en 2007. Il vous donne la possibilité de spécifier quelles pages et fichiers ne doit pas être mis en cache.

Le plugin fonctionne bien, mais sa fréquence d’actualisation est comparativement plus faible que d’autres plugins.

WP Super Cache

WP Super Cache affiche des pages HTML statiques à la plupart des visiteurs de votre site. Les développeurs du plugin prétendent que si votre site reçoit une grande quantité de trafic et vous êtes sur un serveur web de faible puissance, le plugin fonctionne à merveille.

WP Super Cache cache peut également aider à améliorer les performances du site.

Personnellement, j’utilise WP Super Cache, aujourd’hui j’estime que c’est un des meilleurs plugins de mise en cache disponible pour WordPress

Abordons maintenant la notion de « redirection » par fichier .htaccess

Une redirection est un traitement réalisé juste avant le chargement d’une page web, permettant de transformer ou réécrire une adresse web (ex http://www.mon-site.com) vers une autre/nouvelle adresse web.

Il faut savoir que la plupart des moteurs de cherche tels que Google, Yahoo ou encore Bing indexe (enregistre) l’ensemble des adresses de votre sites Internet. Cependant, ces adresses peuvent être modifiées, vous devez pour cela l’indiquer afin que les moteurs de recherche puissent la réindexer.
La solution est de mettre en place une/des redirections 301, afin de forcer la ré-indexation.

Voyons trois exemple de redirection ensemble :

La redirection d’une page web :
RedirectPermanent /ancien-dossier/ancienne-fichier.html http://www.mon-site.com/nouveau-dossier/nouveau-fichier.html

La redirection d’un dossier (L’ensemble des pages web de l’ancien dossier sont redirigées vers les même pages du nouveau dossier)
RedirectPermanent /ancien-dossier http://www.mon-site.com/nouveau-dossier

La redirection d’un nom de domaine ( (chaque page de l’ancien site est redirigée vers la page de même nom dans le nouveau site)
RedirectPermanent / http://www.mon-nouveau-site.com/