[News] Vérifiez la 'Compatibilité Mobile' de votre site Joomla

[garstud]

Suite à mon article sur la décision de Google de mettre en place au 21 avril 2015 des pénalités pour les sites non-compatibles avec les mobiles, je vous propose d'utiliser ce fil Forum pour échanger sur vos tests autour de l'optimisation du robots.txt ...
> Article : http://www.joomla.fr/actualites/news...re-site-joomla

Vous avez une question, un problème sur la mise en place de cette optimisation ...
Vous avez trouvé une astuce ou une correction ...
... c'est à vous !

[RobertG]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Merci Marc pour ton article !
Yapuka !!!

[daneel]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Bonjour Marc,

Tu as très bien résumé ce qui nous attend !
L'annonce de google date de 5 jours et je suis étonné que l'on en parle pas beaucoup plus sur le forum.
Merci d'ouvrir la discussion.

Google lancera donc son nouvel algorythme relatif à compatibilité des sites web pour les smartphones dès le 21 Avril 2015. Si votre template n'est pas adapté aux appareils mobiles et à leur performance, cela aura un impact à la fois sur votre référencement mais aussi visuellement (pour l'instant, c'est en test) avec une étiquette rouge avec mention "lent" (slow) sur Google :

Exemple de recherche sur Android.
Source : https://www.seroundtable.com/google-...bel-19914.html

Cela concernera les pages qui ne sont pas accessibles sur mobile. Donc avoir un template responsive ne sera pas suffisant, il faudra également faire attention à toute lecture de contenu sur mobile comme l'affichage d'un tableau, d'une vidéo ou d'une image qui ne serait pas adaptée. Il faut préciser par rapport à ton article que l'analyse qui sera faite par Google est déterminée pour chaque page et non sur la globalité du site.

D'autres éléments sont à prendre en compte comme le fait qu'une image soit plus grande que la taille définie à l'écran, on retrouve bien souvent les fichiers images des articles de l'extension K2 (dans le repertoire media/k2) correspondant à des vignettes souvent mal paramétrées soit dans la Vue Catégorie ou dans un module.

A titre perso et coté template, j'utilise le framework Helix de Joomshaper et les fichiers css et js sont compressés dans un sous-répertoire du cache. J'autorise simplement l'indexation vers cette partie du cache (via robots.txt) et cela fonctionne très bien. La plupart des frameworks de template travaillent de cette façon.

Pour la plupart des extensions, les images et css sont souvent copiés dans le dossier media (ex : k2) aujourd'hui ce dossier est supprimé de robots.txt, donc autorisé par défaut pour le crawl de Google.

Le conseil que je donnerai, c'est aussi de penser mobile-friendly mais aussi Performance, SEO et sécurité. Les modifications effectuées pour un site lisible sur smartphone peuvent avoir une influence sur ces autres domaines.

Exemple concret :
Google fait aussi une analyse mobile et ordinateur sur page insights.

https://developers.google.com/speed/pagespeed/insights/

Testé sur site mobile : http://prntscr.com/6dugno
donc on peut être 100% compatible mobile mais ne pas être optimisé pour la performance,
ce qui peut être difficile quand on a une connexion 3G voir edge encore dans certains endroits.

Google donne aussi des conseils assez "direct" par rapport aux résultats :

https://developers.google.com/webmasters/mobile-sites/get-started/hire-developer?hl=fr-FR

et conseille http://www.webpagetest.org en donnant priorité à corriger les erreurs indiquées par Insights indiqués en rouge.

Je vous invite à une dernière dernière lecture sur le SEO pour mobile :

https://developers.google.com/webmasters/mobile-sites/mobile-seo/?hl=fr

En résumé et avant le 21 avril 2015, je conseillerai :

