Voici un petit tuto pour installer un menu déroulant pour les catégories wordpress sans utiliser autre chose que Jquery et CSS.
Vous pouvez voir un exemple de ce script qui tourne sur le tout nouveau design de notre annuaire gratuit

La problématique de wordpress, c’est que ce cms utilise des class que l’on ne peut pas modifier sans entrer dans le noyaux ou installer un module tiers, et la, on s’embarque souvent dans du code mal fait ou des modules non suivis etc.

J’ai donc cherché une solution simple et rapide à mettre en œuvre.
Je me suis basé sur l’excellent tuto “Créer un menu déroulant “accordéon” avec jQuery” de Thomas D. (tuto sur alsacreations)  pour la réalisation du menu déroulant que j’ai adapté à wordpress. Pour le CSS, je vous laisse vous débrouiller, ce n’est vraiment pas ce qui nous intéresse, ceux qui comprendront la manip, sauront largement coder le reste

Bien entendu, il faut utiliser la bibliothèque jquery. Le menu sera fonctionnel aussi avec JS désactivé (mais il sera déjà déroulé).

Voici le code javascript qui nous intéresse

<script type="text/javascript">
<!--
$(document).ready( function () {
// On cache les sous-menus :
$(".navigation ul.subMenu").hide();
// On sélectionne tous les items de liste portant la classe "toggleSubMenu"

// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;

// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$(".navigation li.toggleSubMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.subMenu").slideUp("normal");
$(this).next("ul.subMenu").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false;
});

} ) ;
// -->
</script>

Voici le code d’origine généré par wordpress pour la liste des catégories

vous allez vite comprendre ou est le problème.

J’ai volontairement épuré le code afin de mieux visualiser .

<ul class="categories">
	<li class="cat-item"><a href="">ITEM 1</a>
        <ul class='children'>
            <li class="cat-item"><a href="">Sous item</a></li>
            <li class="cat-item"><a href="">Sous item</a></li>
            <li class="cat-item"><a href="">Sous item</a></li>
        </ul>
    </li>
	<li class="cat-item"><a href="">ITEM 1</a>
        <ul class='children'>
            <li class="cat-item"><a href="">Sous item</a></li>
        </ul>
    </li>
    <li class="cat-item"><a href="">ITEM 2</a></li>
</ul>

On constate assez facilement que l’on va avoir un problème avec les class hérités de l’ul children: cat-item est présent dans l’ul parent et enfant. Il faudrait donc 2 class différentes si l’on veut suivre le tuto d’alsacreations.

Passons à l’adaptation…

WordPress ne génère pas de <span>, donc, déjà, on peut supprimer cette partie du script, puis on adapte les différentes class.
On adapte ensuite le nom des class à celles du cms.

On remplace donc :

• .navigation par .categories
• .subMenu par .children
• .toggleSubMenu par .cat-item

Comme wordpress affiche des catégories et sous-catégories cliquables on va donc modifier le comportement, au lieu d’utiliser la fonction click on va utiliser mouseover.

Voici le résultat de la première étape :

<script type="text/javascript">
<!--
$(document).ready( function () {
// On cache les sous-menus :
$(".categories ul.children").hide();

// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "children" :
$(".categories li.cat-item > a").mouseover( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.children:visible").length != 0) {
$(this).next("ul.children").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".categories ul.children").slideUp("normal");
$(this).next("ul.children").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false;
});

} ) ;
// -->
</script>

Et la, c’est le drame !

Le menu se replie des que l’on passe au dessus d’un lien contenu dans le sous menu, rappelez vous, tous les li ont la même class (.cat-item) et c’est sur celle ci que le js se base. Donc, on va tout simplement renommer à la volé la class cat-item en cat-item_under des sous-catégorie dès que la page est chargée et on aura notre joli menu déroulant pour les catégories wordpress sans même toucher au php ou installer un plugin. Il ne vous restera ensuite qu’a adapter votre css comme vous le souhaitez.

Voici le script pour le menu déroulant wordpress

