Suite à un article intitulé "les requêtes insolites écrite dans Google" publié sur un site partenaire (voir la sidebar de droite) j'ai eu envie de fouiller les mots-clés utilisés par les visiteurs pour arriver sur ce site. Cela va à la fois présenter de drôle de requête mais également répondre à des interrogation courantes.

Interrogations utiles

Voici une petite liste des questions posés sur Google qui mérite une réponse un peu détaillée.

• Question: "à partir de combien de visiteurs un site web est considéré comme un gros site?"
  Réponse: Il n'y a pas de réponse véritable car c'est très relatif. Il est possible de comparer un site, mais sinon je préconise qu'il appartient à chaque personnes qui possède un site de définir des objectifs de visites.
• Question: "cherche tuto pour intégrer paypal dans mon site"
  Réponse: Il y a un tutorial génial sur le site "lafermeduweb" intitulé: Intégrer PayPal à son site web en PHP.
• Question: "connaitre sa place sur google"
  Réponse: Un article assez vieux avait été consacré à ce sujet sur InfoWebMaster: "Suivre son positionnement sur Google". Dans les commentaires de cet article, il y a l'outil positeo qui est présenté.
• Question: "trouver les mots clés d'un concurrent"
  Réponse: Je préconise dans un premier temps de regarder les mots qui sont inscrit dans le title et éventuellement ceux qui sont présent dans la balise meta keywords de la page concurrente (n'oublions pas que cette balise est inutile sur Google). Pour faciliter ce travail je vous recommande l'outil d'analyse des balises meta. Dans un second temps il est possible de regarder les mots inclus dans les titres et les mots en gras sur la page, souvent c'est un bon indicateur. Enfin, pour ceux qui veulent véritablement poussé l'analyse, il est possible de faire une liste des pages qui font un lien vers votre concurrent et de regarder l'ancre utilisée par ces sites (en utilisant un outil d'analyse des liens par exemple).
• Question: "blog qui proposent le guest blogging"
  Réponse: En utilisant un annuaire qui référence des sites qui acceptent le guest-blogging, tel que l'annuaire Guest-blogging.fr.
• Question: "changement meta description:combien de temps faut il pour le robot"
  Réponse: la mise à jour de la meta description, tout comme le contenu d'une page dépend de la popularité du site. Cela peut aller très rapidement pour un site très populaire (quelques minutes) jusqu'à plusieurs jours pour des sites moins connus. Pour un site lambda la mise à jour de la balise meta et du titre est effectué en moyenne sous 7 jours. Il ne faut pas perdre de vue que plus un site reçoit de liens et plus ce délais est raccourcis.
• Question: "combien de temps google met pour indexer page"
  Réponse: A partir du moment où la page n'est pas une page orpheline, la réponse est idem à la question ci-dessus.
• Question: "connaitre le mois d'un timestamp"
  Réponse: En utilisant un outil pour convertir le timestamp.
• Question: "connaitre ses urls indexées"
  Réponse: il faut faire une requête spécifique sur Google, de ce type: site:http://blog.infowebmaster.fr.
• Question: "faut-il mettre les meme mots clé que ces concurrents"
  Réponse: Cette question n'est pas si idiote. Pour gagner du temps la réponse peut être "oui", mais pour ceux qui cherche la qualité je recommande qu'ils recherchent eux-même s'il n'y a pas des mots-clés à éviter et si d'autres sont à préconisé.
• Question: "le classement des pays qui utilisent l'internet"
  Réponse: Il existe une étude publié sur le site "l'internaute" intitulé "Monde : Le nombre d'internautes".
• Question: "les balises meta ne servent plus a rien?"
  Réponse: Certaines sont toujours utiles. La balise meta keywords est utile pour améliorer son positionnement sur Yahoo mais n'est plus utile pour positionner un site sur Google. Idem pour la balise meta description, malgré tout, cette balise est utile du point de vue "webmarketing" pour inciter un internaute à visiter un lien (car cette balise est reprise par Google pour présenter les résultats de recherche).

Requêtes insolites

Voici une petite liste des requêtes les plus insolites:

• "Doit on se mettre en rang pour recevoir les félicitations"
• "Faire un-shirts gratuit"
• "La chance aussi est importante ! lequel des mots suivants sera bon"
• "Liste des top model dont leurs nom commence par la lettre b"
• "Pourquoi dans mon site map j'ai 500 url et 300 d'indexées" (ndlr: il est préférable de ne pas indiqué de chiffre dans une requête à moins qu'un autre internautes est exactement le même soucis au même nombre de pages).
• "Pourquoi on site n'a qu'une page page rank 2"

Je suis déçu, je m'attendais à des requêtes pires que cela. Mais ce n'est pas plus mal, ça évite d'avoir un taux de rebond trop élevé. Pour ceux qui sont dingue des requêtes insolites, il existe même un blog qui en présente quelques unes: Vos folles requêtes.

En travaillant sur le nouvel annuaire pour faciliter le guest-blogging, j'ai constaté un gros bug avec l'outil de création d'annuaire FreeGlobes. Ce billet explique ce bug et détail la procédure pour le corriger.

Présentation du bug

Lorsqu'un membre de l'annuaire ajoute un site, il a la possibilité de mettre en forme le texte de sa description grâce à un éditeur WYSIWYG. Cela permet de mettre des éléments en gras, italique, souligné, couleur et bien d'autres choses encore tel que l'ajout de lien supplémentaire dans la description.

Or, il s'avère que lorsque le site est validé, toute la description est ajouté dans la base de donnée sans aucune mise en forme, ce qui reviens à dire que l'éditeur WYSIWYG est totalement inutile et qu'il trompe les membres. Moi-même j'ai effectué des inscriptions dans des annuaires FreeGlobes en pensant pouvoir ajouter un lien profond, mais je n'ai fais que perdre mon temps.

Réparer le bug

L'origine du bug se situe dans le répertoire "members/include/functions" dans le fichier intitulé link.php. Je vous recommande d'ouvrir ce fichier php avec un traitement de texte simple ou avec NotePad++ (qui est un excellent outil). A la ligne 106 il y a le bout de code suivant:

$description = isset($_POST['description']) ? strip_tags($_POST['description']) : "";

Les connaisseurs en PHP comprendront que la fonction strip_tags supprime toutes les balises PHP et HTML de la description rédigé avec l'éditeur WYSIWYG. Pour corriger le problème il y a deux solutions, l'une étant plus sécurisé que l'autre.

Solution 1

La première solution consiste à enlever la fonction strip_tags, mais c'est une porte ouverte aux tentatives de piratage. En effet, si un membre mal intentionné insère un script particulier, cela ne sera pas filtrer et le script comportant le code mal intentionné sera ajouté sur le site. Toutefois voici le code à inséré pour ceux qui désire utiliser cette solution:

$description = isset($_POST['description']) ? $_POST['description'] : "";

Solution 2

Cette deuxième solution, moins risqué, consiste à préciser les balises HTML autorisée. Un paramètre de la fonction strip_tags permet d'indiquer les balises qu'il ne faut pas filtrer. Voici le code que j'ai utilisé qui permet une mise en forme de la description tout en évitant de laisser passer certains balises HTML dangereuse:

$description = isset($_POST['description']) ? strip_tags($_POST['description'], '<p><a><strong><em><ul><ol><li><font><table><hr><br><td><tr><th><u><span><img>') : "";

En copiant/collant ce code suivant, vous réparerez le petit bug. J'invite d'ailleurs tous les administrateurs d'annuaire FreeGlobes à modifier cette partie du code, pour permettre à leurs membres de mettre en forme le texte. Après tout, s'il y a un éditeur WYSIWYG ce n'est pas pour rien.
J'invite donc également tous les webmasters et référenceurs de contacter les annuaires récalcitrant pour les inciter à corriger ce bug. Vous y gagnerez puisqu'une fois corrigé il est possible d'insérer plusieurs liens dans la description.

Le logiciel de création d'annuaire FreeGlobes est un outil très complet et bien codé. Mais aucun logiciel ne se veut parfait et il y a toujours des points que les référenceurs souhaitent améliorer. Parmi ceux-ci il faut noter qu'il n'est pas évident de personnaliser le titre h1 des pages de catégorie. Or ce titre est l'une des balises présente dans le contenu que Google va regarder le plus attentivement. Par conséquent, ce n'est pas plus mal de bien l'optimiser.

Il faut savoir que par défaut cette balise présente une sorte de fil d'Ariane. Mais l'idéal consisterait à présenter uniquement le titre de la catégorie. Ce petit tuto va expliquer comment faire ça, mais il faut mettre les mains à la pâte. Avant de commencer j'ai envie de préciser que la méthode utilisée ici n'est peut-être pas la bonne, mais c'est celle que j'ai utilisée.

Page include/titre.php

La première étape consiste à ajouter une fonction dans la page titre.php présente dans le dossier include. Voici le code à copier à la fin:

function getTitleH1()
{
global $CONFIG;
$smarty =& TemplateEngine::getInstance();
$titre = $CONFIG['site_name'];
$cm =& get_manager('category');
if (isset($_GET["dir"]))
{
$title_root = $_GET["dir"];
$category =& $cm->get($title_root,array('name'));
$titreh1 = $category->getVar('name');
}

return $titreh1;
}

Cette fonction retourne le nom de la catégorie.

Page index.php

A la racine du site il faut ensuite ajouter deux lignes pour que la fonction ci-dessus puisse prendre effet. Normalement aux alentours de la ligne 117 vous aurez les deux lignes suivantes:

$title = getTitle($template, $cache_id);
$smarty->assign("meta_title",$title);

Ces lignes sont à conservées et juste en dessous il faut rajouter les deux lignes de code suivante:

$titleh1 = getTitleH1();
$smarty->assign("titleh1",$titleh1);

Une fois que c'est fait, le plus dur est derrière vous.

Ajout dans le template

Maintenant, il ne vous reste plus qu'à aller dans le template que vous utilisez et à ajouter où vous le souhaitez la ligne suivante:

<h1><{$titleh1}></h1>

Il faut savoir que par défaut c'est la ligne suivante qui est utilisée:

<h1 style="text-align: center; font-size: 14px;"><{$way_to_cat}></h1>

Ainsi, en remplaçant une ligne dans le template vous aurez un titre plus personnel et plus pertinent pour chacune de vos catégories. En revanche, je recommande dans ce cas là de penser à conserver d'une manière ou d'un autre un fil d'Ariane, pour que les visiteurs continuent de bien se repérer dans la hiérarchie de votre site.

Il est possible de voir l'exemple concret de cette astuce sur un annuaire FreeGlobes qui a été créé dernièrement, l'annuaire Guest-Blogging.fr. J'en profite pour faire un pub pour ce dernier qui à la particularité d'être un annuaire qui recense uniquement les sites ou blogs qui acceptent le guest-blogging (activité consistant à un blog de laisser un blogueur externe publié un article). En conséquent cet annuaire va peut-être devenir un bon outil pour la recherche de blogueur ou de blog de thématique similaire qui acceptent le guest-blogging. Il ne tient qu'à vous d'y inscrire vos blogs si vous accepté que des blogueurs externe viennent publier des billets sur votre blogs. Vous y gagnerez, surtout qu'il est possible d'ajouter plusieurs liens sur la description du site.

Les annuaires sur la toile sont des outils très pratique pour obtenir des backlinks assez facilement. Cela permet ainsi de faire grimper artificiellement le nombre de lien en direction d'un site. Grâce à des cms (tel que Categorizator ou Freeglobes) n'importe quel novice peut créer son propre annuaire en une dizaine de minutes. Toutefois certains scripts possède des inconvénients notable.

L'un des inconvénients des annuaires vident ce sont le manque de contenu. Dans le but de lutter contre cette faiblesse, il existe un petit plugin très simple d'utilisation qui, une fois installé, permet d'ajouter du contenu textuel à toutes les catégories. Ce plugin est intitulé "categoryText" et à été développé par BlackMelvyn.

Après l'avoir installé et testé vous aurez probablement envie d'ajouter du CSS aux descriptions des catégories. Pour cela rien de tel que le CSS et d'une petite modification sur la page main.html qui fait appel au plugin. Au début j'ai fais un code qui ressemble à ceci:

<{if isset($smarty.get.dir) }>
<{if $page.current == 0}>
<div class="CatBoiteTexte">
<{plugin name='categoryText' call='categoryText' parameters=$smarty.get.dir}>
</div>
<{/if}>
<{/if}>

Malencontreusement le div apparait dans le code même s'il n'y a aucun texte sur la page de catégorie. Cela pose un problème d'esthétique (selon votre CSS). Par conséquent il ne faut pas recopier ce code qui n'est pas "propre".
Pour remédier au problème la balise div doit être ajouté directement dans le code source du plugin. Pour cela rien de plus, il faut aller chercher dans le dossier plugin/categoryText/ le fichier intitulé "functions.php" et éditer son contenu grâce à un éditeur de texte (en ce qui me concerne j'utilise Notepad++).

A la ligne 16, il y a un code qui ressemble à ceci:

echo stripslashes(nl2br($text));

Cette ligne doit être supprimée et remplacé par le code suivant:

if ($text!='')
echo stripslashes(nl2br('<div class="CatBoiteTexte">'.$text.'</div>'));

Ce nouveau code affiche une description à la catégorie uniquement si le contenu textuel a été créé. En d'autres mots, si une catégorie n'a pas de description, le code ne sera pas retourné. Il suffit alors de donner l'aperçu de son choix à la propriété CSS. Cette partie ne concerne que vous et le template de votre site.

Pour télécharger ce plugin et avoir plus d'information sur celui-ci, consultez l'article: "Plugin FreeGlobes pour afficher des descriptions de catégories".

Il y a quelques jours, un concours a été annoncé pour faire gagner un encart publicitaire au format 125 pixels sur ce blog pour une durée d'un mois. Comme prévue les participations ont été stoppé dimanche soir à minuit. Peu de temps après à eu lieu le tirage au sort pour déterminer le gagnant.

L'heureux gagnant est le 11ème commentaire posté sur le billet annonçant le concours, comme le témoigne la capture d'écran prise lors du tirage au sort sur random.org:

Capture d'écran du tirage au sort sur Random.org

Ce 11ème commentaire correspond a Prélude, félicitation à lui pour avoir gagné cet encart publicitaire. Il a été averti par email et m'a envoyé sa bannière qui va donc apparaitre dans le menu latéral pendant 30 jours.

Bannière de Prélude

Merci à tous les autres participants pour avoir joué le jeu. Il ne faut pas se décourager, il y aura peut-être d'autres petit concours.

Twitter est un service de micro-blogging qui se développe de plus en plus. La bloguosphère s'accommode à merveille à ce nouvel outil, à tel point que ce média social peut aider à populariser des articles de blogs. Il suffit d'installer un petit bouton pour que les visiteurs postent le lien de l'article sur leur compte Twitter. Cet article va détaillé les codes à utiliser pour effectuer ce tour de main pas si compliqué qu'on ne pourrais le penser.

L'intérêt de ce petit tuto consiste à comprendre comment fonctionne Twitter et le service bit.ly (raccourcisseur d'URL) pour créer soit-même son bouton Twitter en évitant d'utiliser un plugin qui mâche tout le travail.

Envoyer l'adresse de l'article sur Twitter

La première étape va consister à faire un lien tout simple pour tweeté l'adresse de l'article. Pour cela il faut faire un lien qui ressemble à ceci:

http://twitter.com/home?status=http://blog.infowebmaster.fr

Le code HTML est alors le suivant:

<a href="http://twitter.com/home?status=http://blog.infowebmaster.fr">Tweeter la page</a>
Tweeter l'article

Raccourcir l'URL

Malgré tout, il ne faut pas oublier le défaut majeur de Twitter (qui fait également sa force), le nombre limité de caractères. Il judicieux de raccourcir l'URL, cela libère de l'espace pour tweeté l'adresse de l'article avec un petit message.

Grâce à bit.ly il est possible de raccourcir une adresse très facilement. Cette fois-ci un bout de code PHP est requis, mais cela ne complique pas pour autant la procédure. Le code suivant est à utiliser:

$tinylink=file_get_contents('http://tinyurl.com/api-create.php?url=http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'].'');

La variable $tinylink possède alors l'adresse racourcie. Celle-ci peut-être tweetée facilement grâce à une commande de ce type:

<?php
$tinylink=file_get_contents('http://tinyurl.com/api-create.php?url=http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'].'');
echo '<a href="http://twitter.com/home?status='.$tinylink.'>Tweeter la page</a>';
?>

Envoyer titre + URL (sous WordPress)

Pour finir il est judicieux de prémâcher le travail aux visiteurs en ajoutant un message au coté de l'URL lorsqu'il sera posté sur Tweeter. Cette fois-ci il y a une petite subtilité dans le but d'envoyer correctement les caractères accentués; il va falloir utilisé une fonction PHP pour encoder le titre de l'article. Sans plus attendre, voici le code complet à utiliser sur l'une des pages du template:

<?php
$tinylink=file_get_contents('http://tinyurl.com/api-create.php?url=http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'].'');
echo '<a href="http://twitter.com/home?status='.rawurlencode(get_the_title()).' '.$tinylink.">Tweeter la page</a>';
?>

