Référencement sur Facebook épisode II

J’écris ce nouveau billet pour ne pas décevoir les référenceurs qui visitent le vieux tutoriel et qui le trouvent non cohérent avec la nouvelle conception des pages de Fan !

Supposons que vous êtes déjà inscrit sur Facebook, on recommence 🙂

1 -Rendez-vous sur cette page

Prenons le cas d’un site web 🙂

– Mentionnez le nom de la page Ex : 2012 The Movie

– Vous pouvez cocher l’option de garder la page en mode Brouillon (on aura d’autres choses à faire après)

– Vous allez ouvrir une nouvelle fenêtre et ouvrir cette page :

– Cliquez sur Ajouter à ma page !

– Une popup en Ajax se lance pour afficher les pages que vous avez déjà crée 🙂 Cliquer sur Ajouter devant le nom de la page en question.

– On rentre à notre page et on clique sur le lien d’édition :

– Nous serons redirigé vers le panneau d’administration de la page. On descend et on trouvera bien la section d’édition de FBML

– Changer le titre de l’encart car il va apparaitre aux utilisateurs 😉

– Dans le champ FBML, du html simple est permis, le CSS alors que le javascript n’est pas autorisé !

Ici on n’a pas besoin de définir <head> ou <body> 😉

<style type="text/css">
* {
margin: 0;
padding: 0;
}
h1{
color:orange;
font-size:14pt;
}
...
</style>


Si vous allez utiliser une image de fond, la largeur optimale est 180px  😉

– Ajoutez ensuite librement votre contenu HTML (sans <script> ni <body>)

– Enregistrez le travail

– Vous pouvez utiliser plusieurs encarts séparés à travers le lien en bas.

– Retourner à la page publique ! et Passons à l’action 🙂

– Dans les onglets qui se trouvent en haut cliquez sur Encarts

Cliquez sur l’icône d’édition (le crayon) puis sur Déplacer vers l’onglet Mur


Et le jeu est fini 🙂

Si vous avez du temps vous pouvez voir l’une de mes créations : Page de Djerba FM

Les médias tunisiens critiqués par un Référenceur !

Un comparatif des acteurs de l’actualité tunisienne en ligne !

Des critiques constructives qui visent à offrir une bonne visibilité des infos en Tunisie.

lapresse

La Presse

Malgré la réussite de l’édition de ce quotidien en version papier, son site doit être reconstruit 😦

On n’aime que  la version imprimable

Flux de syndication absents.

Il faut qu’il s’adapte aux nouvelles exigences du web 2.0 ! on va bientôt passer au Web 3.0 😉

Accessibilité non respectée : Taille des polices

L’outil de recherche interne doit fournir des résultats plus pertinents.

Mauvais temps de réponse qui peut se résoudre à travers une mise en cache du contenu.

Conseil : L’architecture du site doit être révisée => révision totale 🙂
letemps

Le Temps

Mêmes problèmes trouvés sur le site de LaPresse !

Ce site n’est plus adapté aux moteurs de recherche 😦

Jetset Magazine

C’est ce qu’on appelle un travail de Pro 🙂

Ce site qui s’intéresse au clubbing et à  l’actualité culturelle se distingue avec un graphique surprenant et une structure bien soignée.

L’unique site qui n’a aucune faute !

Bravo les gars pensez à l’intégration des microformats 😉

tapinfo

Agence Tunis Afrique Presse

C’est le meilleur site de journalisme en Tunisie 🙂

Très bien exposé, ce site publie des infos en 3 langues (Arabe, Français et Anglais).

Il offre la meilleure version imprimable.

Je viens de le proposer à Google News 🙂

Conseil : Il ne lui manque que la réécriture de ses URLs et de ses Flux et proposer un logo accessible !
essahafa

Essahafa

Ce quotidien publié en langue arabe n’offre pas un outil de recherche.

L’archivage y est aussi indisponible et il n’est pas possible de marquer ces articles 😦

LeQuotidien

Le Quotidien

Ce site est bien exposé ! Très clair

il lui manque l’intégration des flux de syndication et l’adaptation aux réseaux sociaux !
Al moussawar

Al Moussawar

