Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

message ' Ergonomie mobile "

222 appréciations
Hors-ligne
Bonjur.
Cela fait plusieurs fois que je reçois un message au sujet de l'ergonomie mobile pour mon blog :
Ergonomie mobile problèmes détectés sur https://naturerandomontagnelimousin.blog4ever.com/
À l'attention du propriétaire de https://naturerandomontagnelimousin.blog4ever.com/ :La Search Console a identifié 2 nouveaux problèmes sur votre site en lien avec Ergonomie mobile :Problèmes majeursLes problèmes suivants ont été détectés sur votre site :Éléments cliquables trop rapprochésTexte illisible, car trop petitNous vous recommandons de corriger ces problèmes au plus vite afin d'optimiser le placement de votre site dans la recherche Google. Corriger les problèmes en lien avec Ergonomie mobile

Je ne sais pas du tout comment faire. Merci d'avance 
Nature

716 appréciations
Hors-ligne
Bonjour Kiki, 

Nous sommes plusieurs à avoir eu ces messages, Concernant la taille de l'écriture, je suis en 18 px, d'autres sont jusqu'en 24, Pourtant, il semble que ce soit trop petit pour les mobiles, J'en déduis qu'il faudrait une police d'au moins 30 px pour que ce soit lisible, mais du coup sur pc ce serait bien trop gros, Pour les boutons cliquables trop rapprochés, c'est la même chose, 
Bref, il faudrait conseiller aux utilisateurs de mobiles et sphones, de s'équiper de loupes ou de cul de bouteilles ou encore de lentilles ultra macroscopique comme celles de superman, et de doigts très très fins, 
J'avais tester une page d'accueil en colonne pour voir, Si cela a résolu une partie des problèmes d'ergonomie mobile que j'avais, ça ne me plaisait pas, J'ai donc remis, 
Quoi que l'on fasse, il y en aura toujours dire, y'a ça qui va pas, je peux pas faire ci... 
Perso, je n'ai pas de mobile, ni de sphone, alors l'ergonomie de ces appareils...
Gogole te prévient que ça va impacter sur ton classement, 
Je peux te dire que c'est surtout, le manque d'activité qui est important, 
Ces derniers temps, je n'ai pas pu m'occuper beaucoup de mon blog, cela c'est vite fait ressentir, 
Alors, ne t'inquiète pas trop pour ça, 

Passe une bonne journée,
Mi Neth, 

222 appréciations
Hors-ligne
tu as raison , les mobiles on s'en fout, nous c'est l'univers des blogs et pas les  "réseaux sociaux" à la con !
le classement je m'en fous aussi,
cette année je n'ai pas encore mis un article
ce qui est intéressant c'est notre plate forme blog et tout l'univers de découvertes, un peu notre bibliothèque médiathèque !
Nature

433 appréciations
Hors-ligne


Si je peux me permettre, mon expérience avec les outils de Google est plus positive.

Déjà, il y a près d'un an j'ai complètement revu le concept même du design de mon blog, car les statistiques de Google Analytics me montraient que plus de 80% de mes visiteurs accédaient au blog avec un Smartphone.

Donc, la très grande partie des visites sur mon blog venait des Smartphones.

Or, en même temps Google Search Console relevait beaucoup de problèmes d'ergonomie. Comme j'utilise moi-même régulièrement Smartphone et Tablette, j'ai pu constater qu'effectivement il était très difficile d'être à l'aise sur mon blog avec ces outils: police trop petite ou trop grande, cadres qui débordaient, design chamboulé sur certaines pages, bannière chaotique, menu haut et latéral tout aussi chaotiques, il fallait faire défiler horizontalement l'affichage du smartphone pour voir tous les éléments des pages, etc.

Par contre sur PC c'était correct.

J'ai donc entrepris de revoir totalement mon design afin de rendre le blog le plus accessible et lisible possible aux Smartphones.

Après ces travaux, sur lesquels j'ai été aidé par les avis de plusieurs personnes ici, les problèmes d'ergonomie ont disparu. Mon blog est devenu presque autant lisible de manière pratique sur Smartphone que sur Ordinateur.

Peu de temps par la suite, j'ai également vu un impact positif sur les visites.