Bien évidemment il faut que le message ainsi généré ne dépasse pas les 140 caractères. Il est recommandé d'utiliser ce code sur la page "index.php" ou "comments.php" du template utilisé sur WordPress, ainsi le bouton apparait sur chaque article.

En espérant que ce billet vous sera utile, je vous souhaite une bonne fin de journée.

A l'occasion du nouveau design, un petit concours va permettre de gagner un encart publicitaire de 125*125px dans la sidebar de droite de ce blog. Cet encart publicitaire sera mis en place à partir de la désignation du vainqueur jusqu'au mois suivant. Pour participez il suffit simplement de laisser un commentaire à cet article.

Règles

• Ne participer qu'une seule fois
• Laisser un message sur cet article pour participer
• Posséder un blog, site ou forum (dans le but de profiter de son gain)
• Avoir une adresse email valide (le gagnant sera contacté par email)

Tirage

• Le gagnant sera tiré au sort parmi les commentaire de cet article, grâce à l'outil en ligne Random.org.
• La participation se termine le 9 août 2009 à minuit, tout commentaire posté après cette date ne sera pas valide pour l'élection du gagnant.
• Le tirage au sort sera effectué peu de temps après la clôture du concours.

Petites informations

• Merci à tous pour vos participations et pour avoir tweeté cet article.
• Si l'un des partenaires déjà présent dans la sidebar gagne, je lui fais un article sponsorisé et je sélectionne un nouveau gagnant.