• Ajouter dossier css et js du template dans robots.txt (voir l'article de Marc)
• Bien gérer le coté Mobile avec l'impact sur le SEO, la sécurité et l'optimisation.
• D'informer les rédacteurs de contenu de votre site afin d'éviter quelques erreurs qui empêcherait la lecture sur mobile.

[daneel]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

@Marc : Une petite question sur le fichier robots.txt de ton site que tu donne en exemple.

On peut lire dans ce fichier robots.txt que par défaut, Joomla donne un lien vers un outil bien pratique.

# For syntax checking, see:
# http://tool.motoricerca.info/robots-checker.phtml

Il permet de détecter les erreurs et en indiquent plusieurs
si on teste justement sur celui que tu nous propose :

http://prntscr.com/6du09l

Eviter les lignes blanches et certaines commandes sont inconnues.

Selon ton avis, tu nous conseille de l'oublier et d'utiliser celui de Google ?
A moins d'une autre solution ?

[RobertG]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

L'adresse conseillée que tu cites ne supporte pas les "Allow:" : à éviter, donc.

Par contre, j'aimerais bien trouver un analyseur m’expliquant pourquoi, même avec un robots.txt standard, l'outil de test Google ne peut pas analyser un site, avec comme message :

L'URL demandée n'est pas autorisée par le fichier robots.txt

Je tourne en rond depuis un moment...

[garstud]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Well, je ne sais pas de quand date cet outil, mais je ne pense pas qu'il soit valide pour la "compatibilité Mobile" de Google dont nous parlons.

Pour les lignes vides, je ne sais pas,
mais ce qui est sur c'est que les 4 Bots les plus actifs du marché (2x Google, Bing et Msn) supporte le 'Allow'.
Vous pouvez vérifier ce point avec le script d'exploration des robots.txt du Webmaster tools (voir dans l'article la capture associée en bas)

