Comment faire son référencement suite à la mise à jour de l’algorithme de Google ?

Suite à la mise à jour de l’algorithme de Google mi-avril, des webmasters ont vu le positionnement de leurs sites se prendre de véritables claques de cowboy, qui les envoyait dans les abysses des moteurs de recherche. D’autres webmasters, n’ont pas été impacté. Enfin, certains ont pu constater avec plaisir une augmentation de leur position.

Sur les forums du référencement, il n’y en avait que pour cette mise à jour et les dégâts qu’elle a occasionné. La grande question était de savoir quelles méthodes utilisées pour le référencement étaient pénalisées ?

De façon évidente, l’utilisation de soumission massive induisant du spam a été lourdement sanctionné.

Un article très intéressant publié sur le blog Refeo.fr permet d’avori un aperç de ce qui s’est réellement passé : http://refeo.fr/secrets-referencement/mise-a-jour-pingouin-google. De plus, l’auteur de l’article, nous offre un comparatif entre les bonnes pratiques de netlinking avant la mise à jour et les bonnes pratiques de netlinking après la mise à jour. il est vivement recommandé de créer des liens sur des pages  de la même thématique, de se réserver quelques liens non optimisé du type cliquer ici, et une bonne pincée de liens nofollow. Bien entendu, lorsque les référenceurs auront réussi à trouver les bons dosages pour réussir le référencement, il est fortement imaginable que Google travaillera sur un nouvel algorithme.

Si vous voulez en savoir plus sur cette mise à jour qui a fait et continue de faire dégouliner la sueur froide sur le front de nombreux webmasters, je vous suggère de consulter cet article qui parle plus précisément de la mise à jour de l’algorithme Google : http://insidesearch.blogspot.fr/2012/04/another-step-to-reward-high-quality.html.

Posté dans Référencement | 2 Commentaires

PicMonkey : la retouche d’images en ligne

L’autre fois en voulant poster une image sur Hebus, j’ai remarqué un un lien vers un éditeur d’images en ligne gratuit. Par curiosité, j’ai cliqué sur le lien et je suis arrivé sur le site PicMonkey.

PicMonkey fonctionne de façon intuitive : un simple glisser-déposer ou le téléchargement de l’image permet de charger l’image à retoucher dans l’interface.

La retouche d’image proposée par PicMonkey permet d’utiliser toutes les fonctions de base utilisées en retouche photo : recadrage, saturation, modification de l’exposition, rotation, … Vous pourrez également utilisez de nombreux filtre pour améliorer votre image : effet noir&blanc, effet sépia, …

Posté dans Actualités, Design | 1 Commentaire

CSS3 Shapes : Des formes géométriques de bases en CSS 3

CSS3 Shapes est un projet qui vous propose les codes CSS pour réaliser des formes géométriques tels que des triangles, des rectangles, des trapèzes, des ovales,des étoiles, des coeurs, …, entièrement en CSS3. Vous pouvez également soumettre d’autres formes ou proposer d’autres façons de faire via le formulaire.

Ces figures full-CSS sont compatibles avec les derniers navigateurs et ceux qui prennent en charge les CSS3.

A titre d’exemple, voici le code CSS3 pour réaliser un parallélogramme :

#parallelogram {
   width: 130px;
   height: 75px;
   background: pink;
   /* Skew */
   -webkit-transform: skew(20deg);
   -moz-transform: skew(20deg);
   -o-transform: skew(20deg);
   transform: skew(20deg);
}
Posté dans HTML 5 et CSS 3 | Commenter

Activer le cache en utilisant le fichier .htaccess

Après avoir activer la compression Gzip sur votre site internet favori, vous pouvez encore améliorer le chargement de votre site internet. Pour se faire, il vous suffit de mettre en cache clients certains des fichiers composants votre site web. Il vous suffit d’ajouter les quelques lignes suivantes dans votre fichier .htaccess situé à la racine de votre site :

<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
Posté dans Scripts gratuits / Frameworks | Commenter

Un plugin jQuery pour afficher vos réseaux sociaux

Koottam Social jQuery Plugin est un plugin jQuery simple et élégant qui vous permet d’afficher vos réseaux sociaux. Le plugin est personnaisable par le biais de différentes options (10 options au total). 7 thèmes sont fournis avec le plugin et il est possible de personnaliser un thème grâce aux CSS

Une petite démonstration ? Jetez un coup d’oeil ici !

Posté dans Scripts gratuits / Frameworks | 1 Commentaire

Une action Photoshop pour éviter l’effet de bandes dans les dégradés !

Lors de la création de gradient avec Photoshop, parfois les utilisateurs de ce logiciel sont confrontés à l’apparition de bandes. No more banding est une action pour Photoshop qui vous permettra de supprimer cet effet de bandes désagréables.

Vous trouverez des explications concernant cette action Photoshop à l’adresse suivante : http://trojankitten.posterous.com/suddenly-a-photoshop-tutorial-avoiding-gradie

Posté dans Design | Commenter

Lutter contre le hotlinking et détecter la duplication de contenu

Le hotlinking, c’est quoi ?

Le hotlinking est un nom barbare pour certains, qui désigne tout simplement le fait d’afficher sur son site une image provenant d’un autre serveur. A chaque fois qu’une page contenant une image « hotlinkée » est affichée, elle consomme la bande passante du serveur où elle est hébergée.

Deux méthodes permettant de recevoir des alertes en cas de hotlinking

Aymeric sur le blog y’a pas de quoi nous propose un article sous forme de tutoriel qui permet de tracker les images issues de son site et utiliser sur un autre site.