<script type="text/javascript">
<!--
$(document).ready( function () {
 // On cache les sous-menus :
 $(".categories ul.children").hide();
 //On modifie la class du sous menu pour conserver le mouseover lors du survole de sous-cat
 $(".categories ul.children li").addClass("cat-item_under").removeClass("cat-item");

 //on applique l'action mouseover
 $(".categories li.cat-item > a").mouseover( function () {
 // Si le sous-menu était déjà ouvert, on le referme :
 if ($(this).next("ul.children:visible").length != 0) {
 $(this).next("ul.children").slideUp("normal");
 }
 // Si le sous-menu est caché, on ferme les autres et on l'affiche :
 else {
 $(".categories ul.children").slideUp("normal");
 $(this).next("ul.children").slideDown("normal");
 }
 // On empêche le navigateur de suivre le lien :
 return false;
 });
} ) ;
// -->
</script>

J’espère avoir permis à certaines personnes de ne pas bloquer sur la création d’un menu déroulant wordpress avec jquery
Et surtout, d’éviter d’utiliser des plugins pour rien !

Cet article vous a été proposé par informatclic le blog informatique et hightech

Sur cette première texture, on voit bien les taches de café

pour moi, c’est la plus réussie, bien nette, des zones d’ombres, du grains, des plissures bien marquées.

Une deuxième bien crado, bien jaune café

Celle ci est un peu plus grung on va dire. On voit une belle zone d’ombre ainsi que des plissures sur le papier bien marqués elles aussi.

La troisième texture fait vieux papier

Oui, vous ne trouvez pas ? Perso, ca me fait penser à du papier vieillit par le temps… TRES vieillit lol !

Ces textures sont bien évidemment utilisable à titre personnel ou commercial et non revendables
Hésitez pas à me faire part de leur utilisation, ca me fera toujours plaisir !

Cet article vous a été proposé par informatclic le blog hightech

Bien entendu, vous pouvez utiliser ces textures comme bon vous semble, commercial ou non, juste un petit message pour dire ou montrer ce que vous en avez fait me fera plaisir

voici un mini tuto pour la création de la texture

Le procédé est simple. voici les ingrédients:

• 1 feuille de papier journal vierge format A3
• 1 tasse de café
• 1 sopalin
• Du café moulu mais pas trop fin
• 1 table en bois rainuré

Alors, j’ai posé la feuille sur la table, arrosée de café par petites touches, on laisse agir, on saupoudre la feuille de café (pas trop) on laisse coller puis on secoue l’excédent dans la poubelle.

L’étape suivant, on ajoute de l’eau pour diluer et étaler avec du sopalin. puis on dépose la feuille détrempée sur la table de manière à ce que quelques bosses se forment afin d’obtenir des aspérités.

On prends son appareil (j’ai un Canon EOS 350D), et on shoot, on shoot, on shoot.Différentes distance, différents points de vue etc, le tout est d’obtenir un maximum de clichés pour pouvoir faire le tri. Bon, après, on utilisera photoshop ou TheGimp pour améliorer un peu la qualité de la texture et jouer avec les niveaux.

Voici le résultat des textures haute résolution

1ere image, ma préférée…On aperçois bien les rainures du bois, les bosses sous la feuille, la couleur du café, bref top 1 ! ^^

Sur cette deuxième texture, on voit plus les plis du papier et les grains, normal, c’est le coté de la feuille. Vous vous rappelez que je n’ai pas mouillé toute la feuille.

Qui dit café, dit forcément grains, et pourquoi pas ?

Et voici la 4eme, toujous rainuré avec une belle bosse comme je les aimes !

Désormais, le résultat de mon expérience sèche dans un coin, je verrai si je peut faire d’autres textures un peu plus sèches très bientôt

Cet article vous a été proposé par informatclic le blog informatique

Texture avec quelques aspérités intéressantes

Une texture pleine de relief

En voici une avec de la verdure, ca peut être utile dans certains cas

Voici une belle texture craquelée !

Avec un mur comme ca, je déménage directe ! :p