Ce site publié en langue arabe n’a aucune chance de visibilité à travers les moteurs de recherche 😦

il n’y a que deux pages qui ont une chance d’indexation qui sont « detailarticle.asp » et « liste.php » 😦

Un internaute ne peut pas marquer les liens des articles !!!

Solution : Changer le liage du site et suivre les conseils offerts pour les autres !
alanouar

Al Anouar

Architecture similaire à celle du site précédent (même maison d’édition)

Ici les liens sont bien paramétrés ! Mais, ils doivent subir une réécriture !
alchourouk

AlChourouk

Ce site a les mêmes problèmes cités précédemment !

Mais, il offre un Flux RSS qui doit être validé 😉

WebManagerCenter

webmanagercenter

Ce site est devenu l’un des leaders de l’information économique.

il offre une bonne accessibilité à l’information. La présence de la réécriture des URLs est intéressante mais elle  n’est appliquée que pour les articles 😦

Sa présence sur Google News est aussi satisfaisante.

Ce qu’on n’aime pas :

  • La version imprimable des articles.
  • Ses flux RSS ne sont pas valides et doivent subir une révision. il propose des liens relatifs dans ses flux qui sont mal référencés sur quelques niveaux du site…

Pour ce qui concerne ce site, j’ai essayé de leurs contacter vu que j’affiche leurs actualités sur l’un de mes projets.

Et après une longue présentation, des compliments… 🙂 j’envoie ! Et Oups 😦

Fatal error: Class ‘Mail’ not found in C:\web\wmc.com.tn\www\include\mail_class.php on line 11 😦
leaders

Leaders.com.tn

Ce nouveau portail tunisien est très intéressant !

il suit un bon modèle d’affichage de l’information. il lui manque quelques retouches et il sera le meilleur 🙂

Flux RSS à soigner 😦 Adresses relatives pour les images qui ne vont s’afficher que sur ce site !

Les liens du flux sont tous corrompus !
Business News

Business News

Ce portail d’actualités économiques est très bien fait ! Mais il lui manque l’url Rewriting 😦

Babnet

babnet
Ce qu’on aime :

Richesse du contenue et l’intégrations du module Facebook Connect 🙂

Mais il faut l’avouer : ce site est très mal présenté. il leurs faut des cours en CSS !!!

Flux RSS : C’est la première fois que je vois un site qui propose un seul article dans ses flux !!!

Conseil : Révision totale

Pour résumer,  tous ces sites disposent des atouts les plus encourageants pour réussir la publication des actualités tunisiennes et doivent bien passer à des diagnostics et réviser leurs codes 😉

P.S : Cet article a pour objectif de mieux structurer le web tunisien et n’a pas été publié pour faire une scandale à ces marques qui font des efforts respectueux pour bien informer le public tunisien.

Bien Optimiser ses flux RSS

J’écris ce nouveau billet après avoir vu beaucoup de sites qui ont des flux RSS mal soignés 😦

Tout d’abord avant de bricoler son propre script pour publier un flux RSS, il ne faut pas oublier que c’est un outil qui sert à l’export de vos données et qu’il doit répondre à des normes de publications pour ne pas causer des ennuis aux autres parseurs ! Voici alors la liste des points à vérifier et des fautes à éviter 🙂

  • Eviter les liens relatifs

Je vous parle d’un problème qui me cause un ennuis ! En faisant le suivi de l’un de mes sites, je trouve beaucoup d’erreurs 404 causé par un flux qui me renvoie des liens relatifs !

Le résultat : Des liens vers des adresses du type http://monsite.com/sapage-x.html 😦

  • L’URL Rewriting

La réécriture de vos URLs devient aussi indispensable ! Pourquoi ?

Cette faute est très fréquente chez les portails d’actualités qui offrent des Flux sous des adresses du type:

http://site.com/rss/flux.php?cat=sport

http://site.com/rss/flux.php?cat=politique

Les adresses de vos articles doivent aussi subir une réécriture ! Pourquoi ?

il y a des parseurs qui refusent ces adresses ou se contentent du premier paramètre !

