Erreur ergonomie mobile Google

**daneel** · 05/03/2020, 15h58

Bonjour,

oui c'est déjà beaucoup mieux

Bon courage, il ne reste qu'à remplacer certaines div par les balises. il y a de nombreux exemples de structures.
Je ne connais pas assez bien template creator mais cela me semblerait bizarre que ce ne soit pas pris en compte.

On peut même s'abstenir de l'attribut xmlns dans <html> pour avoir uniquement <html dir="ltr" lang="fr-fr">
comme c'est le cas avec le template protostar (le template par défaut de joomla 3).

Yann

**herve** · 06/03/2020, 15h35

Bonjour,
Très intéressant cette échange car j'ai eu moi aussi de nombreux messages de gg.
Au début je n'y faisais pas attention car , en me plaçant comme humain et non comme le googlebot, je ne voyais pas le problème.
maintenant que j'essaie de prendre cela plus au sérieux, je m'aperçois que des pages comme https://www.onsort.eu/fr/localisatio...e-villeurbanne a généré un message d'erreur alors que d'autres urls du même type sont indexés? il trouvait que "Contenu plus large que l'écran" alors que c'est une page responsive?
De plus sans rien faire, j'ai cliqué sur la validation du fix et celui-ci est en cours d'être fixé par gg

Je m'aperçois que le plus souvent, les messages d'erreurs proviennent d'extensions sur lequels on peut faire remonter aux développeurs mais que je n'obtiens pas toujours de réponse.

Pour finir j'ouvre 2 fils sur 2 cas de mails d'erreurs envoyés par gg

impact sur référencement si données structurées manquantes par gg - Forums Joomla.fr

https://forum.joomla.fr/forum/joomla-3-x/r%C3%A9f%C3%A9rencement-et-seo/2014107-impact-sur-r%C3%A9f%C3%A9rencement-si-donn%C3%A9es-structur%C3%A9es-manquantes-par-gg

Bonjour, Je reçois de plus en plus fréquemment des messages de gg sur un manque de données structurées dont la 1ère location est obligatoire. A quel niveau est-ce impactant? - présentation des données dans les résultats des moteurs de recherche - référencement car donnée obligatoire manquante , Merci

accès dénié à googlebot à cause de fichiers page builder joomshapper SPPB - Forums Joomla.fr

https://forum.joomla.fr/forum/joomla-3-x/r%C3%A9f%C3%A9rencement-et-seo/2014103-acc%C3%A8s-d%C3%A9ni%C3%A9-%C3%A0-googlebot-%C3%A0-cause-de-fichiers-page-builder-joomshapper-sppb

Bonjour, J'ai mis en ligne 2 sites web avec 2 extensions de contenu dont SPPB. Après optimisation des images, je n'arrive pas à passer le test de performance de developers.google.com/speed/pagespeed J'ai finis par trouver que des fichiers bloqueraient le passage de googlebot (cf image) Je peux enlever Disallow:

@+

**nano** · 06/03/2020, 21h32

Très intéressant cette échange car j'ai eu moi aussi de nombreux messages de gg.

Ça ne sera pas forcement intéressant pour toi le monde, mais en tout cas pour moi ça a été très instructif.
Yann m'as permis de comprendre que je faisais n'importe quoi pour adapter mon site en fonction de la résolution. J'en suis très reconnaissant et même si j'ai passé un temps fou, j'ai beaucoup appris

Il me reste plus qu'à comprendre où mettre en place ces fameuses balises. J'ai compris à quoi elle servent, qu'il faut qu'elles soit présentent dans mes pages, mais je ne comprends pas dans quel fichier les insérer.
Si je ne dis pas de bétises, ça devrait être dans un fichier de mon template, mais lequel ?

**daneel** · 07/03/2020, 21h38

Envoyé par nano Voir le message

Si je ne dis pas de bétises, ça devrait être dans un fichier de mon template, mais lequel ?

