Apple Touch Icon : erreur 404 corrigée !
16 février 2013
Cela faisait quelque temps que je n’avais pas regardé les erreurs 404 de mes sites. Elles nous permettent de déceler les nouveaux usages numériques. C’est ainsi qu’en 2012, Awstats m’indique 468 et 342 hits en échec sur ce site vers les urls :
Un favicon pour Safari sur iPhone à partir de iOS 1.1.3
A partir de iOS 1.1.3, vous pouvez indiquer au navigateur Safari un favicon spécifique que vous devez déclarer dans l’en-tête Html de vos pages à l’aide de la balise link de la manière suivante :
<link href= »/appel-touch-icon.png » rel= »apple-touch-icon » />
A partir de iOS 2.0, le code a quelque peu évolué et il s’ajoute au précédent :
<link href= »/appel-touch-icon.png » rel= »apple-touch-icon-precomposed » />
Il s’agit d’un fichier de 57 x 57 pixels au format PNG, si vous n’en précisez pas la taille. Vous pouvez indiquer la taille de ce fichier en ajoutant la propriété sizes à la balise link :
<link href= »/appel-touch-icon.png » rel= »apple-touch-icon » sizes= »114×114″ />
<link href= »/appel-touch-icon.png » rel= »apple-touch-icon-precomposed » sizes= »114×114″ />
Le .htaccess à la rescousse
Dans le fichier .htaccess de votre site, je vous recommande chaudement d’ajouter ces quelques lignes, dont l’objet est de rediriger :
RewriteEngine On
RewriteBase /
RewriteRule ^apple-touch-icon-[0-9]+x[0-9]+.*\.png$ /apple-touch-icon.png [QSA,R=301,L]
Documentation : Apple