Bon courage à tous et rendez-vous au 9 août pour savoir qui va gagner.

Depuis peu, un nouveau partenaire viens prendre un peu de place dans la sidebar de droite de ce blog, il s'agit du blog StudioVitamine. J'ai décidé de vous le présenter un peu plus en détail pour plusieurs raisons, incluant le fait que ce blog est régulièrement agrémenté de nouveau articles, le design et l'ergonomie sont de qualité, mais surtout j'apprécie l'humour et la mascotte.

Présentation

Le nouveau partenaire c'est studiovitamine.com, une agence web basé à La Rochelle. Cette agence rédige de nombreux articles concernant les infos du web sur son blog. Le rythme de publication est assez soutenu; depuis le 10 février de cette année il y a eu un total de 241 billets. J'ai fais le calcul, ça représente une publication journalière de 1,65 billets. Difficile de faire mieux pour le blog d'une petite entreprise.

Les articles sont variés, il peut s'agir d'article plus ou moins humoristique (tel l'article sur les pires logo jamais produits) ou alors informatifs et intéressant pour les webmasters (tel l'article pour réussir sa page "panier d'achat" de sa boutique en ligne).

Caché dans le design

Yo, la mascotte de studio vitamine

Il y a quelques petits éléments cachées sur le blog. Premièrement, il faut se rendre compte que l'image du header est choisie aléatoirement parmi 12 photos. Ainsi, à chaque fois que vous visitez une page il est possible de découvrir un header différent.

