Réduire nb de liens, tags open graph, noscript, css inline...

[FlodAriege]

Bonsoir,

Je viens de lancer une analyse de mon site avec SiteAnalyzer (3 jours d'essai gratuit).
Parmi les problèmes relevés (très nombreux, je reviendrai sûrement ici pour aborder les autres), je relève d'emblée des choses qui m'interpellent et auxquelles je ne sais pas apporter de solution :

balise open graph non utilisée
... bizarre, car pour moi ces og: sont pourtant en place (et une image apparaît bien quand on partage une de mes pages). Aurais-je peu passer à côté de quelque chose ou mal comprendre ce que TOUS les open graph tags sont (est-ce qu'il en manquerait sur mes pages ?)

trop grand nombre de liens
... ah ça ! ça fait longtemps que je me dis que cette litanie de liens qui s'affichent dans mon code source doit fatalement alourdir le chargement, et probablement (mais j'avoue ne pas comprendre vraiment ces notions) "diluer" l'intérêt de google pour mes pages. D'ailleurs ça doit être la raison pour laquelle j'ai une si faible proportion de texte vs code (environ 16%)
Ces quelques 300 liens sont ceux qui se cachent derrière mes menus.
Comment pourrais-je bien faire pour en diminuer drastiquement le nombre tout en continuant de permettre à l'internaute de naviguer rapidement vers la page qu'il recherche ?
Est-ce seulement possible / souhaitable ?

trop de code, pas assez de texte
... à part le trop grand nombre de liens dus aux menus, que puis-je faire pour augmenter cette proportion, sachant que mes pages sont globalement plutôt longues et riches en texte (en tout cas pour l’œil humain)

inline css
... ben oui, c'est vrai, il y a des balises style dans mon code.
Je m'étais posée la question il y a un petit moment : ne devrais-je pas une bonne fois pour toute dire que mes balises <p> devraient TOUTES êtres justifiées (dans mon css), plutôt que de cliquer sur l'alignement justifié pour chacun des paragraphes que j'écris ?
C'est sûr que ça ferait un paquet de caractères en moins dans mon html...
(je pense à la justification car c'es tle cas le plus fréquent, mais il y en a peut-être d'autres)

noscript tag absent
...ques aco ?? Qu'est-ce que c'est (et à quoi sert ?) cette balise no script que je serais censée insérer dans mes pages (où et comment d'ailleurs ?)

twitter cards not defined
... j'ai tenté de trouver l'info toute seule, mais ce que j'ai lu semble dire qu'il faut saisir sur twitter tous les tags de chaque page... Il doit forcément exister un moyen plus ergonomique de mettre en place ces tags directement dans Joomla, non ?

Voilà. Pardon pour le grand nombre de questions, et sans doute aussi pour le choix de la rubrique (je ne savais pas trop où poster), et surtout, merci d'avance pour vos lumières d'expert-es


Bonne fin de dimanche
Flo

https://www.rouchenergies.fr

[FlodAriege]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Allô, ça n'intéresse personne ?
Bon ben puisque c'est comme ça je retourne siroter ma piña colada au bord de la piscine... heu, non, je rêve... je retourne au boulot.

[PhilJ]

Bonjour,

Je viens de lancer une analyse de mon site avec SiteAnalyzer (3 jours d'essai gratuit). Parmi les problèmes relevés [...] :

balise open graph non utilisée
... bizarre, car pour moi ces og: sont pourtant en place (et une image apparaît bien quand on partage une de mes pages). Aurais-je peu passer à côté de quelque chose ou mal comprendre ce que TOUS les open graph tags sont (est-ce qu'il en manquerait sur mes pages ?)

Essayer avec http://opengraphcheck.com. Mais les balises og ne sont pas censées améliorer le positionnement.

trop grand nombre de liens

Sur quelques pages ? de nombreuses pages ? toutes les pages ?

Comment pourrais-je bien faire pour en diminuer drastiquement le nombre tout en continuant de permettre à l'internaute de naviguer rapidement vers la page qu'il recherche ?
Est-ce seulement possible / souhaitable ?

Quelques pistes : (1) hiérarchiser davantage, (2) ne pas hésiter à alléger certaines pages en nombre de liens, (3) utiliser des menus cachés.

inline css
... ben oui, c'est vrai, il y a des balises style dans mon code.
Je m'étais posée la question il y a un petit moment : ne devrais-je pas une bonne fois pour toute dire que mes balises <p> devraient TOUTES êtres justifiées (dans mon css), plutôt que de cliquer sur l'alignement justifié pour chacun des paragraphes que j'écris ?

En effet. Le code serait plus léger sans tous ces styles inline.

Quelques petites remarques au passage :
—

• On peut avoir besoin de styles différents pour une même balise, par exemple <p> :
  —
  • Selon les pages, ou selon les zones dans les pages. => définir plusieurs classes (si besoin).
    —
  • En fonction du périphérique utilisé par le visiteur (desktop / tablette / smartphone). => utiliser les mediaqueyries pour différencier les définitions des classes (selon les écrans).
    —
  
  
• Au sujet de justify : il a été mesuré que la justification passe nettement moins bien sur écran que sur papier. Le handicap peut être accentué sur smartphone, avec des « trous » qui sont de véritables freins à la lecture. Les « petits lecteurs » sont bien sûr parmi les plus pénalisés. Les dyslexiques (entre 5 et 10 % de la population) abandonnent quant à eux encore plus vite la consultation de textes en justifié.
  —
  Recette pour freiner à coup sûr la consultation d'une page web : (1) utiliser justify, (2) avec une police de taille assez importante — de façon à créer de plus grands « trous », et (3) dans une famille avec serif (ou, [encore] pire, cursive ou manuscrite !).
  —
• On peut voir que les accents sont codés dans le code source de tes pages. Par exemple &eacute;t&eacute; au lieu de été. Pourquoi diable ?

noscript tag absent
...ques aco ?? Qu'est-ce que c'est (et à quoi sert ?) cette balise no script que je serais censée insérer dans mes pages (où et comment d'ailleurs ?)

C'est pour les paranos, qui désactivent Javascript . Inutile de préciser que la plupart des sites internet consultés en désactivant la prise en charge de Javascript dans les paramètres du navigateur deviennent très laids, certains menus ne fonctionnent plus, les diaporamas non plus, etc. Et bien sûr aussi, l'achat en ligne sur la plupart des boutiques en ligne devient impossible.

Pour ces personnes-là (mais combien sont-elles ?), il faut une solution de rechange, et c'est <noscript>...</noscript>.

Exemple typique :
—

<script type="text/javascript">

document.write("Salut !")

</script>
<noscript>Cette page peut ne pas bien s'afficher lorsque Javascript est désactivé.</noscript>

=> Résultat avec Javascript activé : Salut !
=> Résultat avec Javascript désactivé : Cette page peut ne pas bien s'afficher lorsque Javascript est désactivé.


Donc, vu l'utilité de la chose, tu dois pouvoir l'oublier...

twitter cards not defined

No cognosco :-`\

[Motor]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Salut la compagnie,

Ce si est une non-réponse

Les sites qui nous rabattent les oreilles avec leurs petites règles SEO étriquées et nous donnent des bons points comme à des écoliers ne sont à mon sens utile que pour vérifier si on est dans la moyenne. Cela nous rapproche au final plus du sudoku qu'on fait dans le train - ou devant sa piscine - pour passer le temps que du SEO intelligent.

PageSpeed Insights nous donne une moyenne de 75/100 pour www.lemonde.fr et un pas terrible 74/100 pour https://www.joomla.fr

Bref tous ces outils sont intéressants mais il ne faut pas penser qu'en ayant une bonne note chez eux tu vas te retrouver au pinacle de Google.

D'après ce que je vois FlodAriege tu bosses pour des artisans - Et tu es quant même deja pas mal positionnée. L'artisanat c'est l'enfer, la concurrence et super violente, surtout quand tu te rend comptes que le petit électricien d'en face vient de te voler la vedette avec son site "La Poste" de trois pages

Bref (et toujours mon sens - et parce que je bosse souvent pour la même typologie d'entreprise ) il y a d'autres moyens plus intelligents pour retourner dans la course.

J'avais prévenu que c'était une non-réponse mais sérieuse tous les machins métrix et outils payant pour le SEO ne font que supprimer la dimension hautement intéressante de nos métiers et au final ne font pas trop avancer le shmilblik

.. Je pense...

[ced1870]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

salut
je vous lis et je suis assez (beaucoup) d'accord avec le point de vue de Motor
CEd

[PhilJ]

Bonsoir,

Les sites qui nous rabattent les oreilles [...]

...qui nous les rebattent, c'est déjà assez pénible


Concernant PageSpeed Insights :

1 – Cet outil mesure la conformité du code source avec un certain nombre de critères censés favoriser la vitesse de chargement et d'exécution des pages web. En d'autres termes, il ne mesure pas vraiment la vitesse, mais l'optimisation du code en vue d'une vitesse optimale. Ainsi, une photo de 3 Mo correctement compressée et dont les dimensions width et height sont explicitement déclarées donnera un bon point. Une page web « pesant » 8 Mo peut recevoir une note très honorable (> 80), avec bien sûr un temps de chargement décourageant. Inversement, une page légère se chargeant rapidement mais dont le code est mal optimisé (du point de vue de l'outil) peut avoir une note piteuse.

2 – L'outil PageSpeed Insights donne donc des indications sur l'optimisation du code sous l'angle de la vitesse, mais la vitesse n'est qu'un des nombreux critères du référencement. Les outils spécifiquement SEO devraient être plus intéressants... devraient, mais en existe-t-il vraiment ? De toute façon, comme le dit très justement Motor, ce ne sont que des outils, et la qualité des outils ne suffit pas à qualifier l'artisan.

[FlodAriege]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

PhilJ :

(...)Mais les balises og ne sont pas censées améliorer le positionnement.

l'endroit où j'ai déposé mon post laisse à penser que le seul but recherché est l'amélioration de mon positionnement, mais ma question est un peu fourre-tout, et cette histoire de tags opengraph n'a, j'en ai conscience, rien à voir, désolée.
Ceci dit, j'aimerais obtenir des posts FB et twitter les plus attrayant possible (encore que... c'est vraiment une question de satisfaction intellectuelle, les réseaux sociaux ne me servant en réalité à pas grand'chose dans mon métier...)

(trop de liens)
Sur quelques pages ? de nombreuses pages ? toutes les pages ?

Oui, sur toutes les pages !
Mes menus sont identiques d'une page à l'autre : j'ai voulu qu'un client potentiel puisse arriver en 2-3 clics max à l'info recherchée, quel que soit l'endroit où il se trouve sur le site. Du coup, ça fait une multitude de liens sur chaque page... Je ne vois pas comment contourner cette difficulté sans perdre en navigabilité ;(

Quelques pistes : (1) hiérarchiser davantage, (2) ne pas hésiter à alléger certaines pages en nombre de liens, (3) utiliser des menus cachés.

(1) je ne sais pas faire
(2) selon quelle logique choisir les pages sur lesquelles supprimer des liens qu'on aurait jugé (sur quels critères ?) inutiles à cet endroit-là ? Pour moi c'est une question qui pourrait m'occuper des heures sans que je parvienne à une réponse...
(3) ça je le fais déjà pour masquer essentiellement la foultitude de liens menant vers ma galerie photos de réalisations (+ quelques liens purement techniques, genre des pages alternatives sans flash, ce genre de trucs)

En effet. Le code serait plus léger sans tous ces styles inline.
(...)[*]Au sujet de justify : il a été mesuré que la justification passe nettement moins bien sur écran que sur papier. Le handicap peut être accentué sur smartphone, avec des « trous » qui sont de véritables freins à la lecture. Les « petits lecteurs » sont bien sûr parmi les plus pénalisés. Les dyslexiques (entre 5 et 10 % de la population) abandonnent quant à eux encore plus vite la consultation de textes en justifié.

Je me suis attelée, à l'aide de DBReplacer, à la suppression de toutes les balises "justify".
J'ignorais que la justification posait tant de problèmes. Après t'avoir lu, j'ai fait qq recherches, et me suis aperçue qu'en plus, elle postait des problèmes aux déficients visuels qui utilisent un lecteur logiciel.

[*]On peut voir que les accents sont codés dans le code source de tes pages. Par exemple été au lieu de été. Pourquoi diable ?

En voilà une question qu'elle est bonne !!
Je n'en sais fichtre rien !
Mon éditeur est JCE : y aurait-il un paramètre à changer quelque part ?
Ou bien est-ce un problème plus "techno", genre l'encodage UTF8 ou autre chinoiserie du genre (enfin... chinoiserie pour moi en tout cas)

(noscript)
C'est pour les paranos, qui désactivent Javascript . (...)

Donc, vu l'utilité de la chose, tu dois pouvoir l'oublier...

Compris

(twitter cards)
No cognosco :-`\

Ca c'est bon, j'ai trouvé ! L'équipe Flexicontent a développé un plugin qui permet de paramétrer ces twitter cards. Cf point 1 sur l'inutilité de la chose dans mon cas, mais j'avais juste envie de savoir gérer ces trucs-là.
Pour info, les twitter cards se basent sur des balises qui sont l'équivalent des og chez FB. certaines balises opengraph servent aux 2 réseaux sociaux, mais Twitter a développé des balises supplémentaires. Le but recherché est le même : obtenir des posts plus attrayants, plus graphiques, plus grands !

Merci pour la complétude de ta réponse, et dans l'attente de te lire sur cette histoire de caractères spéciaux.


Motor,

(...)
Les sites qui nous rabattent les oreilles avec leurs petites règles SEO étriquées et nous donnent des bons points comme à des écoliers ne sont à mon sens utile que pour vérifier si on est dans la moyenne. (...)
PageSpeed Insights nous donne une moyenne de 75/100 pour www.lemonde.fr et un pas terrible 74/100 pour https://www.joomla.fr

Voilà qui me remonte le moral !
C'est vrai que je me suis déjà amusée à mesurer le score de certains sites qui donnent eux-mêmes ces conseils SEO, et c'est pas toujours joli-joli

(...)D'après ce que je vois FlodAriege tu bosses pour des artisans

En fait... je SUIS l'artisan, et je ne bosse que pour moi-même
Mon site a le tort d'être sans doute trop encyclopédique, et certaines personnes nous prennent parfois pour un site genre Ademe... Pourtant j'essaie d'être claire et d'écrire en toutes lettres sur chaque page que nous sommes installateurs, mais rien n'y fait...

Et tu es quant même deja pas mal positionnée.

Et là tu me remontes le moral
Comme je le disais à PhilJ, j'ai posté dans cette rubrique, alors ça laisse à croire que je cherche à améliorer le positionnement de mon site. Bien qu'il puisse évidemment être toujours amélioré, mon but cette fois était en fait surtout d'acquérir quelques nouvelles connaissances, de m'enrichir un peu dans ma pratique de la conception web.
J'ai beau m'occuper de mon site à temps perdu, le soir (voire la nuit) et le week-end, je le fais parce que ça m'amuse, parce que ça m'aère intellectuellement, parce que ça m'enrichit les neurones !
(et parce que je n'avais pas le budget pour le faire faire par un pro ni la certitude de savoir choisir le bon, de pro)

Mais bon, mon positionnement n'est pas si mauvais, et me permet à la fois de générer du contact pour l'entreprise, et du contact à revendre, ce qui est toujours bon à prendre, n'est-ce pas ?

L'artisanat c'est l'enfer, la concurrence et super violente, surtout quand tu te rend comptes que le petit électricien d'en face vient de te voler la vedette avec son site "La Poste" de trois pages

EXACT !! Plutôt avec un site PagesJaunes que la poste, mais le raisonnement est le même. Et comme tu l'as peut-être vu, nous exerçons plusieurs métiers différents, qui ont un point commun : ils sont à peu près tous aussi concurrentiels les uns que les autres, les mots-clefs étant complètement bloqués par les grosses boites du secteur et leurs blogs...
Et aussi quand tu vois que Google place juste au-dessus de toi un vieux site d'un concurrent qui a fermé boutique et dont le pied de pages est littéralement farci de mots clefs

Ainsi, pour répondre à la dernière partie de ton message :

Bref (et toujours mon sens - et parce que je bosse souvent pour la même typologie d'entreprise ) il y a d'autres moyens plus intelligents pour retourner dans la course.

... je dirais qu'à ce jour, j'ai le sentiment d'être toujours dans la course, plutôt dans le peloton de tête (localement bien sûr) que dans la queue. Mais j'ai conscience qu'il suffit de peu de choses pour perdre son avance, aussi j'essaie de rester "alerte".



Bon WE
Flo

[PhilJ]

Bonjour Flo,

Mes menus sont identiques d'une page à l'autre : j'ai voulu qu'un client potentiel puisse arriver en 2-3 clics max à l'info recherchée, quel que soit l'endroit où il se trouve sur le site. Du coup, ça fait une multitude de liens sur chaque page... Je ne vois pas comment contourner cette difficulté sans perdre en navigabilité ;(

Le problème, c'est que, pour être efficace, navigabilité devrait rimer avec simplicité. Or, si la navigation est exhaustive sur toutes les pages, elle devient complexe, donc pas forcément efficace : nombreux liens, nombreux niveaux de menu :-\

Concernant le référencement, un grand nombre de liens par pages ne devrait pas être un souci : la dernière mise à jour des consignes aux webmasters Google (début 2016) préconise « Limitez le nombre de liens par page (quelques milliers tout au plus). » (https://support.google.com/webmaster...er/35769?hl=fr, § 'Aider Google à trouver vos pages')... mais le respect des consignes pour un référencement optimal n'est que le début de l'acquisition de clients : le site est bien visible, dès la 1^e page des résultats de recherche Google, c'est bien, mais ensuite il faut guider le visiteur et tâcher de le garder le plus longtemps possible — faute de quoi, c'est le rebond : le visiteur est submergé d'informations et ne tarde pas à cliquer la petite croix en haut à droite pour refermer la page. Comme ont dit, trop d'informations (au pluriel) tue l'information (au singulier).

(1) je ne sais pas faire
(2) selon quelle logique choisir les pages sur lesquelles supprimer des liens qu'on aurait jugé (sur quels critères ?) inutiles à cet endroit-là ? Pour moi c'est une question qui pourrait m'occuper des heures sans que je parvienne à une réponse...
(3) ça je le fais déjà pour masquer essentiellement la foultitude de liens menant vers ma galerie photos de réalisations (+ quelques liens purement techniques, genre des pages alternatives sans flash, ce genre de trucs)

Il faut reconnaître que c'est tout un art, et d'autant plus subtil que le site comporte de nombreuses informations : plus il y a d'informations, plus il faut structurer et hiérarchiser, plus l'organisation du site devient complexe et impose de la réflexion et la mise en œuvre de moyens astucieux afin de ne pas « perdre » le visiteur.

Il y a 2 travers à éviter : l' « exhaustivite » (sans accent), qui est la tendance à tout —et à trop — en dire, et la « brièvetivite », qui est la tendance à en dire le moins possible, donc à ne pas en dire suffisamment. La bonne mesure est (évidemment) quelque part au milieu , même en conservant une masse d'informations conséquente.

[...] dans l'attente de te lire sur cette histoire de caractères spéciaux.

A ce sujet : svp regarde le code source de tes articles depuis le backoffice (JCE). Est-ce que les é (= e accent aigu) apparaissent comme des &eacute; ?


PS :

Je suis tout prêt à croire « J'ai beau m'occuper de mon site à temps perdu, le soir (voire la nuit) et le week-end, je le fais parce que ça m'amuse, parce que ça m'aère intellectuellement, parce que ça m'enrichit les neurones ! »

En revanche, je peine à croire « parce que je n'avais pas le budget », sauf si tu vois ton budget web seulement comme une dépense, et non pas comme un investissement. J'ai un client artisan charpentier qui reçoit régulièrement des demandes de devis qui lui « coûtent », pour chacune d'elle, ~ 5.00 € ttc du fait du coût de la maintenance annuelle (au moins 100 demandes de devis / an). Quand on sait qu'un devis de charpente s'élève en général à plusieurs milliers ou dizaines de milliers d'euros, il est évident que c'est un très bon investissement — même si, bien sûr, toutes les demandes reçues par l'artisan n'aboutissent pas à des chantiers. Cela dit, ce que tu ajoutes ensuite est tout à fait vrai : il n'est pas si facile de choisir son prestataire.

[FlodAriege]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Bonjour Phil,

D'accord, e comprends donc qu'il me faut complètement repenser ma navigation.
J'envisage d'ailleurs de plus ou moins supprimer mes menus de gauche (ceux où on accède directement pas produit), pour peut-être ne garder que celui de la rubrique dans laquelle se trouve l'internaute.
Ceci d'autant plus que, comme je l'explique ici : http://forum.joomla.fr/showthread.ph...n-template-JSN ces menus de gauche ne sont visibles que pour les internautes de bureau (PC), et quasiment pas pour les internautes mobiles.
Quoi qu'il en soit c'est un sujet qui mérite longue réflexion.

A ce sujet : svp regarde le code source de tes articles depuis le backoffice (JCE). Est-ce que les é (= e accent aigu) apparaissent comme des é ?

Oui, absolument, depuis JCE les é apparaissent comme des é, et pas avec &ecute.

Je suis tout prêt à croire « J'ai beau m'occuper de mon site à temps perdu, le soir (voire la nuit) et le week-end, je le fais parce que ça m'amuse, parce que ça m'aère intellectuellement, parce que ça m'enrichit les neurones ! »

En revanche, je peine à croire « parce que je n'avais pas le budget », sauf si tu vois ton budget web seulement comme une dépense, et non pas comme un investissement. J'ai un client artisan charpentier qui reçoit régulièrement des demandes de devis qui lui « coûtent », pour chacune d'elle, ~ 5.00 € ttc du fait du coût de la maintenance annuelle (au moins 100 demandes de devis / an). Quand on sait qu'un devis de charpente s'élève en général à plusieurs milliers ou dizaines de milliers d'euros, il est évident que c'est un très bon investissement — même si, bien sûr, toutes les demandes reçues par l'artisan n'aboutissent pas à des chantiers. Cela dit, ce que tu ajoutes ensuite est tout à fait vrai : il n'est pas si facile de choisir son prestataire.

En effet, c'est un véritable investissement. Pas plus gratuit parce que je le fais moi-même mon temps de travail n'est jamais gratuit, même si en dehors des heures de bureau) que si je l'avais confié à un prestataire.
Aujourd'hui la moitié de mes clients arrivent par le biais du site internet (ce qui n'était pas DU TOUT le cas quand, il y a fort fort longtemps, alors adhérente d'un réseau de franchise, j'avais un site internet tout pourri conçu par un "professionnel" qui nous avait vendu ça une fortune). Difficile de chiffrer leur coût d'acquisition, puisque je ne compte pas mes heures de travail sur le site...
Le choix de ce prestataire étant vraiment le gros souci, tant je vois des créateurs de site web qui s'improvisent, et qui souvent n'en savent pas plus que moi, ce qui a le don de m'agacer, pour ne pas dire plus. Tout le monde n'a pas la chance d'avoir croisé la route d'un pro comme toi avant d'arriver ici
Pour moi quand j'ai commencé à rencontré de (vrais) experts, c'était déjà déjà trop tard puisque c'était ici, et donc après que j'ai monté mon nouveau site.

Merci pour la complétude de ta réponse, comme d'hab' !

Flo

[PhilJ]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Bonjour,

Oui, absolument, depuis JCE les é apparaissent comme des é, et pas avec &eacute;.

Chose curieuse, en y regardant de plus près, le code source de la page d'accueil ne contient pas partout des &eacute; : seul le module gauche (= jsn-pos-promo-left) en est farci. Par exemple, la balise <H1> : <h1>Installateur de solutions pour la r&eacute;novation &eacute;nerg&eacute;tique de la maison</h1>.

Situés en dehors de ce module, les autres textes ne présentent pas ce défaut. Par exemple, la balise <H2> est accentuée normalement : <h2>Installateur RGE spécialiste de la rénovation énergétique, basé à Pamiers en Ariège</h2>

=> Il faudrait regarder le code source de ce module gauche depuis JCE...

[daneel]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Bonsoir,

Alors, petite parenthèse : bravo pour l'utilisation de social meta :

https://github.com/vistamedia/socialmeta

c'est une excellente extension, je confirme !!!

1. Si tu as bien lu les explications de manu (page 34 & 39 de son diaporama : https://www.joomladay.fr/programme/p...cle-open-graph ),
tu sais que tu peux tester le debug sur facebook :

https://developers.facebook.com/tools/debug/sharing/?q=www.rouchenergies.fr

et là ! 3 erreurs !!
- Meta with name instead of property
- Share App ID Missing
- Parser Mismatched Metadata

2. Coté SEO, je pense comme beaucoup que tes efforts sont payants mais tu as 2 contraintes :

- Qualité de l'hébergement : la performance du mutualisé chez ton hébergeur a ses limites (par exemple l'absence de compression gzip)

- Qualité du template : Avec de multiples fichiers javascript + de la css inline, tu essaye d'améliorer avec jch optimize mais ce n'est pas forcément facile et suffisant.

Pour aller toujours dans le sens d'optimisation, il faudrait voir dans ces différentes solutions : l'utilisation d'un cdn, d'un cache plus puissant, des images responsives (génération d'images adaptées à la taille de l'écran), le lazy loading...

3. un petit rappel qui n'a rien à voir avec le seo mais qui a son importance :

utilise la console de google chrome pour détecter les erreurs dans les pages

exemple dans la page :

http://www.rouchenergies.fr/photos-realisations/toutes-categories.html

A chaque fois que la page est affichée, elle génère une erreur qui devrait être présente dans les logs.
N'ayant pas accès au logs, on peut vérifier cela en utilisant google chrome puis en cliquant sur le bouton droit
pour inspecter la page. Enfin l'onglet "console" affiche différentes erreurs :

erreur 404 : http://html5shim.googlecode.com/svn/trunk/html5.js

solution : edite le code du template et remplacer par un lien cdn provenant de
http://www.jsdelivr.com/projects/html5shiv ou https://cdnjs.com/libraries/html5shiv/
comme https://cdn.jsdelivr.net/html5shiv/3...ml5shiv.min.js qui fonctionne très bien

4. @PhilJ : Il n'y a pas que les paranos mais les malvoyants. Via la barette braille, les outils de lecture pour les aveugles traduisent le contenu des pages sans les éléments JavaScript (ex: le navigateur lynx).
Par exemple, un menu doit pouvoir afficher tous les liens ouvertement quand le JavaScript est désactivé pour faciliter le travail de lecture, ce n'est pas le cas de ce site. On peut aussi tenir compte de la possibilité de zoomer le texte, de changer les couleurs par des contrastes plus vive également absent ainsi que des raccourcis clavier qui aurait facilité la navigation. Donc non, ce n'est pas que pour les paranos. Ce n'est pas grave, le mieux, c'est d'en prendre conscience si Flo change de template un jour.

[ced1870]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

tant je vois des créateurs de site web qui s'improvisent, et qui souvent n'en savent pas plus que moi, ce qui a le don de m'agacer, pour ne pas dire plus.

oh comme je te comprends

[FlodAriege]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Bonjour,

Chose curieuse, en y regardant de plus près, le code source de la page d'accueil ne contient pas partout des é : seul le module gauche (= jsn-pos-promo-left) en est farci. Par exemple, la balise <H1> : <h1>Installateur de solutions pour la rénovation énergétique de la maison</h1>.

=> Il faudrait regarder le code source de ce module gauche depuis JCE...

Super zarbi ! Moi je ne vois aucun & e cute.
Ni dans ce module, ni ailleurs, dans cette page ou ailleurs sur le site (j'ai parcouru le code source de quelques types de page différents à coup de CTRL+F).
Ceci dit, le plus lourd de mon html vs texte est ailleurs... Il faut vraiment que je repense ma navigation, comme tu me l'as conseillé.

Bonne semaine !

Flo

[PhilJ]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

Super zarbi ! Moi je ne vois aucun & e cute.

...Encore plus zarbi — sauf si tu as tout récemment réenregistré le module ou rétabli une sauvegarde de ton site (...) : je ne vois plus non plus aucun &eacute; dans le code source de la p. d'accueil

[FlodAriege]

Re : Réduire nb de liens, tags open graph, noscript, css inline...

...Encore plus zarbi — sauf si tu as tout récemment réenregistré le module ou rétabli une sauvegarde de ton site (...) : je ne vois plus non plus aucun é dans le code source de la p. d'accueil

Un truc pour te (nous) rassurer : en lançant DB replacer, j'ai trouvé foultitude de & e acute et autres caractères spéciaux (sur disons 10% des pages).
or, en ouvrant l'article pour aller corriger ça sous JCE... bing!! plus rien !! que des jolis é è etc
donc il aura suffi que j'ouvre l'article où tu avais vu les saletés pour que les saletés filent se planquer (ailleurs que sur mon site).
J'ai donc fait un nettoyage avec DB replacer de tous les caractères spéciaux qui pouvaient encore traîner par là (à l'exception des & oe lig que je ne sais pas faire autrement).

J'en ai profité pour créer quelques classes css supplémentaires histoire de supprimer autant de style="machin;" que possible (du blanc, des alignements à gauche, à droite, en haut, etc.)

j'ai supprimé toutes les justifications qui sont paraît-il un problème pour l'accessibilité (moi j'adore ça les textes justifiées, mais je me suis fait taper sur les doigts par quelqu'un qui m'a montré combien ça postait de problème de "trous" dans le texte).

Bref, j'ai fait une partie du boulot. la plus facile.


Daneel, j'ai bien vu ton message (mais seulement après avoir répondu à Phil ce matin), te remercie, et te répondrai plus tard, là il faut que je file je suis (encore !!) à la bourre...

ATCHAO bonsoir