Ne pensez pas que tous les parseurs sont adaptés à vos liens ! il y a des blogueurs qui utilisent des plugins, il y a des modules intégrés à des CMS… Prenez du temps pour réécrire vos urls 😉

  • Le contenu

Afin d’éviter des duplications intégrales de votre contenu, pensez à résumer vos descriptions.

  • L’encodage

Plusieurs sites n’accordent pas une grande importance à cette contrainte qui est indispensable pour un bon affichage de vos données.

Le choix de l’encodage  UTF-8 est le plux conseillé ! La plupart des parseurs, lecteurs de flux… notamment les moteurs de recherche sont basés sur l’encodage utf-8.

il y a pleins d’autres trucs à éviter, pour résumer voici un validateur à marquer dans vos favoris 😉

http://validator.w3.org/feed/

il est très utile et vous simplifie vraiment l’optimisation de vos flux.

RefHotKey VS InFormEnter

Les référenceurs professionnels préfèrent la soumission manuelle. Cette méthode est un peu stressante surtout si on n’utilise  aucun logiciel qui mémorise les différents champs qu’on doit fournir aux annuaires.

Ces outils proposent une option de gestion des différents profils des sites qu’on va soumettre.

Avant j’utilisais Ref HotKey Lien de téléchargement

c’est un outil performant mais qui me pose quelques ennuis :

  • Champ limités à (titre / url / petite description / longue description ) où on ne peut pas y ajouter des champs personnalisés
  • Modification de la longueur du champ de description  impossible
  • Gestion de la clé du logiciel (générée coté serveur)

Tout ces détails ne sont pas assez graves, mais aujourd’hui je découvre que cet outil pose des ennuis quand on bascule entre les différents profils en mode enregistrement. Et voilà une description de 4000 caractères écrasée 😦

Conseil pour l’éditeur du logiciel : Ajoutez un module de gestion personnalisée des champs de soumission

Maintenant j’utilise InFormEnter

Cet outil n’est pas basé sur l’appel avec un raccourci clavier pour coller nos données. Mais, il détecte tous les champs (input, textarea…) et introduit son icône qui fait appel avec un simple clic à vos champs enregistrés

inform

Il propose un gestionnaire de différents profils et à chaque profil on peut associer nos différents champs personnalisé 🙂

Pour appeler le module il suffit de cliquer avec le bouton droit sur son icône à la barre d’état de Firefox

tab

Le même clic (droit) nous permet afin d’avoir un affichage naturel des formulaires comme on fait pour désactiver les raccourcis Skype sur les numéros de téléphones

Son outil d’enregistrement est aussi très simple :

optionsIl suffit d’ajouter chaque valeur par ligne de la forme suivante :

mavaleur#raccourcis

Lien de téléchargement

Wikia Search Le jeu est fini !

Les jours passent !

wikia search logoEn Aout 2007, j’ai publié un billet qui annonce le lancement du projet Wikia Search et ça fait deux Jours que Jimmy Wales le fondateur de Wikia vient d’annoncer la fin du moteur de recherche communautaire Wikia Search !

Malheureusement, Wikia n’a pas su gérer ce projet dès le début ! Et c’est ce que j’avais prévu dès le début 😦

Parce que c’est pas facile de faire le challenge au grand Google malgré que ce dernier perd les pédales ces derniers jours !

De nos jours, un nouveau moteur de recherche doit savoir fidéliser les webmasters et les développeurs. C’est ce qui garantit la continuité de ses facteurs de popularité 😉

Et c’est bien la clé de réussite du retour de Yahoo! avec des outils innovants notamment Yahoo! Pipes, Search Monkey, Search Boss… Son voisin Google joue au sommet avec ses Mashups et ses innovations en universal search et son savoir faire en matière d’exploitation des statistiques de recherche . Bravo pour Analytics 🙂

Quant à Live Search, il hésite encore à prendre le bon chemin !

D’autres projets ont été enterrés comme Megaglobe et d’autres moteurs ( à 2 temps 🙂 ) qui n’ont rien apporté d’original.

Le nouveau Cuil démarre mal avec des contraintes d’internationalisation et de pertinence contrôlée !

C’est difficile de réussir un moteur de recherche 😉