Le plus amusant dans le design c'est le fond d'écran qui est plus ou moins visible selon la taille de l'écran. Plus votre écran est large et plus vous découvrirez des parties cachées. En visualisant ce fond d'écran en entier vous verrez les petites touches d'humour. L'une de mes préférées c'est le texte "fuck ie" faisant référence aux prises de tête que les développeurs web passent pour rendre compatible un site sur Internet Explorer.

Enfin, au survol de la souris sur le petit copyright en bas à droite des pages (by Studio Vitamine) la mascotte Yo devient visible et sautille. Un clic sur cette mascotte permet d'accéder au site de l'agence.

Ce blog mérite bien ses mots-clés d'info du web.

Je vous suggère de consulter leur réseau de site, visible dans le menu tout en haut, vous y trouverez un outil pour générer du lorem ipsum, un dictionnaire de termes techniques et d'autres ressources de qualités.

Après un travail de plusieurs jours, la V2 du site viens d'être dévoilé. Elle possède surement quelques petits bug qu'il faudra réparé mais elle a le mérite d'en réparer d'autres. Les précédents billets sur ce blog prévenait qu'un changement majeur allait être effectué, mais celui-ci est venu plus rapidement que prévu.

Menu latéral gauche

Pas la peine de trop s'attarder sur le design, il a été présenté précédemment et tous les visiteurs peuvent le voir directement (ce qui est plus pratique que de le décrire avec des mots). Il y a malgré tout quelques petits changements autre que le design. Tout d'abord une bonne nouvelle avec un menu latéral gauche épuré. On y retrouve un lien vers la page présentant la liste des articles. De plus la publicité à été déplacée dans une nouvelle barre latérale droite pour évité les confusions et réellement mettre en avant le menu de navigation.