Il faut savoir que le web évolue, de même que les navigateurs, les technologies, et autres.
Un blog parfait à un moment x peut logiquement avoir des problèmes de compatibilité à un moment y, et nous obliger à faire des ajustements pour rester agréables à nos visiteurs.

Il arrive donc de temps en temps que Google revienne signaler un problème qu'il n'avait pas signalé avant. Tout ce que nous avons à faire dans ce cas, c'est trouver la source du problème et ajuster.

C'est d'ailleurs mon expérience de la semaine dernière.
Google m'a signalé des problèmes d'ergonomie sur un article très ancien de mon blog. Après avoir vérifié sur mon Smartphone, j'ai vu que la police était effectivement plus petite.
J'ai corrigé, Google a revérifié, et tout est Ok actuellement. Tout cela m'a pris moins de 15 minutes !

Ces outils sont là pour nous permettre d'avoir, et d'offrir la meilleure expérience du web à nos visiteurs.

En outre, les statistiques sur l'accès par Smartphone sont claires. Les temps changent, nous n'y pouvons rien. Ces visiteurs ne sont pas à négliger.

Voilà c'est mon expérience.

Un conseil:
Si vous n'arrivez par à ajuster des éléments pour qu'ils soient plus ergonomiques, ou si vous ne comprenez ce que Google demande, posez clairement le problème ici. Il y aura certainement des solutions. 

Vous avez tout à y gagner et absolument rien à perdre.



716 appréciations
Hors-ligne
Ce qui serait top, ce serait d'avoir un duplicata de nos blogs pour les versions mobiles, sphones et minis tablettes, 
Avec la possibilité de pouvoir passer de l'une à l'autre dans nos gestions, 
Je sais, je peux toujours rêver, 

428 appréciations
Hors-ligne
Sinon, l'autre solution consiste peut-être à autoriser le robot Google à corriger lui-même les problèmes qu'il signale ?

716 appréciations
Hors-ligne
C'est possible ça? Et ça n'altère pas la version pc? Parce que la version mobile, du moins pour les pages de mon blog qui sont valides, je trouve que c'est moche, 
Bonne fin de soirée, 

433 appréciations
Hors-ligne
Autant que je sache Google ne peut pas faire des modifications dans nos blogs.
C'est à nous de faire le travail.

Adapter les sites aux mobiles, c'est d'abord faire des choix de formes et de paramètres qui peuvent s'ajuster facilement quel que soit l'écran.

Il s'agit ensuite de mettre dans le CSS des éléments qui indiquent aux navigateurs comment se comporter quand ils ouvrent nos pages, en fonction des environnements, et éviter le dimensionnement fixe.

Par exemple

- Au lieu d'utiliser la propriété "width", on va plutôt mettre "max-width";
- Privilégier les dimensions en pourcentage;
Introduire des media queries (@media) pour définir des réglages propres aux mobiles et petits écrans.

Oui, avec ces éléments et bien d'autres, il est tout à fait possible d'avoir un seul blog avec un seul CSS  parfaitement adapté aux PC et mobiles

 Voici une capture d'écran du réglage CSS pour l'affichage d'un bloc de ma page d'accueil sur PC et mobile

Sur PC et autres grands écrans, le bloc doit prendre 38% de l'espace.
Sur mobiles et autres écrans ne dépassant pas 650px, ce bloc va occuper 100% de l'espace:



2659 appréciations
Hors-ligne
Bonjour,

@Maelranaidh@ peut-elle nous éclairer sur ce sujet ?

@+

595 appréciations
Hors-ligne
Bonjour,

Globalement, le design proposé dans le RapidDesign est étudié pour fonctionner sur les appareils mobiles sans avoir à toucher quoi que ce soit.

Par contre, on a pas le contrôle ce que les gens mettent dans le CSS personnalisé donc des fois, ça peut poser problème. Pas vraiment de solution à donner à ça, à part faire attention à ce qu'on met dans le CSS personnalisé. Ca ne concerne pas que la taille des typos. Ca concerne aussi les interlignages et d'autres éléments que je n'ai pas en tête.

Bonne journée.
Maelyne - Développeuse & Graphiste Blog4ever

716 appréciations
Hors-ligne
Bonsoir, 
Merci  pour ces précisions, 
Bonne fin de soirée, 
Mi Neth, 
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5936 autres membres