Arrêt du projet Wikia Search : source BBC News

Yahoo Pipes Tutorial : Un tutoriel pour maîtriser Yahoo! pipes

Plusieurs internautes ont parcouru ce Blog en cherchant un tutoriel pour Yahoo! Pipes 🙂

Je crois que la plupart parmi eux ont été déçus car ils trouvaient ce vieil article qui annonçait la publication d’un joli tutoriel par IBM Developer center qui est  devenu inaccessible en public 😦

On commence alors :

Il faut disposer d’un compte Yahoo! pour pouvoir accèder à l’éditeur des pipes 😉

login yahoopipe

Une fois connecté cliquez sur le bouton create a pipe

Imaginons qu’un blogger soit intéressé par l’île Djerba et veux proposer des photos comme contenu alternatif à ses articles. On va donc utiliser la galerie de photos de Djerba comme exemple !

Un outil Fetch Feed est mis à votre disposition pour lire les flux (RSS, Atom…)

à gauche en haut cliquez sur Sources puis faite glisser Fetch Feed dans l’interface

fetch feed

Une fois ajouté à l’interface, copiez l’URL du flux et collez- la dans le champ URL

feed url

Nous allons maintenant voir le résultat de cet outil, il suffit de connecter Fetch Feed à Pipe Output en glissant un cordon entre ces deux boites

feed connect

Si on se limite à ce niveau on aura une lecture statique du flux ! Donc on aura en résultat l’intégralité de ce que donne ce flux. (voir le résultat)

La même galerie propose un flux de recherche dynamique 🙂    …/feed/?searchterms=mer

La langue de la galerie est en français ! Imaginons un australien qui ne comprend pas le français et qui cherche à proposer ces photos comme contenu dynamique alternatif à un texte anglais !

On va glisser un joli outil URL Builder 🙂

Cliquez sur URL puis faites glisser URL Builder puis collez l’URL dynamique du flux de recherche dans le champs Base.

url builder

C’est amusant cet outil détecte automatiquement les variables HTTP 😉

Cliquez sur User inputs et faites glisser Text input puis cliquez sur String et faites glisser Translate

text input + string translate

Nous allons maintenant lier Text Input à Translate et ce dernier au champ de la variable de recherche de la boite URL Builder et lier cette URL à Fetch Feed pour finir à la sortie (Pipe Output)

schema

C’est joli le dictionnaire de Yahoo! 🙂 Voir le résultat Veuillez changer la requête en cas de non pertinence due à un problème de mise en cache sur Yahoo 😦

Vous trouvez ce tutorial amusant ! Il y a encore une surprise 🙂

Je vais vous montrer comment créer un outil de recherche plus généralisée et bien méditer la beauté du ciel !

Flickr, Deviantart et plusieurs banques d’images populaires sont à 80% anglophones, donc afin de mieux voir le ciel, on va réaliser une recherche en français dans Flickr et DeviantArt 😉

Alors : gardez Text Input puis Changer le dico « from french to english« 

Ajoutez une autre boite URL Builder et collez dans Base le flux de Flickr           http://api.flickr.com/services/feeds/photos_public.gne?tags=ciel

Utilisez un autre  URL Builder pour lire le contenu de DeviantArt et proposez cette URL :    http://backend.deviantart.com/rss.xml?q=boost%3Apopular+sea&type=deviation&offset=0

Vous pouvez facilement ajouter un autre Fetch Feed sans dupliquer l’outil en cliquant sur +URL

flickr et deviantart

Voir le ciel à ma façon 🙂     il faut changer la requête en cas de problème de mise en cache sur Yahoo 😦

Si vous comptez proposer des flux pareils sur vos sites, n’oubliez pas d’enregistrer vos pipes et de les publier (le lien de publication est dans la page publique du pipe ! )

D’autres outils comme des opérateurs logiques, des boucles itératives, des outils de recherche sur Yahoo! et Google Base et sans oublier le fameux String Regex 😉

C’est est un outil très performant et j’espère que cette interface sera plus enrichie avec d’autres outils pratiques 🙂

Bonne chance sur Yahoo! Pipes et à vous de choisir le contenu le plus pertinent 😉