Bien entendu, si la taille des textures est trop limite pour vous, je suis prêt à vous envoyer la taille originale par email. Faites moi signe via les commentaires
Flikr limite en taille maximale si j’ai pas un compte pro, et comme le compte pro me sert à rien …

Amusez-vous bien, et surtout, n’oubliez pas, montrez moi vos réalisations

C’est aussi pour moi l’occasion d’ouvrir une nouvelle catégorie, la catégorie Web Design. J’y partagerai mes découvertes et pourquoi pas des tutos ou créations, on verra ce que l’avenir nous réservera. En tout cas,c ‘est un des domaines qui me passionne le plus, et je vais essayer de partager un maximum mes expériences et trouvailles.

Icônes RSS pour vos blog

Voici un set composé de 4 icones RSS

Icônes pour réseaux sociaux

Ce set est composé de 4 icones, Digg, delicious, facebook et twitter, vous pouvez d’ailleurs les voir sur ce blog, et oui, pas folle la bête, j’utilise ce que je crée quand même

28 icônes différentes déclinées en 10 coloris

Vous pourrez retrouver 10 couleurs différentes dans ces sets, le noir, orange, jaune, vert, vert foncé, bleu, marron, violet, rouge et rose.

Icônes rectangulaires déclinées en 8 coloris

Ces sets sont composés de 28 icônes déclinés en 8 coloris différents, bleu, marron, vert, orange, rose, rouge, noir et jaune

Icônes rondes et plates déclinées en 6 coloris

Ces sets sont moins brillants, décomposés en 6 coloris différents et toujours 28 icônes. On retrouve donc le bleu, rouge, rose, vert, noir et violet.

Icônes rondes et brillantes déclinés en 8 coloris

Des sets plutôt classiques, le premier mis en ligne d’ailleurs, il se fondra facilement dans un design. 28 icônes déclinées en 8 coloris, noir, rouge, jaune, orange, vert, rose, bleu et bleu ciel.

Et vous, les sets d’icônes, vous en avez fait, vous en utilisez ?

N’hésitez pas à mettre des liens vers vos sets (les vôtres, pas n’importe les quels… Merci d’avance.)

Cet article vous a été proposé par informatclic le blog informatique

Vous aimeriez jouer a Guitar heroes mais vous n’avez pas la console ou pas le budget nécessaire ? Frets on fire est fait pour vous ! Il s’agit d’un clone (open source et légal) de guitar heroes ! Il est développé pour  fonctionner sous Windows, Mac OS X et Linux.
Outre sa gratuité, un autre point fort du jeu est le nombre de chansons disponible. Guitar heroes 1, 2, 3, metallica … Seul la place sur votre disque dur vous limitera.
Nous allons donc vous expliquer en détail comme faire avec ce petit tutoriel …

Jouer à Guitar Heroes au clavier pour 0€ !

Tout d’abord, téléchargez le jeux.
Une fois l’installation terminée, vous disposez d’une ou deux chansons et d’un “skin” qui ferais presque regretter d’avoir installé le jeu. Heureusement cela n’est pas irrémédiable et vous arriverez en quelques clics à un résultat bien plus agréable.

Comment installer un skin sur Frets on Fire ?

Voici la démarche à suivre : Téléchargez le skin appelé mod dans frets on fire. Décompressez l’archive téléchargée et placez les fichiers “gameresults.svg“, “library.zip” ainsi que le “dossier mods” dans le dossier data de votre répertoire d’installation du jeu. Le skin de guitar heroes est maintenant installé, il ne vous reste plus qu’a l’activer depuis le jeux.

Pour activer un skin Frets On Fire dans votre jeux

Rien de plus simple, rendez-vous dans > Settings > Game Settings (à ce niveau vous pouvez également mettre le jeu en français) > Mod Settings >Raph’s GH Mod – ON et enfin Apply Settings
D’autres mods sont bien entendu disponibles sur le net, j’ai envie de dire, google est votre ami.

Comment jouer au clavier sur Frets on fire ?

Pour jouer au clavier, voici les touches à utiliser :