Bonjour,

oui, sur un template de base, c'est le fichier index.php de ton template.
Je t'invite à consulter le code du fichier index du template par défaut de joomla (protostar) et de comparer avec celui que tu utilise.
capture d'écran : http://prntscr.com/rd3v08

Hugo Scott est un freelance qui résume bien le sujet dans son blog :
https://fr.oncrawl.com/seo-technique...ntiques-html5/
Il propose gratuitement un outil pour scanner les sites et voir les balises sémantiques utilisées :

Semantic HTML5 markup inspector | Hugo Scott Tech SEO expert

https://sitegardien.com/html5viewer/semantichtml5viewer.php

Do you want to see what your page's overall semantic HTML5 structure looks like without wading through the HTML? Try this free tool - you'll be surprised!

Si tu as des doutes, essaye de faire remonter l'info à l'auteur de template creator.
A défaut de réponse, on essaiera de t'aider

**nano** · 08/03/2020, 23h14

Bonjour Yann et encore merci pour ton aide.

Dans un premier temps, j'ai voulu faire simple et donc je me suis concentré sur les balise header, main et footer.

J'ai comparé mon fichier index.php avec celui que tu m'as indiqué. J'ai inséré les balises où je pensais que c'était leur place.

Lorsque j'utilise l'outils pour scanner les sites que tu m'as conseillé, il n'arrive pas à scanner mon site.
"Sorry, the HTML was not accessible!"

J'espère ne pas avoir fait de bêtises...

**daneel** · 09/03/2020, 04h41

Hello,

ok peut être une protection qui bloque le test, ce n'est pas grave du moment que la page est lisible depuis ton navigateur et indexable

oui il y a une petite erreur sur l'usage de la balise <main>
Logiquement il n'y a qu'un <main></main>

D'après alsacreation, la balise peut être utilisé plusieurs fois en utilisant l'attribut "hidden" pour les différencier du principal <main>,

L'élément <main>

https://www.alsacreations.com/actu/lire/1776-element-main-html5.html

Depuis quelques années, HTML propose un meilleur découpage sémantique des pages et applications web pour éviter la divite , l'abus d'éléments <div> pour regrouper chaque b

Mais ce n'est pas le cas pour ton site, le contenu n'est pas partiellement caché

**nano** · 09/03/2020, 22h22

Salut Yann,

oui il y a une petite erreur sur l'usage de la balise <main>
Logiquement il n'y a qu'un <main></main>

Effectivement cette balise était doublée.
Logiquement, j'ai résolu le problème.

Pour la balise <article>, n'est-il pas plus simple d'insérer cette balise directement dans les articles via l'administration de Joomla que de passer par le fichier index.php ?

**daneel** · 10/03/2020, 20h37

Envoyé par nano Voir le message

Pour la balise <article>, n'est-il pas plus simple d'insérer cette balise directement dans les articles via l'administration de Joomla que de passer par le fichier index.php ?

En fait, les balises structurantes déterminent le type de contenu, ce n'est pas le contenu mais bien des éléments faisant partie de ton gabarit donc de ton template.

Donc oui dans le fichier index de ton template et dans la surcharge du com_content dans ton template (dans son repertoire html) mais ce n'est pas l'utilisation dans le contenu en lui-même.

Je comprends que ce soit complexe... surtout si on tient comptre de microdata pour les rich snippet ou des balises aria pour l’accessibilité
dommage que ton éditeur de template ne permet pas de gérer cela directement...

Exemple d'utilisation de la balise article dans la vue blog (surcharge du template "master-bootstrap")

master-bootstrap-3/html/com_content/category/blog.php at master · gsuez/master-bootstrap-3

https://github.com/gsuez/master-bootstrap-3/blob/master/html/com_content/category/blog.php

Joomla 3.x Template with Bootstrap 3. Contribute to gsuez/master-bootstrap-3 development by creating an account on GitHub.

