Mon site joomla qui ne passe pas la validation « Mobile Friendly » ?

Ecrit par Boris Billy le 26 mars 2015 dans Codage CSS HTML

À l’heure actuelle, un site internet qui n’est pas « Responsive Design » ou « Mobile Friendly » a des risques de se voir déclassé dans les résultats de recherche Google… et oui c’est comme ça… Google a annoncé, il y a déjà quelque temps, donner un label « Mobile friendly » aux sites internet répondant à un certains nombres de critères. À partir du 21 avril, ceux ne répondant pas à ces critères risquent donc d’être pénalisés…

Pour pallier à cela, vous avez donc conçu votre site internet Joomla « Mobile friendly » en utilisant les « Media Queries » ? La prévisualisation se passe très bien dans les outils tels que « Responsinator » ou l’outil Firefox « Web Developer tool bar », bref aucun souci à l’horizon.

Vous avez mis votre site en ligne, il fonctionne parfaitement sur mobile, tablette, etc., cool !

Là, vous vous dites : je vais le tester avec l’outil fourni par Google : Test d’optimisation Mobile Friendly

Et là patatra…

Erreur de validation mobile friendly avec joomla

Pas de panique 🙂

Le problème est que pour pouvoir valider votre thème comme étant « Mobile Friendly », Google doit pouvoir accéder à vos ressources CSS pour vérifier si vous utilisez bien les « Media Queries ».

Vérifiez le fichier robots.txt de votre thème Joomla!. Il se peut qu’il y ait des éléments bloquant l’accès vers ces fichiers.

Si vous voyez ces deux lignes, supprimez-les :

[pastacode lang= »markup » message= » » highlight= » » provider= »manual »]

Disallow: /modules/
Disallow: /templates/

[/pastacode]

Vider le cache de Joomla! puis essayez de valider de nouveau votre site.

Normalement, si le travail est bien fait en amont, vous obtiendrez :

Validation Joomla! mobile friendly

Cette technique est valable pour d’autre type de CMS (je pense notamment à WordPress). Si ce problème arrive pensez à vérifier en priorité votre fichier robots.txt. Cela vous évitera de vous arracher les cheveux et vous fera gagner un temps considérable !

Boris Billy
Boris Billy

Pour aller plus loin

API migre sur WORDPRESS 4

Un premier site web développé en 2010 API, spécialiste Portail, Motorisation, Porte de garage à Nantes et dans la région nantaise nous a confié la réalisation de son site web en 2010. Refonte...

Prestashop stores.tpl with map and also informations

Dear readers, Today I will show you how to create a page highlighting one of your shops. This page will include a location map and some practical informations as opening times, the...