Forum

Courant avril, j'annoncais à travers un billet sur ce blog, intitulé "Quelques nouveautés", que le forum était placé sur un sous-domaine. Cela comporte quelques petits avantages, malheureusement un bug inattendu à eu raison de cette solution. Pour les connaisseurs de PHP, il s'agit de la variable de Session qui ne fonctionne pas en principe sur un sous-domaine. Même avec une adaptation du code, le problème à persisté.

En conséquent, le forum retourne a son ancienne place à l'adresse suivante: http://www.infowebmaster.fr/forum/

Mot de la fin

N'hésitez pas à donner votre avis sur ce renouveau du site. Bonne fin de journée à tous.

Suite au précédent billet présentant le design de la future version du site, c'est cette fois-ci le logo qui a été retravaillé. Une première version avait déjà été réalisée, mais grâce au commentaire de Maigret (blogueur sur Protuts.net), j'ai pris conscience que le logo qui était envisagé fait une rupture trop radicale avec l'ancien logo. Un travail a été effectué dans le but d'améliorer ce défaut majeur. Si la rupute est trop importante, les 30% de visiteurs qui ont l'habitude de revenir sur le site ne reconnaitrons plus du tout celui-ci et ce sera presque comme un départ à zéro pour les reconquérir.

Pour rappel le logo de la v1 (visible ci-dessous) est dans les teintes vertes, alors que le vert évoque plutôt la nature et la vie végétale. En conséquent, utiliser une telle couleur est plutôt destiné aux sites à thématique nature, voyage et découverte. Le nouveau logo doit à tout prix changé de couleurs pour être plus proche du reste du design v2.

Logo v1 du site InfoWebMaster

La capture d'écran ci-après présente quelques versions possibles du futur logo. Le premier de la liste était l'idée originel, mais comme il est possible de le constater il y a presque aucun point commun avec le logo de la V1, les visiteurs risquent véritablement de ne pas reconnaitre le site.

Différentes version du logo v2

Les versions 2, 3 et 4 ressemblent trop au numéro que l'ont vois affiché sur les maillots de football américain. C'est finalement le dernier logo de la liste qui sera (surement) choisit. J'aime bien l'idée du point d'interrogation, ça fait un élément visuel qui attire un peu plus le regard du visiteur et ce même point d'exclamation sera utilisé pour réaliser le favicon.

Bien entendu tout ceci peu encore changé selon la qualité des feedbacks que vous pouvez communiquer via les commentaires de ce billet.