F1 correspond à l’accord vert, F2 au rouge, F3 au jaune, F4 au bleu et enfin F5 au mauve, La touche entrer sert à gratter. Petite remarque pour ceux qui jouent en expert, F5 est assez loin sur la majorité des clavier des 4 autres touches. il existe cependant des clavier sur lequel cette touche n’est pas séparée.
Vous pouvez aussi modifier les touches, mais vous ne pourrez plus prendre votre clavier à la façon d’une guitare

Pour télécharger des musiques pour le jeu:

Guitar heroes encore rock the 80′s star

Guitar heroes III

Guitar heroes aerosmith

L’installation des musiques Frets on Fire est aussi simple que leur téléchargement. il vous suffit de dézippers et de placer les fichiers dans  Data\ Songs du répertoire d’installation.
Amusez vous bien !

Cet article vous a été proposé par informatclic le blog hightech

Comme promis, voici le deuxième article de la série des risques liés à internet

Aujourd’hui, on va parler du spamming (pollupostage ou pourriels) et des solutions pour luter contre.
Le principe est simple, un spam est un message envoyé par mail que vous n’avez pas sollicité, en majorité, il est de type commercial et est souvent très insistant… Vous les recevez toujours avec les mêmes titres racoleurs /accrocheurs (Voir les phrases accroche qui attirent les visiteurs).

Plusieurs sortes de spam…

Le premier est la juste pour vous faire perdre du temps, ou parfois même bloquer votre boite. il est aussi gros consommateur de bande passante car envoyé sur des milliers de mails. Cependant, le plus courant sera le mail publicitaire ! Et la, c’est la fête du slip ! Des pubs à gogo pour les petites boules bleu, pour créer votre site internet super facilement que même votre grand-mère y arriverait, pour un super casino qui a crédité votre compte de 1000€ etc etc… En bref, de la pollution qui encombre les réseaux et coute des milliards en bande passant à nos opérateurs.

Au final, j’avoue avoir du mal à comprendre l’intérêt de ces mails, mais il y a forcément un retour et des internautes qui les ouvre, sinon, pourquoi ces sociétés perdraient du temps à les envoyer ?

Comment lutter contre le spam

Pour moi, la meilleur solution serait à la source, un filtrage des emails par les FAI avec en réponse un message d’erreur comme quoi le destinataire n’existe pas.
Mais la réalité est toute autre. Voici donc quelques habitudes à avoir pour éviter au maximum la pollution.

• Ne communiquez jamais publiquement votre adresse ou à n’importe qui
• Utilisez plusieurs adresses (1 pour le boulot, 1 pour le perso et 1 ou plus pour les inscriptions sur les sites inutiles)
• N’acceptez jamais la divulgation de votre adresse pour des raisons commerciales
• Désactivez le volet de prévisualisation des emails. En effet, le fait d’afficher les images envoi une requête vers le serveur du spammeur et valide donc votre adresse)
• N’utilisez pas le lien “unsuscribe” dans tous les cas, soit il sont bidons et donc confirme l’existence de votre email, soit il sont la juste pour faire beau.

Couplés à un bon logiciel mail, les anti-spam sont souvent très efficaces parfois même trop, au détriment de certains contact légis.
Personnellement, j’utilise Mozilla thunderbird qui propose d’utiliser les filtre antispam “spamassasin” ou “spampal”. Mailwasher est pas mal non plus.

Il existe aussi des sites vous permettant de créer une adresse email utilisable pour un temps restreint, on appelle ça des emails jetables.
Par contre, ils sont souvent blacklistés sur les sites récoltant les mail afin de spammer
Cependant, j’utilise 10minutemail qui passe plutôt bien les mailles du filet, vous pouvez le tester, c’est simple et efficace !

Comment font les spammeurs

Dans un premier temps, ils récoltent les email, soit à l’aide de robot qui scrutent le web, soit via des backdoors ou espiogiciels contenu dans des logiciels de faible qualité voir parfois même à partir de liste de nom de domaine en générant des emails du genre, contact, support, info etc

La deuxième phase est l’envoi. Plusieurs techniques existent :