**nano** · 11/03/2020, 23h12

D'accord, merci pour l'information.

Voilà ce que j'ai fait.
Dans mon fichier index.php du template, j'ai remplacé cette ligne <div class="inner"> par <article class="inner"> et </div> par </article>.
Dans le fichier blog .php de la surcharge du com_content, j'ai modifié <div class="tck-article leading-<?php echo $leadingcount; ?> par <article class="tck-article leading-<?php echo $leadingcount; ?>, </div> par </article> et <div class="tck-article item column-<?php echo $rowcount; ?> par <article class="tck-article item column-<?php echo $rowcount; ?>.

Lorsque j'affiche le code source de ma page, je vois bien la balise <article class="inner"> mais je ne sais pas si c'est réellement comme ça qu'il faut faire.

dommage que ton éditeur de template ne permet pas de gérer cela directement...

Oui c'est vraiment dommage. Ça se fait peut être mais je ne trouve aucune info sur la toile.

**daneel** · 12/03/2020, 02h40

Envoyé par nano Voir le message

Ça se fait peut être mais je ne trouve aucune info sur la toile.

Ce n'est pas tout à fait vrai, il existe bien des explications sur ces balises et d'autres sur la création de template joomla surtout en anglais.
Le template par défaut utilise ces balises comme l'explique Serge sur son site : https://www.web54.fr/tutoriels-frame...ule-par-defaut
car le plus souvent, on peut retrouver des exemples parmi les nombreux templates gratuits de 2012 jusqu'au plus récent...

Si tu teste les données structurées avec google, tu devrais obtenir un résultat

Schema Markup Testing Tool | Google Search Central | Google for Developers

https://search.google.com/structured-data/testing-tool

Use the Rich Result Test to see what Google results can be generated for your pages and the schema markup validator for generic schema validation.

Après, ce n'est qu'une page (si on ne compte pas la page des mentions légales) donc pour moi, c'est ok.
Il y a d'autres points à améliorer ( balises open graph, titre h1...) mais je t'invite à ouvrir un autre sujet si tu as envie d'aller plus loin
car on peut dire que celui-ci est réglé, non ?

**nano** · 12/03/2020, 15h55

Ce n'est pas tout à fait vrai, il existe bien des explications sur ces balises et d'autres sur la création de template joomla surtout en anglais.

je parlai surtout de la gestion de ces balises avec template Créator. Je n'ai rien trouvé à ce sujet...

Si tu teste les données structurées avec google, tu devrais obtenir un résultat

https://search.google.com/structured-data/testing-tool

Oui, j'ai un résultat, mais je me retrouve avec 5 erreurs qui me renvoie toujours à la même ligne, que je ne comprends pas.
La ligne : <div class="tck-article item-page" itemscope itemtype="https://schema.org/Article">
Erreurs :
author --> Veuillez saisir une valeur pour le champ author.
datePublished --> Veuillez saisir une valeur pour le champ datePublished.
headline --> Veuillez saisir une valeur pour le champ headline.
image --> Veuillez saisir une valeur pour le champ image.
publisher --> Veuillez saisir une valeur pour le champ publisher.

Il y a d'autres points à améliorer ( balises open graph, titre h1...)

J'imagine qu'il doit y avoir d'autres choses à améliorer. La balise H1, j'en ai une dans mon header, et je viens d'en ajouter un dans mon article.

Effectivement, on sort un peu du sujet principal. Je pense que je vais passer celui là en "réglé" et recréer un sujet pour les erreurs indiqués plus haut.

Encore un grand merci à toi Yann !!!!!!! J'ai beaucoup appris grâce à toi

**Extension** · 13/04/2020, 17h42

Super, on apprends chaque jour, en fait un petit tool SEO permet de tester l'ergonomie mobile d'un site et de voir si ça donne le même visuel ou pas sur tablette, PC ou téléphone mobile.

Erreur ergonomie mobile Google

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association