WordPress tuto

Commençons par la définition d’un snippet tel que définie par l’équipe de google francophone (dans un article sur la manière de retirer une page de l’index) :

Un « snippet » Google est un court extrait de page qui permet aux utilisateurs de voir leurs termes de recherche en caractères gras et en contexte dans les résultats Google, et de sélectionner la page qui les intéresse. En général, les utilisateurs sélectionneront plus volontiers (et plus rapidement !) une page qui est présentée avec des termes en contexte.

L’amélioration de cette description est importante pour améliorer son taux de clic et quand je suis tombé sur cet article du blog officiel de Google sur les outil pour webmasters, je me suis précipité pour en faire une traduction (alors même qu’il en existait déjà une chez Annuaire-info). Notez que chez Google il y a une Snippet team, et que cela montre bien que l’affaire est plus importante qu’elle n’en a l’air et que les choses vont sans doute encore changer.

Traduction :

La qualité de vos snippet (voir définition ci-dessus) peut avoir un impact direct sur la probabilité de voir votre site cliqué. Nous utilisons différentes stratégies pour sélectionner nos snippets et vous pouvez en contrôler une en écrivant une méta description informative pour chaque URL.

<META NAME= »Description » CONTENT= »Description informative ici »>

Pourquoi Google se préoccupe des descriptions.

Nous voulons que les snippets représentent précisément le contenu de la page. Nous préférons souvent afficher les méta description des pages (quand elle sont disponibles) parce que cela donne aux utilisateur une idée claire du contenu de l’URL. Cela leur permet de se diriger vers les bons résultats plus rapidement et réduit le comportement de clic et retour (click and backtrak) qui frustre les visiteur et accroit les statistiques de trafic web. Ayez à l’esprit que les méta descriptions constituées de longues suites de mot clefs ne remplissent pas cet objectif et on moins de chance d’être affichées que d’autres information non méta pour le snippet. Il est important de noter qu’une bonne description méta peut améliorer votre taux de clic mais pas votre position dans les résultats des recherches sur Google.

Exemple de snippet avec une bonne méta description :

Exemple de snippet avec une description de moindre qualité :

Quelles sont les bonnes stratégies pour les méta descriptions ?

Différenciez les méta descriptions sur chaque page.

Utiliser toujours la même description (ou peut différente) n’aide pas beaucoup quand une page particulière apparait dans les résultats d’une recherche. Dans ce cas nous sommes moins enclin à afficher la description en question (the boilerplate text). Créez des descriptions qui décrivent précisément chaque page particulière. Utilisez la description principale du site sur la page d’accueil et sur les pages agrégées (agregation page – peut être à voir avec les RSS ?) et envisagez de une description spécifique pour chaque page partout ailleurs. Évidemment, si vous n’avez pas le temps de créer une description pour chaque page, occupez-vous en priorité des pages importantes ou à tous le moins, traitez votre page d’accueil et autres pages critiques.

Incluez des éléments clairement identifiés dans la description.

(Include clearly tagged facts in the description)

Les méta description ne doivent pas nécessairement être composées comme des phrases ; c’est un excellent endroit pour inclure des données structurées au sujet des pages. Par exemple des articles d’actualités ou de blog pourraient comprendre l’auteur, la date ou autre (byline information ?). Cela peut fournir aux visiteurs des informations très intéressantes (relevant) qui pourraient autrement ne pas être reprises dans le snippet. De la même manière, des pages sur des produits pourraient avoir les informations clef (prix, age, fabriquant…) réparties sur l’ensemble de la page rendant difficile la constitution automatique d’un snippet pertinent. La méta description peut réunir toutes ces informations. Regardez par exemple la méta description suivante, pour le septième tome d’Harry Potter, récupérer sur un agrégateur de produit majeur (je ne vois pas bien ce que c’est qu’un agrégateur de produit majeur – sans doute des sites du genre ebay, amazone ou kelkoo ?).

Ce qu’il ne faut pas faire :

<META NAME= »Description » CONTENT= »[nom de domaine effacé]
: Harry Potter and the Deathly Hallows (Book 7): Books: J. K. Rowling,Mary GrandPré by J. K. Rowling,Mary GrandPré »>

Il y a plusieurs raison qui font que cette description ne convient pas pour faire un bon snippet dans nos résultats :