• Utilisation de serveurs poubelles, ils renouvellent leur ip très régulièrement pour éviter les blacklistes au maximum
• Utilisation de virus ou backdoors pour envoyer un maximum d’email en un minimum de temps via le pc des utilisateurs ou des serveurs mal sécurisés

Autant dire que les antispam fonctionnant sur les ip sont ridiculement inefficace si ils ne sont pas couplé à un bon filtre par mots-clefs.

Et la loi dans tout ça ?

Une étude publiée par la Commission Européenne estime à 10 Milliards d’euros le coût des connexions pour lire les messages non sollicités. On peut donc se douter que les autorités sont largement sollicités par les opérateurs pour contrer ce fléaux.

En 2007, un spammer connu sous le nom de Robert Soloway à l’origine de millions d’envois de spam entre 2003 et 2007 a été inculpé aux USA et condamné à  presque 4 ans de prisons et 700 000$ d’amende. Avant de plaider coupable pour les 35 chefs d’accusation, il risquait jusqu’à 60 ans de prisons ! Il s’en sort bien n’est-ce pas ?

On peut néanmoins se dire que ce Mr Soloway a joué avec le feu et c’est méchamment brulé au point de passer de millionnaire à ruiné. Malheureusement, d’après la société IronPort spécialisé dans l’antispam, l’arrestation et la condamnation de Robert Soloway n’a eu aucune incidence sur la quantité de spam envoyé sur la planète. Les spammeurs ayant juste à exporter leur activité dans des pays moins répressifs comme la Russie par exemple.

Au final, la meilleur arme contre le spam reste notre vigilance, car les outils anti-spam proposés sont constamment contournés et n’interdisent pas ce qui pollue le plus nos réseaux, l’envoi des pourriels. Et vous, quels sont vos méthodes pour luter contre le spam ?

Cet article vous a été proposé par informatclic le blog informatique

Ca ne vous arrive jamais de recevoir des mails de plusieurs mégas d’un correspondant ne sachant pas comment redimensionner ses images, ou tout simplement ayant la paresse de le faire ?

Je suis donc parti en quête d’un logiciel simple d’utilisation, rapide et efficace. Je me suis finalement retrouvé sur le site d’adobe avec une application basée sur le moteur Adobe Air (qu’est ce que adobe air en fin d’article) . J’ai nommé ImageSizer, ce petit logiciel freeware permet de redimensionner vos images efficacement, et pour couronner le tout, il les zip (si vous le souhaitez).
Et en plus, ce petit gratuit est compatible, windows, mac et linux

Les fonctions simples d’ImageSizer

Le logiciel est en Anglais, mais vraiment, il faut le faire exprès pour ne pas savoir s’en servir !
Ouvrez le logiciel, vous faites glisser votre image dans la fenêtre, puis remplissez le nom que vous désirez lui attribuer. Sur la partie droite, vous mettez les dimensions que vous désirez, sélectionnez la qualité de vos photos et passez à l’étape 3 > Compressez vos images

Vous avez plusieurs images à redimensionner ? Ce n’est pas un problème, ImageSizer permet le redimensionnement des dossiers complets, il vous suffira d’ouvrir votre explorateur de fichiers, et de glisser votre dossier complet dans la fenêtre de votre logiciel de la même manière qu’une image.

Vient ensuite la phase de compression, une barre de chargement apparait et congratulation, vous avez compressez vos images en quelques secondes et sans difficultés.
L’ultime étape sera pour vous de choisir si vous voulez zipper vos fichiers, les enregistrer dans un dossier ou même choisir image par image la destination.

Entrez le nom du dossier que vous désirez dans le champ Pictures from ImageSizer, puis choisissez une des options suivantes :

• L’image Compressed (.zip) pour zipper tout vos fichiers et ainsi gagner encore un peu de poids pour envoyer vos courriels
• L’image Folder of images pour enregistrer tout dans un dossier
• Pour ceux qui ont un compte Flickr, vous pourrez même configurer les options nécessaires