En consultant l’article à l’adresse suivante : http://www.yapasdequoi.com/scripts/1964-contenu-copie-image-trackee.html, vous découvrirez deux méthodes qui vous permettront de détecter le contenu dupliqué et/ou de jouer un petit tour de passe-passe aux adeptes du copier-coller.

La première méthode proposée consiste à afficher normalement l’image hotlinké et la deuxième consiste à remplacer l’image. Pour plus d’information, je vous renvoie à l’article d’Aymeric du blog y’a pas de quoi !

Utiliser le fichier .htaccess pour combattre le hotlinking

Sachez également qu’il est possible de bloquer le vol d’images par hotlink en bloquant le hotlinking grâce au fichier .htaccess.

Voici un exemple de code qui affichera l’image surprise.jpg en lieu et place de l’image hotlinker : (profitez-en pour vous faire de la pub par exemple)

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+.)?mondomaine.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*.(jpe?g|gif|bmp|png)$ /images/surprise.jpg [L]

Un générateur .htaccess pour combattre le hotlinking !

Un générateur concernant le hotlinking pour les fichiers .htaccess est disponible à l’adresse suivante : http://www.htaccesstools.com/hotlink-protection/

Posté dans Référencement | Commenter

Phishing : Hotmail : Alerte clôture de votre adresse email.‏

Nos amis les escrocs sont toujours sur le pied de guerre. La preuve avec cet e-mail se faisant passer pour  Hotmail.

Hotmail Mail – Service Utilisateur.

Formulaire de vérification Hotmail Mail 2012.

Identité Utilisateur:                                     Information de Connexion (Obligatoire) :
Nom & Prénom (*):                                    E.mail(*):
Sexe (*):                                                   Mot de Passe(*):
Date de Naissance (*):                                Année de Création du Compte :
Pays & Ville de Résidence (*):                     Adresse de messagerie secondaire (*):
Tel (*):
Ce formulaire a pour but de recenser tout les utilisateurs actifs de nos services gratuits permettant ainsi de sécuriser toutes les adresse email contre les attaques au spam, hameçonnage… veuillez cliqué sur répondre afin de mettre a jour toutes les informations demandées et obligatoires nos principes de confidentialité restent inchangés, jamais nous ne vendrons ni ne partagerons vos données personnelles sans votre autorisation (sauf dans de rares cas, comme les demandes d’ordre juridique)… passé le délai de 72 heures  votre adresse serait irrévocablement et sans appel supprimée veuillez nous excuser pour tout désagrément occasionné.
L’équipe Hotmail  Mail.
2012.

Comment reconnaître un mail frauduleux ?

Je vous conseille de consulter cette page qui vous donnera de nombreux conseils pour reconnaître des mails frauduleux.

Posté dans Arnaques | 1 Commentaire

Compresser vos fichiers web en utilisant .htaccess pour accélérer votre site internet

Afin d’accélérer le chargement de votre site internet, il est possible de compresser vos fichiers. Vous pouvez réaliser cette compression facilement, en incluant les lignes de codes ci-dessous dans le fichier .htaccess situé à la racine de votre site internet :

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml

Vous pouvez trouver une méthode alternative, qui consiste à activer la compression Gzip, toujours en ajoutant quelques lignes à votre fichier .htaccess :

<IfModule mod_gzip.c>
    mod_gzip_on       Yes
    mod_gzip_dechunk  Yes
    mod_gzip_item_include file      .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler   ^cgi-script$
    mod_gzip_item_include mime      ^text/.*
    mod_gzip_item_include mime      ^application/x-javascript.*
    mod_gzip_item_exclude mime      ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
Posté dans Scripts gratuits / Frameworks | Commenter

Créer gratuitement des diaporamas pour votre blog avec Comboost

Voici un petit tutoriel qui vous permettra de mettre un diaporama sur votre blog sans aucune connaissance en programmation.

Comboost, c’est quoi au juste ?

Comboost est un site web qui vous offre la possibilité de :

  • créer un diaporama pour votre blog
  • partager vos albums photos
  • d’accéder à un labo photo proposant à la vente des livres photo, tirages, calendriers, photos sur toile, cadeaux photo …

Quelques étapes avant de passer à la création de votre diaporama

Avant toute chose, vous devez vous créer un compte gratuitement.

Une fois votre compte créé et validé, vous devez vous connectez à votre compte et créez votre ou vos album(s).  La procédure de création d’un album photo étant très intuitive, je ne la détaillerais pas ici. Il vous faudra autoriser le plugin java afin de pouvoir uploader vos photos.

Une fois toutes ces étapes réalisées, vous pourrez passer à la réalisation de votre diaporama pour votre blog.

La création du diaporama de votre blog

Passons enfin aux choses sérieuses !

Tout d’abord, cliquez sur le lien Diaporama pour blogs dans le menu sur la gauche de votre zone d’administration.

Ensuite cliquez sur le lien Créer un diaporama

Une nouvelle fenêtre s’ouvre. Dans cette fenêtre, choisissez le type de diaporama qui vous convient.

Cliquez alors sur le lien créer un diaporama …

Dans la nouvelle fenêtre qui s’ouvre à vous, vous pourrez selon le type de diaporama personnaliser votre diaporama, afin qu’il s’intègre parfaitement à votre blog.

Une fois ce paramétrage réalisée, vous n’aurez plus qu’à copier  une portion de code dans votre blog, à l’endroit où vous souhaitez qu’il apparaisse. Ces quelques lignes de codes sont dans la rubrique code du diaporama  à copier / coller dans votre blog. Le code est dans un cadre sous fond blanc. Pour vous aider à trouver le code, voici une illustration :

Posté dans Actualités | Commenter