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

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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 !
    Dernière édition par garstud à 07/03/2015, 15h39
    Garstud Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
    « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
    c’est parce que nous n’osons pas qu’elles sont difficiles. »
    - Sénèque

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

    Merci Marc pour ton article !
    Yapuka !!!
    "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
    MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

    Commentaire


    • #3
      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

      Cliquez sur l'image pour l'afficher en taille normale

Nom : Screenshot_1.jpg 
Affichages : 1 
Taille : 29,3 Ko 
ID : 1804112



      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/webmas...loper?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/webmas...ile-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.
      Dernière édition par daneel à 07/03/2015, 18h17
      Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

      Commentaire


      • #4
        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.

        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 ?
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire


        • #5
          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...
          "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
          MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

          Commentaire


          • #6
            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 Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
            « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
            c’est parce que nous n’osons pas qu’elles sont difficiles. »
            - Sénèque

            Commentaire


            • #7
              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 !
              Dernière édition par garstud à 08/03/2015, 14h09
              Garstud Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
              « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
              c’est parce que nous n’osons pas qu’elles sont difficiles. »
              - Sénèque

              Commentaire


              • #8
                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 ???
                "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

                Commentaire


                • #9
                  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).
                  Dernière édition par daneel à 09/03/2015, 09h47
                  Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                  Commentaire


                  • #10
                    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.
                    Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                    Confucius

                    Commentaire


                    • #11
                      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)...
                      Dernière édition par RobertG à 09/03/2015, 10h30
                      "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                      MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

                      Commentaire


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

                        Envoyé par lesoutier Voir le message
                        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.
                        Dernière édition par daneel à 09/03/2015, 10h36
                        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                        Commentaire


                        • #13
                          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 ?!)
                          Garstud Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
                          « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
                          c’est parce que nous n’osons pas qu’elles sont difficiles. »
                          - Sénèque

                          Commentaire


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

                            @Marc : je t'envoie un MP
                            "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                            MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

                            Commentaire


                            • #15
                              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.
                              Sébastien Lapoux
                              Agence Web : http://www.Octopoos.fr
                              Editeur de SEBLOD sous Joomla, GPL et gratuit : http://www.seblod.com

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X