Vous désirez choisir un emplacement pour chacun de vos fichiers ? Pas de problème, en haut à droite de votre fenêtre, choisissez l’option “Individual File export options” puis définissez l’emplacement pour chacun de vos fichiers.

Quelques options en plus pour ImageSizer ?

Vous pouvez aussi faire des rotations, et même les recadrer, pour cela, il suffira de cliquer sur les icônes en dessous de votre image. Je vous laisse bien entendu découvrir cela par vous même c’est tout aussi simple d’utilisation que le reste

Et top du top, vous pouvez même faire une impression écran, ImageSizer détectera l’image et vous proposera de l’éditer !
Vous remarquerez que certaines options sont grisées, c’est en cours de développement, on retrouvera dans les paramètres avancés la possibilité d’ajouter une signature, de faire une rotation globale sur vos fichiers ou même de renommer à la volé vos images.

Qu’est ce que Adobe Air ?

Adobe Air est un environnement gratuit permettant aux développeurs de mettre à disposition des applications avancées conçues avec les mêmes technologies que les applications web. Ebay et Yahoo par exemple, ont développé des applications basés sur Adobe Air . Vous pourrez donc retrouver un tas d’applications différentes et intéressantes sur le Marketplace d’adobe Air comme Tweetdeck par exemple pour les utilisateurs de twitter.

Ou peut ont télécharger ces applications ?

C’est simple, pour Adobe Air, c’est ici et pour ImageSizer par la

Alors, il vous plait ce petit logiciel gratuit pour éditer les images rapidement et efficacement ?
Et sinon, vous en avez d’autres des petits logs simples et efficaces comme celui ci ?

Cet article vous a été proposé par informatclic le blog hightech

On en parle de plus en plus, en bien, en mal, certains ne le comprennent pas, d’autres l’utilisent tout simplement n’importe comment. Je pense notamment a un forum de webmasters qui n’est même pas capable d’utiliser la bonne balise (rel=”no-follow” lol)… Enfin, je m’égare. Cela prouve néanmoins que de nombreux webmasters l’utilisent sans même connaitre les enjeux exactes, d’autres ne sont même pas au courant qu’elle existe car implémentée d’office dans les cms, notamment, WordPress.

Qu’est ce que ca veut dire “nofollow”, “dofollow” ?

Ce sont des thermes employé par les référenceurs et webmasters afin de décrire certains types de liens. Si la balise rel="nofollow" est trouvé dans le code source à l’intérieur de vos balises de liens (<a href…), les robots des moteurs ne les “suivront” tout simplement pas et donc aucun impacte SEO (Search Engine Optimisation). Elle est généralement utilisée pour contrer le spam sur les blogs, forum etc, mais provoque aussi l’effet pervers de mettre tout le monde dans le même panier, il est cependant vivement conseillé par les moteurs de l’utiliser sur les publicités.

A contrario, le dofollow décrit tout simplement le fait de ne pas utiliser ce genre de balises et ainsi récompense les lecteurs qui participent à l’enrichissement de votre contenu. Ce n’est donc pas une balise, mais juste un terme pour dire que le lien est suivi et donc, de bonne qualité.
Pour indiquer qu’un blog est en dofollow, en général, vous retrouvez une image de ce type :

Le dofollow pour les référenceurs

il est important (entre autre) d’obtenir un maximum de liens pour obtenir de bons résultats sur les moteurs de recherche (Dans le milieu professionnel on dit:  SERP = Search Engine Result Page ) . Les référenceurs cherchent donc à déposer un maximum de liens dofollow sur les sites afin d’améliorer leurs résultats.
Certains le font proprement à l’aide d’un commentaire enrichissant l’article ou le topic, d’autres vous remercient gentiment mais inutilement avec 1 ou 2 phrases… Les pires sont les spammeurs qui utilisent des outils automatiques permettant de poster un maximum de liens sur un maximum de sites avec un minimum de temps d’investissement, autant dire que c’est une vraie plaie pour les systèmes non protégés et que ca n’apportera certainement pas quoi que ce soit à vos articles.