• Le titre de l’ouvrage est une information redondante avec la balise titre déjà indiquée par ailleurs.
• Il y a des redondances dans les information contenues (J. K. Rowling et Mary GrandPré sont répétés 2 fois).
• Aucune de ces information n’est clairement identifiée. Qui est Mary GrandPré ?
• L’absence d’espace (spacing) et top de ponctuations (column) rendent cette description difficile à lire.

Tout cela signifie qu’une personne normale qui regarde les résultats de Google (elle peut prendre moins d’une seconde pour lire le snippet) risque de sauter ce résultat. Voici une proposition de description améliorée :

<META NAME= »Description » CONTENT= »Author: J. K. Rowling, Illustrator: Mary GrandPré, Category: Books, Price: $17.99, Length: 784 pages »>

Qu’est-ce qui a changé ? Pas de répétition, plus d’informations, tout est bien défini (tagged) et séparé. Il n’y a pas de travail supplémentaire pour générer ceci. Les informations du prix et du nombre de pages sont les seules données nouvelles et elles sont déjà disponibles sur la page du site.

Utiliser un programme pour générer les descriptions.

(Programmatically generate descriptions )

Pour certains sites, comme des sites d’actualités, il est facile de générer une bonne description : comme chaque article est écrit à la main, il n’est pas bien difficile d’y ajouter une phrase de description. Pour des sites plus importants et basés sur des bases de données, comme des agrégateurs de contenu, des description écrites à la main sont plus compliquées à mettre en place. Dans ce cas, des descriptions générées par un programme sont plus appropriées et elles sont même encouragées (faites quand même attention à ce que vos description de soient pas du spam). Les bonnes description sont lisibles par des humains et variées (c’est ce que nous avons vu au premier point ci dessus).

Utilisez des descriptions de qualité.

Finalement, vérifiez que vos descriptions sont… descriptives. Il est facile de laisser dériver la qualité des descriptions car elles ne ont pas directement visibles depuis un navigateur. Mais les méta descriptions peuvent être affichées dans les résultats de Google si elles sont de suffisamment bonne qualité. Un petit peu de travail supplémentaire peut vous faire faire un sacré chemin vers l’amélioration de l’affichage de votre site dans les pages de résultats des recherches dans Google. Cela a des chances d’améliorer la quantité ET la qualité de vos visiteurs en provenance de Google. (Lire la suite…)

L’éditeur de texte TinyMCE utilisé par WordPress est très bien mais comme après avoir écrit un article WordPress applique certaines modifications impactant la mise en page, il y a pas mal de trucs que l’on n’arrive pas à faire comme insérer plusieurs lignes blanches successives par exemple.

C’est pour cela que quand Weblog tools collection a parlé de TrustWorthy XHTML je me suis précipité pour l’essayer et voir si certaines limites (ou caractéristiques) de TinyMCE ne pouvaient pas être ainsi dépassées.

Bon eh bien ce n’est pas très probant :

• D’abord le plugin « add this » que j’utilise normalement ici cesse de fonctionner dès que j’active.
• Le plugin a plein d’options mais ne testant toutes les combinaisons possibles, je n’ai pas réussi à forcer et à conserver une suite de saut de ligne ( code </br).

Je n’ai même pas réussi à insérer du code adsense dans un billet sans qu’il soit reformaté. C’est peut-être à ça que sert ce plugin mais alors je crois que je n’en aurais pas vraiment l’utilité (pour adsense, il y a l’excellent adsense-deluxe qui fait encore bien mieux)
En fait, on peut dire que je n’ai pas compris à quoi servait ce plugin ni à le faire fonctionner d’ailleurs). Si vous voyez des usages qui m’auraient échappés, n’hésitez pas à laisser un petit commentaire

(Lire la suite…)

Incroyable ce thème, 1 seule colonne hyper minimal. 2 couleurs seulement : le noir et le blanc. Je suis sur que beaucoup vont aimer…

Après avoir traduit PocketT et constaté son relatif succès c’est le deuxième thème pour wordPress sur 1 colonne que je traduise

Version originale de Matthew Trevino  ici et démo là.

Quelques remarques :

• Titres et liens bien mis en valeur.
• Liste à puce dotées de petites flèches.
• Rien que du noir sur fond blanc.
• Même les bouton page précédente et page suivantes sont réduit à leur plus simple expression.
• Très très peu de fichiers à traduire. Minimal jusqu’au bout du code…

Téléchargement : B3-fr.zip [ téléchargements]

(Lire la suite…)

