Problèmes Ergonomie mobile

[photoclic]

Bonjour,

Je reçois des mails de google m'informant de 3 problèmes d'ergonomie mobile dont voici le texte:
"Problèmes Ergonomie mobile détectés dans https://photoclic.forum-pro.fr/

Au propriétaire de https://photoclic.forum-pro.fr/ :

La Search Console a constaté que votre site est concerné par 3 problème(s) Ergonomie mobile. Les problèmes suivants ont été détectés sur votre site. Nous vous conseillons de résoudre ces problèmes dès que possible pour optimiser l'expérience et votre couverture dans la recherche Google.

Principaux problèmes

   Texte illisible, car trop petit
   Contenu plus large que l'écran
   Éléments cliquables trop rapprochés

Résoudre Ergonomie mobile problèmes"

Quand je clique sur Résoudre "Ergonomie mobile problèmes" cela m'indique:
Source : Robot d'exploration pour smartphone

J'ai configuré mon forum pour que quand on arrive sur le forum, on arrive sur une présentation ordinateur.
Et j'ai du css destiné à corriger/masquer quelques trucs en version mobile encadré par:

Code:

@media screen and (max-device-width:1024px){....}

Je ne sais pas comment régler les 3 problèmes cités.

Merci pour votre aide.

[Toryudo]

Bonjour !

Plusieurs petites remarques :
1) Quand je tente d'accéder à la page de votre forum avec un User Agent de téléphone, je tombe bien sur les Templates mobiles, pas les Templates PC. Du coup, comme ça, je ne peux pas savoir si Google parle du Design PC ou téléphone, il faudrait préciser la chose.

2) Normalement, Google indique précisément quels éléments sont concernés, il faudrait apporter des précisions là aussi.

3) Bien sûr, il ne faut pas croire tout ce que dit Google et absolument satisfaire à toutes ses requêtes. Le but n'est pas de faire plaisir à Google, mais plutôt de satisfaire les gens (qui n'ont certainement pas les mêmes goûts que Google). Par ailleurs, je doute que ces 3 points pénalisent grandement le forum, on doit être sur de l'infinitésimal.

Si vous voulez satisfaire Google, vous allez aussi devoir passer par les tests de https://pagespeed.web.dev qui, eux, vont vous dire :

• que votre page est trop lourde "Évitez d'énormes charges utiles de réseau - La taille totale était de 39 737 Kio"
  
• que la durée d’exécution des scripts est un peu longue "Réduisez le temps d'exécution de JavaScript - 1,4 s"
  
• que "Les éléments d'image ne possèdent pas de width ni de height explicites"
  
• que "Des éléments d'image n'ont pas d'attribut [alt]"
  
• que "Les éléments <frame> ou <iframe> n'ont pas de titre"
  
• que "Les couleurs d'arrière-plan et de premier plan ne sont pas suffisamment contrastées"
  
• qu'il n'y a "Aucune balise <meta name="viewport"> ayant l'attribut width ou initial-scale n'est configurée - Aucune balise `<meta name="viewport">` trouvée"

J'en passe et des meilleurs. Et tout ça fait perdre du score aussi.
Honnêtement, je ne sais pas ce qu'est une page idéale pour Google, mais ça doit ressembler à du texte et presque rien d'autre !
Par contre, qu'est-ce qui plait et ne plait pas à vos membres, ça... vous pouvez leur demander, ils seront en mesure de vous dire ce qui pourrait être amélioré. A vous de peser les pour et les contres ensuite ! (un peu comme Forumactif face à une suggestion d'amélioration j'imagine)

[photoclic]

Bonjour Toryudo,

Merci pour toutes ces précisions.
Je n'ai jamais eu de retour de la part des membres concernant les points relevés par gogol.

En fait ce qui pénalise mon forum, de mon point de vue, ce sont les nombreuses requêtes faites dans certains scripts par exemple l'affichage des miniatures dans les sous forum. ça engendre souvent l'affichage "429 Too Many Requests". Mais n'ayant pas accès à la base de données FA, je ne pense pas que l'on puisse éviter cela. je reste preneur d'idées pour cela.

Sinon le reste me semble nécessaire pour forum photo (taille des photos, nombre de scripts (certainement perfectibles) etc.).

je crois donc que je ne vais pas tenir compte des remarques google.

[Pinguino]

Bonjour @photoclic

De ce que je vois, la version de base sur smartphone est bien la version mobile. Cela se confirme ici : https://search.google.com/test/mobile-friendly?hl=fr&url=https%3A%2F%2Fphotoclic.forum-pro.fr%2F



D'ailleurs, la page est bien conforme d'après le test.

Petite nouveauté qui devrait arriver bientôt et pourrait vous concerner pour les erreurs "429 Too Many Requests" :

1/ Nous allons remplir par défaut la balise OG image des sujets créés par les membres avec la première image du premier message (si elle est présente et respecte les conditions, notamment hébergée sur une liste réduite d'hébergeurs).
2/ Nous allons ajouter une variable à utiliser dans le template topics_list_box permettant d'afficher l'image renseignée dans cette image balise OG image dans la liste des sujets.

Bien entendu, sous réserve qu'aucune problématique technique ne se pose.

[photoclic]

Bonjour Pinguino,

Merci pour ton message.

En effet, je viens de vérifier, au niveau du template Version mobile, celui-ci est bien configuré Version mobile.
Je crois que j'avais fait ce choix pour le référencement; me semble avoir lu quelque part qu'il valait mieux.
Je ne m'en souvenais pas car sur mon tél, j'ai un affichage web et ce doit surement être mémorisé dans les cookies.

Les petites nouveautés décrites seraient effectivement un sacré plus pour moi et probablement pas mal de forums.
Je pourrais peut-être alléger mon forum de quelques codes qui ont des requêtes.
J'en ai quelques uns en JS et aussi des pages HTML qui permettent d'afficher les sujets par membres, ou les sujets par thème (Le thème sur mon forum étant un préfixe dans le titre du sujet).

J'ai hâte de découvrir ces nouveautés.

Merci encore aux équipes qui travaillent dans l'ombre.

[Pinguino]

Bonjour @photoclic

Maintenant que nous remplissons automatiquement la balise og:image des sujets créés par les admins et membres (plusieurs conditions s'appliquent dans le cas de ces derniers dont l'hébergeur de l'image, …), nous avons créé la variable {topics_list_box.row.U_FB_IMAGE} qui fonctionne avec le template topics_list_box.

Cette variable retourne l'URL de l'image rattachée à chaque sujet (si existante) dans la liste des sujets.