Le nofollow pour les admins de blogs/forums

Le point de vue de celui qui reçois tous ces commentaires sur son blog ou son forum est bien différent. Ce n’est pas évident de contrer les spammeurs car parfois, il faut l’avouer, ils n’y vont pas de main morte et on se retrouve vite dépassé par les évènements. Nos “amis” les moteurs ont donc trouvé une solution à leurs faiblesses pour les admins de sites en leur proposant d’indiquer aux robots de ne pas suivre les liens contenant la balise rel="nofollow" ! Effectivement, ça a calmé certains spammeurs et permis aux admin de sites de souffler un peu, mais à quel prix ? Une paranoïa c’est installé, “si je met pas de nofollow, je vais être envahi de spam” ! Voir même ces temps ci, “je vais me faire gronder par google”.

Malheureusement, c’était sans compter le revirement de situation de google dans sa façon d’interpréter cette balise. En effet, nous avons appris récemment de ce bon vieux Matt Cuts que le PR (Page rank, la sauce référencement des sites web) était tout simplement perdu, cette balise réagit en quelque sorte comme une éponge et est donc d’une inutilité totale pour le regretté PR sculting.
Axe-net décrit très bien la chose d’ailleurs sur son billet SEO et nofollow sont dans un bateau

En tout cas, la Guerre entre admin et spammeurs est toujours d’actualité !

Et les internautes dans tout ça ?

Et bien, on les oublie, on ne les récompense plus pour leur participation sur les forum ou sur les blogs avec un petit lien qui a de la valeur. En gros, on crache sur leur participation et l’enrichissement de notre contenu. Au final, les grands perdant de cette guerre ouverte sont nos lecteurs et contributeurs.  Ces gens qui déposent des commentaires, font naitre des débats, aident les autres gratuitement, oui, tout ceux qui contribuent à l’originalité de nos sites web ne sont même pas remerciés d’un petit lien externe. Tout ça à cause d’un moteur incapable de pallier aux défauts qu’il a lui même alimenté ! Soyons honnêtes, on sait tous de qui je parle !

Le grand gagnant est ?

Google… Grâce à cette guerre ouverte, en lui permettant de pallier à ses faiblesses, nous lui offrons un joli cadeau en indiquant les liens qui n’ont aucun intérêt pour lui. A coté de cela, en bloquant les spammeurs, vous bloquez aussi vos utilisateurs qui peinent à obtenir des liens intéressant si ils ne sont pas dans le domaine du webmastering (référenceur, web agency, freelance etc). Tous les réseaux sociaux (twitter, facebook etc) ont cédés à la pression, des forums passant en nofollow sans prévenir qui que ce soit, des blogs ou articles hébergés par de gros sites profitant de nos contenus… Pour ma part, je trouve cela honteux, j’ai donc cessé toutes activités sur ces sites (hormis réseaux sociaux qui sont nettement plus difficiles à modérer).

Dofollow or Nofollow, that is the question…

Pour moi, c’est clair, c’est dofollow à fond, je ne vois pas du tout l’intérêt hormis luter contre le spam à la place des moteurs.
Pour nous protéger un minimum, il existe une multitude d’outils, je nommerait par exemple ces 2 outils pour wordpress :

• Akismet fourni d’office mais à activer (un anti spam assez puissant)
• bad behavior (une sorte de protecteur qui va bloquer l’accès à certains spammeurs/bots )

En ce qui concerne le passage en dofollow, voici 2 plugins souvent utilisés:

• nofollow free (vous permet de désactiver le nofollow apres x commentaires)
• dofollow (vous permet de désactiver le nofollow+ quelques options supplémentaires)

L’inconvénient avec ces plugins, c’est qu’on se trouve souvent à parler avec des “web agency” “dentiste paris” “rachat de credit” etc… Il faut avouer que ce n’est pas super agréable et trop impersonnel. J’ai donc cherché de quoi palier à ce problème, en permettant d’utiliser son pseudo et de proposer le mots clef que l’on souhaite associer à son url. J’ai nommé : keywordluv

