Optimize images jpg and png in bulk for the SEO

by Jessy Seo noob


This article is an adaptation from my french seo blog on love-moi.fr


Google have announced his mobile first index, and the speed of a website will matter.
I was working on a demo Magento website with a lot of images but when I try to look at the pagespeed test on gtmetrix (because there's google pagespeed test and yslow test in the same panel), there was always a red flag on « image optimisation ».

The easy way if you're a sysadmin and have your own server, is to use mod_pagespeed. it works for apache and nginx. You just have to activate it, and let him do the job. You will have Grade A and nearly 100% on your pagespeed test.



If you are on a shared server, that's not the same, you can't install server scripts.
I was worry about pagespeed, it's like if he tell you : hey this is the optimize image I've done, you're a looser.

On my firebug developer tools, there's pagespeed and yslow, and for images, there was a link to smush-it, where you can download the optimized images.

That's what I've done : Download image, replace the old with the new ones, and it was ok, I've gt my 98% on pagespeed. But downloading files one by one, is not a good solution.

Installer PHP 7 avec PHP-FPM et FastCGI pour ISPConfig 3 sur Debian 8 (Jessie)

Installation à partir de la distrib ovh ispconfig-debian 8  jessie

Faire fonctionner PHP7 sur son serveur - Ispconfig 3 php7 php-fpm debian 8 jessie

Comme j'en avais marre d'aller chercher les infos à droite à gauche pour l'install de php7 et faire fonctionner php-fpm, je les ai rassemblé ici pour mon confort personnel, et parce que je pourrais plus facilement le retrouver dans google.

Si ça peut vous rendre service tant mieux, mais je n'assure aucun support et je ne suis pas responsable de ce que vous allez faire sur votre serveur. Je pars du principe que vous venez de commander un serveur dédié chez ovh que votre serveur est donc vierge.

Si vous voulez le blabla explicatif, voici la source sans qui je n'y serais arrivé (thanks guy) :
https://www.howtoforge.com/tutorial/how-to-install-php-7-on-debian/

Songe d'un référencement d'été, webperf, noobitude et stratégie de l'échec

La semaine dernière je lisais un article qui disait que la vitesse n'influençais pas le positionnement. Pendant une seconde, je me suis demandé ce qu'ils racontaient.

Cette affirmation était en plus basé sur une observation objective. Ça veut dire qu'une page lente si elle devient plus rapide ne rankera pas mieux.

Oui, mais par contre plus de pages seront crawlé donc plus de page indexé, donc plus de possibilité de ranker sur d'autres expressions.

Dans une certaine mesure on peut dire que ça n'influence pas le ranking sur une expression, mais ça améliore le nombre de page indexé.

La stratégie de l'échec.

Il y a quelques temps j'ai repris un site ecommerce Magento 1.3 (n'hésitez pas à me demander un devis, gros bouton rouge sur la droite) qu'il a fallu passer à la dernière version 1.7.

J'ai mal protégé contre l'indexation, d'habitude je met un mot de passe mais comme je travaillais sur l'optimisation du chargement, je l'avais désactivé, pas mis de canonical dans le header.

Résultat pour un produit donné Google affichait 2 produits de la dev avant celui de la prod. Aucun backlinks zéro ! 1 seul test gtmetrix c'est ce qui m'a valu l'indexation de tout le site. 

Vérification avec site:espacedev.domaine.com, l'intégralité du catalogue (5000 produits) a été indexé.

Ok, lorsque ça vous arrive, on respire et c'est l'heure de prendre un ver avant de partir en dépression

Optimiser les images jpg et png pour le référencement et automatisez le

Compresser Images Jpeg, png pour la webperf

Optimiser les images jpg et png pour le référencement

Google prend de plus en plus en compte la rapidité de chargement des sites, et le gros talon d'Achille de votre site, c'est les images. Voici les différents formats utiles et comment les optimiser, et à la fin de l'article un script sh pour automatiser l'optimisation.

L'optimisation des images pour le référencement.

Après avoir refondu un site magento tout pleins d'images, de javascript de css, en faisant un petit test avec gtmetrix, je me suis aperçu que le site ramait bien au chargement 5 à 10secondes.

Comme sur la plupart des sites et en particulier des sites e-commerces, le plus important est de faire rêver le consommateur, il faut mettre des jolies photos, des sliders qui vont charger d'autres images miniatures. Bref, le produit est le roi.

Mais problème, les photos sont souvent lourdes, pas optimisées, et on hésite souvent entre utiliser un jpg ou un png.

Ok, les 2 sont optimisable.

L'optimisation des jpg. 

Le principe des images jpg, c'est que c'est un format compressible et dont la dégradation peut être maîtrisée, l'image sera un peu plus floue, mais visible. L'autre astuce en plus de la compression, c'est que c'est un format qui peut être chargé progressivement. Les jpg sont adaptés lorsqu'il y a beaucoup de couleurs sur l'image (+ de 256).

L'optimisation des png

Le format png est en général plus lourd que le jpg, mais il a hérité d'une caractéristique de son ancêtre le gif, c'est qu'il permet les fonds transparents. Il hérite également de la caractéristique du jpg de supporter beaucoup de couleurs. Cela permet de faire des dégradés qui s'insèrent bien quelque soit la couleur de fond.