Jusqu’à présent j’avais utilisé le plugin AutoHeader pour gérer les balises « méta » (méta tags) des entêtes de mes pages. J’avais même bidouillé le plugin (voir ma version spéciale d’AutoHeader) pour qu’il permette l’indexation des pages des tags.

Bien que le plugin All in One SEO pack ne soit pas celui recommandé par Mat Cutts, j’ai eu envie de l’essayer en voyant qu’il a une option qui permet de choisir d’indexer (ou non) les pages d’archives et de tags. Je vous encourage vivement à autoriser l’indexation des pages des tags. Certains prétendent que l’on risque une pénalisation par Google pour Duplicate Content mais j’ai déjà plusieurs fois expliqué pourquoi je n’y croyait pas…

L’autre intérêt de ce plugin est de tirer parti des tags de WordPress 2.3. Si vous utilisez le plugin Simple Tags, n’utilisez pas sa capacité de générer des mots clef dans l’entête, confiez ça à « all in one SEO pack »…

Les 3 premières zones de l’écran de gestion du plugin (Title, description et méta Keyword) sont destinés à caractériser l’accueil de votre blog. C’est intéressant de soigner ces éléments.

Au delà du « pur » référencement, je crois que ce plugin peut améliorer le taux de clics en améliorant grandement les informations présentées par Google quand un site ressort dans les résultats du moteur.

(Lire la suite…)

C’est difficile à expliquer mais dès que j’ai pu tester ce thème j’ai été instantanément séduit par la qualité de sa mise en page et par son harmonie typographique. Arkan de Logiste.be a lui aussi repéré la qualité du travail de cet auteur de thèmes.

Ce thème a été construit autour d’une image dans l’en-tête. L’affichage d’une photo de soi sur un blog (pas forcément personnel) peut être très intéressant pour rassurer vos visiteurs. Si vous donnez des conseils par exemple, cette personnalisation (répondant à la question « Qui parle ? ») peut vous « qualifier » et augmenter votre crédit auprès de vos lecteurs.

Voici la page de téléchargement de ce thème en anglais. Vous pouvez aussi dire tous le bien que vous pensez de ce travail de Magnus Jepson sur cette page. Il est d’ailleurs bien dommage que l’auteur de ce superbe thème n’ait pas monté une démo de son thème.

• Ce thème est optimisé pour des images des images de 550 pixels de large.
• L’ajout d’éléments au menu horizontal du site (les pages du site) se fait en éditant le fichier entête (header.php) du thème. Cette approche me convient car elle permet de faire ce que l’on veut mais attention, une page publiée n’apparait nulle part si vous ne mettez pas à jour votre thème.
• Publicité intégrée au thème (barre latérale, en dessous du premier article, en dessous de l’article en affichage unique). Remarque : j’ai réussi à afficher la pub dans la barre latérale mais je n’ai pas réussi à afficher de la pub dans les articles.

Téléchargement de la version française : portraitpress-fr.zip [ téléchargements]
(Lire la suite…)

Rappel de 2 principes clefs de l’optimisation pour les moteurs de recherche (SEO = Search Engine Optimisation).

Attention, il s’agit de mes définitions personnelles et non pas d’un cours officiel sur la question.

• Le référencement : grosso modo sanctionné par le Page Rank il concerne l’ensemble d’un site. L’ensemble des liens internes et externes contribuent au référencement d’un site.
• Le positionnement : là il s’agit de la position obtenue pour une requête donnée dans un moteur de recherche. On positionne son site (ou une page de son site) sur une requête particulière. Par exemple, au moment ou j’écris ces lignes, WordPress tuto est positionné en 6° position sur la requête « tags » dans google. On utilise aussi souvent le vocable SERP (Search Engine Result Page).

Un nouveau concept : le taux de clic.

• C’est tout simple, il s’agit du nombre de fois ou un lien est cliqué par rapport au nombre de fois ou ce lien est affiché.

Pourquoi dire que c’est un nouveau concept ?

Jusqu’à peu (à ma connaissance en tout cas), ce taux de clic dans Google n’était pas communiqué aux webmasters mais avec le Google Webmaster Tools on peut maintenant évaluer ce taux de clic et donc chercher à l’optimiser. C’est cette possibilité de mesure qui est nouvelle et très intéressante.

Comment estimer son taux de clic dans les résultats des recherches dans Google ? (Lire la suite…)

Thème pour WordPress signé Bob de Blog Oh! Blog.