Comment fonctionne le plugin Keywordluv

C’est simple, vous mettez votre pseudo@votre_mot_clef et il se chargera du reste en affichant à coté de votre pseudo votre mot clef pointant vers votre site… Super pour les référenceurs, parfait pour le coté non anonyme. En gros, installer un plugin comme celui ci récompensera les internautes qui contribuent à l’enrichissement de votre contenu.
Il permet cependant de conserver le même système que celui d’origine en parallèle.

Et pour ceux qui vous brossent dans le sens du poile simplement avec 1 lignes, et bien, il vous suffira tout simplement d’éditer leur commentaire et de supprimer le lien afin de les encourager à poster un vrai commentaire

En conclusion

A l’heure ou le contenu est roi, que les internautes permettent à tous les bloggueurs, forum et réseaux sociaux de l’enrichir grâce à la communauté, je pense qu’il est important de ne pas sombrer bêtement dans l’utilisation de ses balises et lorsqu’on le peut, de modérer manuellement les commentaires qui ne seraient pas filtrés.
Ainsi, permettre à nouveau la distribution naturelle de nos liens entre nos divers site sans devoir passer par des négociations complètement hypocrites vis à vis des moteurs, en faisant croire que c’est un lien spontanément émis.

Dans cette guerre dofollow VS nofollow j’ai donc pris le parti de défendre les internautes et vous ?

PS: Pour les webmasters qui passeraient par la, j’ai volontairement supprimé les guillemets dans les balise html à cause de la transfo de wordpress
PS2 : finalement, merci Matthieu pour la remarque très judicieuse

Cet article vous a été proposé par informatclic le blog informatique et hightech

Cet article est le premier d’une série de 8 billets concernant les risques liés à internet.
Nous parlons aujourd’hui du Phishing (hameçonnage en français) qui est de plus en plus employé afin d’obtenir des infos confidentielles vous concernant.
L’objectif de cet article est de vous décrire et de vous informer de l’existence de telles pratiques.

Qu’est ce que le phishing ?

Le principe du phishing ou hameçonnage est de vous attirer sur un site qui usurpe l’identité d’un site commercial réel (banque, opérateur téléphonique, commerce en ligne…) de manière à ce que vous délivriez des informations personnelles voir, confidentielles, telles que votre n° carte bancaire, mot de passe… etc.

L’objectif est, ensuite, d’utiliser frauduleusement les informations que vous aurez fournit ou de les monnayer auprès d’organisations illégales.

Quelles est la méthode utilisée pour le hameçonnage ?

La méthode pour vous “hameçonner” est simple, vous recevez un email vous faisant croire qu’il viens d’un site connu de nombreux internautes.
Et oui, les pirates ne sont pas bêtes, plus le site est connu, plus leurs hameçons ont de chances de ferrer un maximum de personnes.

Prenons paypal par exemple. vous recevrez un email provenant de “support@paypal.com”.
Ce message contiendra en général un lien hypertexte renvoyant vers un site reprenant exactement son aspect graphique afin de pouvoir récupérer votre identifiant et mot de passe.

Comment se protéger du phishing ?

• N’utilisez jamais directement l’accès par le lien hypertexte proposé
• Connectez vous au site en tapant vous-même l’adresse
• Vérifiez qu’il s’agit d’un site sécurisé avec une adresse en https (présence du cadenas voir même d’une couleur bleu ou verte sur le navigateur firefox)
• Évitez de transmettre des informations confidentielles. (Aucune société légale ne vous demandera vos mots de passe ou n° de carte bleu par email)

Quels sont les pays les plus touchés par le phising ?

D’après la map proposée sur le site de l’association AFWG (Anti Phishing Working Group), cette semaine, il semble que les états-unis (61.48%) et la chine (13.67%) soient les plus touchés par ce type d’attaque. Néanmoins la France reste une zone touchée totalisant 1.12% des attaques mondiales avec phishing.

Avez vous déjà reçu ce genre d’emails ? Si oui, quelle a été votre réaction ?

Cet article vous a été proposé par informatclic le blog hightech