Par contre il est connu que le 'Allow' ne soit pas supporté par tous les Bots, mais si besoin, il faut juste dupliquer les blocks User-Agent dans le robots.txt (voir dans l'article aussi)

[garstud]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Suite à cet article, j'ai soumis en parallèle une PR (Pull Request = proposition de modification du code) pour l'inclusion des directives les plus classiques directement dans le robots.txt du prochain Joomla v3.5.

La réponse ne s'est pas fait longtemps attendre, et même si je ne suis pas totalement d'accord avec leur raisonnement, je comprends et j'accepte le refus
Ils ne souhaitent pas conforter les devs dans leur utilisation des anciens dossiers /assets, et souhaitent pousser les devs vers la nouvelle balise <media> qui règle ces soucis (c'est une bonne pratique et cela va dans le sens de l'utilisation correcte de l'API Joomla. Voir les 2 liens tout en bas de l'article) !
PR closed : http://issues.joomla.org/tracker/joomla-cms/6361

... Ben du coup mon article est d'autant plus conseillé pour les personnes ayant des extensions/templates "pas totalement standards" et souhaitant optimiser leur site pour s'adapter aux règles de la "Compatibilité Mobile" de Google !

[RobertG]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Cette histoire de libération de l'indexation du dossier "media" m'ennuie !
LazyDbBackup utilise, comme le faisait l'original, LazyBackup, le dossier "media" pour les fichiers temporaires des sauvegardes de base et son fichier d'horodatage.
Le problème est donc que si par accident ou par choix de l'utilisateur le dump n'est pas supprimé, il sera indexé par les robots, puisque le dossier est autorisé, donc accessible depuis cette indexation : pas bon pour la confidentialité.
Est-ce que je me trompe ?

Je vais modifier le plugin et utiliser un autre dossier, mais comment toucher tous les utilisateurs pour leur demander de faire la mise à jour ???

[daneel]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

En solution pour simplifier l'indexation des fichiers js &css :

on peut aussi utiliser un système d'optimisation css & js,
JCH optimize pro peut fusionner les fichiers. On peut aller plus loin en couplant également avec un CDN.
( ex : maxcdn.com ) pour être hyper performant, les fichiers js et css sont donc lus et indexés depuis le CDN. Il faut toutefois tester plusieurs configurations possibles car les problèmes augmentent avec le nombre de fichiers à fusionner (par exemple, l'icône du menu en version mobile peut se bloquer). Mais on peut être surpris du résultat positif en temps de chargement.
plus d'infos : http://joomlaseo.com/Blog/tested-jch...ze-pro-version

Une parenthèse pour ceux qui sont en https, on peut créer un 2ème robots.txt pour eviter d'indexer les pages http, pour plus d'infos : http://robots-txt.com/ressources/robots-txt-https/

@RobertG : Ouiii, tu as parfaitement raison de distinguer ce qui peut être indexé ou non dans media.
Je t'invite à lire https://docs.joomla.org/Deploying_an_Update_Server et tester ARS : Akeeba Release System pour comprendre comment créer et ajouter l'update au fichier manifest de ton extension. Pour faire simple, pourquoi ne pas prévenir d'une release sur la JED, site extensions.joomla.fr et dans ta signature pour inviter à télécharger la nouvelle version. De cette façon, quand tu aura fait une prochaine modification, l'update automatique fera le reste sans que tu te pose cette question. (Et plus si tu ajoute des commentaires post-install dans Joomla 3).

[lesoutier]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Il y a quand même un truc qui me choque là-dedans : c'est l'impérialisme (désolé le mot a une conotation un peu particulière, mais je n'ai pas trouvé d'équivalent) de Google sur les bonnes pratiques du web : il existe un organisme en charge de la normalisation du web, le W3C, mais c'est Google qui fixe les règles. Personnellement je trouve ça un peu dommage.

[RobertG]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

@daneel
Merci pour ton commentaire et tes liens.
La nouvelle version de ce plugin utilise maintenant un de ses sous-dossiers incluant un .htaccess interdisant le listing, au cas où.
J'ai déjà commencé hier soir à intégrer ce système de mise à jour dans LazyDbBackup, mais pour le moment, j'ai dû faire une erreur car ça ne fonctionnait pas : le xml est pourtant correct, lu par Joomla!, mais la mise à jour n'est pas repérée (une version installée du plugin avec le code informant du serveur de mise à jour 3.1.0a, version proposée une 3.4.1). Donc encore à étudier...

Oui, le signaler sur divers supports est une chose, mais beaucoup de gens ne verront pas l'info, et ça me gêne.
Reste à espérer que ces mêmes utilisateurs oublieront de débloquer l'accès au dossier "media".
A ce propos, ai-je raison d'utiliser pour l'instant ces instructions pour protéger les fichiers à la racine de ce dossier ?

Allow: /media/*/
Disallow: /media/

@lesoutier
D'accord avec toi ! Tout comme me fait râler cette obligation (que je n'ai essayé de respecter que sur un site) des fichiers pour Apple (apple-touch-icon.png et autres)...

[daneel]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Il y a quand même un truc qui me choque là-dedans : c'est l'impérialisme (désolé le mot a une connotation un peu particulière, mais je n'ai pas trouvé d'équivalent) de Google sur les bonnes pratiques du web : il existe un organisme en charge de la normalisation du web, le W3C, mais c'est Google qui fixe les règles. Personnellement je trouve ça un peu dommage.

Ah, c'est un autre débat ! On précise que l'impact se distingue essentiellement sur les recherches mobiles et non sur les ordinateurs de bureau donc logique que l'on monte en référencement les sites véritablement "compatibles". Et plus encore ceux qui seront performants sur votre téléphone ou tablette !

Coté normalisation, il est de plus en plus difficile de trouver des sites respectant la norme W3C (environ 5% des sites indexés sur Google passent au validateur W3C) et fort heureusement, l’algorithme de référencement tient plus en compte des certains paramètres comme la qualité du code que la normalisation. plus d'infos : http://www.abondance.com/actualites/20110811-8990-validation-htmlw3c-et-positionnement-google-questionsreponses-avec-google-15.html

Réponse de Google (en 2011 ! ) :

Nous conseillons aux webmasters de se focaliser sur l'utilisateur avant tout, et faire en sorte que les pages soient compatibles avec différents navigateurs et appareils (mobiles, tablettes, pc, etc) est à notre sens prioritaire par rapport à la validation W3C.

[garstud]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

@RobertG, oui il y a fort a parier que l'indexation des fichiers zip de LazyDbBackup soit effective désormais !
On aurait du eviter d'utiliser ce dossier.

Il faut que l'on se fasse un point tous les 2 (si tu veux) :
1- sur la recommendation de Yann d'utiliser un "UpdateServer", c'est simple et top
2- sur une solution pour le dossier de backup (a l'install, on peut ajouter un .htaccess "deny from all" dans ce dossier, ca reglerait le probleme ! ou deplacer le dossier ailleurs ?!)

[RobertG]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

@Marc : je t'envoie un MP

[Seblod]

Re : Vérifiez la 'Compatibilité Mobile' de votre site Joomla

Bonjour,

Sur le même type de sujet.
Nous conseillons également de passer tous les sites par défaut en SSL (httpS), l'algo de google prennant en compte également ce point.

Bien cordialement.