Voici le lien vers la démonstration du thème original (en anglais).
Affichage tronqué des article sur la home.

Couleurs très douces et assez peu contrastées.

Affichage des pages automatique dans une barre de navigation horizontale très bien placée.
Téléchargement de la version française : pop-blue-fr.zip [ téléchargements]

(Lire la suite…)

Depuis l’arrivée de la version 2.3 de WordPress la gestion des tags est standard dans WordPress. Auparavant, il fallait utiliser un plugins comme UTW pour avoir la possibilité de taguer ses articles mais, si les tags sont aujourd’hui présents par défaut, les outils permettant de les utiliser ne sont pas inclus.

En gros, sans plugin, voilà ce que vous pouvez faire avec WordPress 2.3 :

• Associer des tags à un article
• Afficher un nuage de tags basique dans une colonne latérale de votre blog (widget).

Le plugin Simple Tag, développé par Amo (un grand spécialiste des tags dans WordPress, il s’occupait déjà de Simple Tagging, une alternative à UTW pour taguer avant WP 2.3) permet de s’affranchir de ces limites. Voilà ce que vous allez maintenant pouvoir faire :

• Piloter l’affichage des tags à la fin de vos articles.
• Supprimer, renommer ou fusionner les tags
• Choisir parmi des tags déjà utilisés (pour ne pas avoir 2 tags différents pour le même concept…).
• récupérer la liste des contenus sans tag.
• Affichage des articles relatif à la fin de chaque article (sélection basées sur les articles partageant les mêmes tags…).
• Utilisation des tags attribués pour les balises META de l’entête.
• Amélioration du widget d’affichage du nuage de tags.
• Possibilité de taguer aussi les pages.

Bon, vous avez compris, Simple tag est un plugin indispensable et j’en suis fan…

Notez aussi que la page « mode d’emploi » faite par Amo pour son plugin est très complète et qu’elle aura sans doute répondre à toutes vos éventuelles question. (Lire la suite…)

Design « centré sur le contenu » : une seule colonne avec un entête et un pied minimalistes. Pas de tags clouds, pas de widgets, pas d’affichage des catégories. C’est mon 32° thème traduit et le premier qui soit sur une seule colonne.

Aucune fioriture mais comme tous les partis pris « forts » cela peut convenir à pas mal de sites originaux.

Chez Nyssa Brown, le créateur de ce thème, vous pouvez télécharger d’autres images pour le fond de la zone verte de l’entête.

Les seules outils de navigation qui restent disponibles sont :

• Le menu automatiquement généré par les pages publiées (entête du site). Attention cependant au nombre de page limité.
• Un champ de recherche situé juste avant le pied de la page. Pour qu’il reste accessible, il vaut limiter le nombre d’articles affichés sur la home et utiliser la balise more pour que la prtie visible au départ ne prenne pas trop de place.
• Les catégories restent toujours présentes. Elles permetent aussi une forme de navigation…

Par contre les possibilité de mise en page sont soignées avec par exemple p class="note" pour mettre en ligne un aparté, p class="codebit" pour mettre en ligne du code, p class="dl" pour un téléchargement.

Les listes et titres sont d’une clarté remarquable.
Téléchargement : PocketT-fr.zip [ téléchargements]
(Lire la suite…)

Les faits :

Après avoir lu cet article de Lorelle sur les spammeurs voleurs de contenu, j’ai été entrainé sur cet article de Blog Herald qui parle de spinning et propose une solution radicale.

Le spinning.

Le spinning est le fait de transformer un texte de manière à conserver autant que possible le sens original (en tout cas du point de vue des moteurs de recherche) tout en évitant de tomber dans le bannissement pour « duplicate content » pratiqué par Google. En français j’ai l’impression que le mot de caviardage pourrait être proposé comme traduction ?

Pour faire du spinning (transformation de texte) certains utilisent la technique de la double traduction (français vers anglais puis anglais vers français par exemple) tandis que d’autres remplacent (automatiquement ou non) certains mots par leurs synonymes.

Le terme spinning a été « inventé » par Jonathan Bailey de Plagiarism Today

En général les « spinneurs » conservent les liens originaux du texte de départ et un moyen de les détecter et de bien observer ses referrer (sites qui nous ont envoyé des visiteurs) ou encore de toujours garder un œil ouvert sur des outils comme Technorati qui suivent les liens fait entre les blogs. (Lire la suite…)