Articles de la catégorie ‘Autres astuces’

Astuces et trucs sur le web design et sur les extensions de FireFox et ne concernant pas directement WordPress.

Comment améliorer son snippet dans google en modifiant ses méta descriptions

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) :

google webmaster toolUn « 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 :

outils_google

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. (suite…)

Au dela du référencement et du positionnement : le taux de clics

Souris clicRappel 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 ? (suite…)

Comment bien référencer un lien profond

Canon Digital Ixus 70Vous venez de mettre en ligne une page ou un dossier que vous estimez très intéressant et vous aimeriez que tout le monde soit au courant en positionnant ce dossier le plus haut possible dans les moteurs de recherche ?

Pour continuer de définir ce sujet on va préciser que le dossier / article / tuto / howto / point de vue / test que vous venez d’écrire est dans une thématique différente de la thématique de votre site (ou alors que votre site n’a pas de thématique particulière) et que vous êtes dans un domaine très concurrentiel (je veux dire qu’il y a déjà beaucoup de résultats sur la requête cible dans Google).

Dans le jargon des référenceurs, j’aurais pu intituler cet article « Positionner un deeplink » mais j’ai préféré « référencer un lien profond » qui est plus compréhensible.

La question ne concerne pas particulièrement WordPress et pour illustrer cet article je vais me prêter à l’exercice en essayant de positionner cette page : Canon Digital Ixus 70 sur cette requête.

La page en question n’est pas très intéressante mais, hormis son manque d’intérêt, elle respecte tout à fait les critères de l’expérience (sujet concurrentiel, site sans thématique…)

Voici donc quelques conseils et idées de piste à suivre.

(suite…)

Comment éviter de laisser sa trace dans MyBlogRoll

Les gentils petits gadgets comme MyBlogRoll sont, si on inverse la perspective, de dangereux big brother que ne renierait pas Aldous Huxley. Le « réseau » vous surveille, il sait où vous êtes passé, il a une mémoire infinie, il connait vos gouts et vos préférences…

Et tout ça parce que vous avez un jour créé un compte dans ce foutu « MyBlogLog ». Depuis vous vous êtes bien sur déconnecté mais rien n’y fait.

Alors comment s’en dépêtrer ?

Sous FireFox c’est tout simple il faut aller dans le menu Outils / Options, cliquer sur l’onglet « vie privée » et demander d’afficher les cookies. Il faut ensuite trouver l’entrée commençant par « MyBlogLog », la sélectionner et la supprimer… (suite…)

ScreenGrab! pour faire des copies de pages Internet

screengrab.gifVoici une extension pour FireFox, trouvée sur OuebRevue qui m’intéresse car l’extension Page Saver dont j’ai déjà parlé et qui fonctionne bien sous MS Windows ne fonctionne pas avec mon portable sous Linux (Debian Etch + XFCE).

Téléchargement chez Mozilla.
(suite…)

My cool button : un générateur de boutons web 2.0

mycoolbutton1.pngTrouvé au hasard d’une balade dans del.icio.us.

Il s’agit d’une application en ligne qui permet de générer de « superbes » boutons.

Le lien : my cool button.

On doit choisir :

  1. Une largeur pour le bouton.
  2. Une couleur dominante
  3. Une icone éventuelle (feedburner, del.icio.us…)
  4. Un texte et sa police.

Et voilà le résultat :

(suite…)

Des images écran de votre site dans différents navigateurs

Voilà une astuce, pas spécifiquement WordPress trouvée chez magouya : browsershots prend des photo d’un site Web vu par différents navigateurs.

Le fonctionnement est très simple, on renseigne une URL et quelques heures plus tard on peut visualiser son site tel qu’il apparaît dans différents navigateurs.

C’est très utile lors du choix d’un thème où lorsque l’on bricole dans les fichiers d’un thème de WordPress. Cela permet de valider que l’on n’a pas fait de grosses bêtises par rapport aux autres navigateurs.

(suite…)

Zend Optimiser chez OVH en mutualisé

Certains scripts en PHP (WP-link-directory par exemple) demandent que ZEND OPTIMISER soit activé sur le serveur. Si vous avez un hébergement sur un serveur mutualisé chez OVH, il y a apparemment un moyen d’activer cette optimisation. Voici le tuto d’OVH. (suite…)

Créer une belle favicon.ico pour décorrer la barre d’adresse des navigateurs

Pour décorer la barre d’adresse du navigateur, les favoris et les onglets dans FireFox, il faut mettre un fichier appelé favicon.ico à la racine de son site.

Il existe un site qui propose de créer le fichier favicon.ico à partir d’un fichier image quelconque . Il s’agit de html-kit : on lui indique un fichier .JPG en local et il le transforme en .ico. On peu aussi créer comme ça un .ico animé.

Vraiment un must pour la personnalisation d’un site. (suite…)

Outil de création de motifs rayés : StripeGenerator

Je viens de découvrir ce petit site de création de motifs grâce à JarodxXx (rétrolien conseillé par JarodxXx – j’y comprend toujours rien) ou JarodxXx (lien normal – à l’ancienne y’a jamais de problème) . Ces rayures (stripes en américains) sont une des marques du Web 2.0. Le Web 2.0 est le truc qu’il faut connaitre en ce moment quand on crée un site web. L’histoire des rayures est mentionnée dans la wikipedia. On a peine à le croire mais pourtant c’est comme ça et cet outil (StripeGenarator) est indispensable pour tout Web2naute (mot que j’invente, Google me le prouve à l’instant même) qui se respecte et comme je me respecte je crée un super logo en harmonie parfaite avec mon site :

(suite…)