[Suggestion] Balises Schema.org et référencement + LIENS

[fredjouan]

Bonjour,
On s'y perd un peu dans la jungle des tags… Je parcours la documentation schema.org qui semble assez complexe à prendre en main.

Par exemple pour Thing, on a une liste infinie d'attributs dans laquelle il est difficile de s'y retrouver et surtout de trouver la syntaxe pour l'intégrer dans le code, à la main ou à l'aide du logiciel J4Schema :


Après lecture de la page Getting started qui est simple à comprendre, le niveau au-dessus est nettement plus aléatoire !

Fred

Liens utiles pour l'installation et la mise en place du système de tags schema.org :
schema.org
Outil de test de vos pages Web par Google
Composants et plug-ins :
Jce
Pack complet avec langue FR et divers plug-ins par Sarki
J4Schema 5.3.0
Plug-in Mediabox
Article Alsacreation
Article sur les microdata
Utilisation du composant/plug-in J4Schema

[fredjouan]

Re : Balises Schema.org et référencement

La découverte des micros data vient d'une recherche sur le moteur Qwant. Une recherche avec le mot-clé "Neurogel" donne… aucun résultat ! Alors que dans Google on est placé en tête à peu près partout, rien sur Qwant.
Je leur ai écrit et ils m'ont répondu qu'un formulaire de déclaration de sites serait bientôt à disposition, suivi du texte :

En attendant, je vous invite à appliquer une bonne stratégie de référencement pour que votre site remonte naturellement dans les requêtes Qwant.

Et débrouille-toi avec ça !
C'est de cette façon que j'ai fini par découvrir schema.org, l'éditeur Jce et son plug-in J4Schema avec un tutoriel pour la prise en main.
Sinon, cette page permet de se familiariser avec les tags importants. Et cette page est également utile.
Quoiqu'il en soit, cette nouvelle façon d'aborder le référencement représente un travail ÉNORME sur chaque page d'un site.

[daneel]

Re : Balises Schema.org et référencement + LIENS

Bonjour,

Effectivement cela peut paraître complexe mais l'extension j4schema n'est pas forcément nécessaire si le travail est fait avec des surcharges et plugins.

Sur un site e-commerce avec virtuemart ou hikashop, cela me permet de faire ressortir le prix, le vote (les étoiles), la présence en stock et le nombre de critiques.

La visibilité qu'offre actuellement les rich snippet sont plus intéressantes par exemple pour des billetteries en ligne (mise en valeur des date et événements), des critiques gastronomiques et recettes de cuisines, les critiques de films.

A mon avis, sur un blog, les articles joomla sont déjà définis en tant que Blog mais totalement insuffisant et ce n'est pas la priorité. Il vaut mieux actuellement se concentrer sur Google News (assez simple à mettre en oeuvre), Google Amp & Instant Articles ainsi que la compatibilité mobile...

D'un point de vue générale, je modifie également le fil d'ariane (ex : http://extensions.joomla.org/extensi...ys-breadcrumbs ).

Quelques infos :

- les rich cards : https://developers.google.com/search...search-gallery
- modifier le robots.txt afin qu'il indexe les fichiers css et js qui serait présent dans le repertoires de modules ou composants.
- la checklist de google : https://developers.google.com/search...oper-checklist
- Vous connaissez les featured snippets ? https://support.google.com/webmaster...29325?hl=fr-FR

Je vous invite également à consulter le moteur de recherche Duckduckgo, la fonction "! Bang" et la communauté de développeur ddg : https://duckduckhack.com/ ... c'est peu connu mais très intéressant notamment pour les Instant Answers.

[fredjouan]

Re : Balises Schema.org et référencement + LIENS

Merci Daneel pour ton papier intéressant et plein de liens opportuns.
Il est important de rappeler qu'avant d'aborder les microdatas, certains choix (cornéliens ?) s'imposent, ce qui nécessite une bonne connaissance d'ensemble (ce qui n'est pas forcément mon cas) :
–Quel langage (Json-LD, RDFa, microdata,...)
–Quelle méthode (Surcharge ou utilisation d'un plug-in) Jce et J4schema.
Le type de sites Internet concernés est important. Dans mon cas, quelques gros sites associatifs et des petits sites commerciaux : PME/PMI, artisans, artistes,…
J'ai opté pour l'éditeur Jce et son plug-in J4schema, qui demandent tous les deux une certaine familiarisation. On trouve beaucoup de tutoriels sur l'utilisation de Jce, c'est un peu plus délicat pour J4schema. C'est en observant encore et encore cette vidéo que l'on prend le mieux en main cet outil et l'utilisation des 3 types de balises :
itemscope
itemtype
itemprop
Il faut ensuite parcourir encore et encore la liste complète des types et attributs de schema.org pour affiner la précision des attributs.

Peut-être aurais-tu un avis éclairé pour se débarrasser du traçage Google : Qwant ou Duckduckgo ?
D'après ce que j'en sais :
Qwant : algorithme français (encore en développement) devenu européen. Logiciel propriétaire.
Duckduckgo : algorithme américain (plus abouti). Logiciel libre.

[fredjouan]

Re : Balises Schema.org et référencement + LIENS

À l'usage, J4schema est assez pratique pour les tâches récurrentes, dès lors que l'on commence à avoir en tête le schéma des types et des attributs.
Le problème semble-t-il est qu'il n'intègre pas toutes les balises disponibles sur schema.org, ce qui oblige à bidouiller le code source pour ajouter les bons types.
Un exemple tout simple, vous proposez des services (site Internet, formation, mise à jour, désinfection,…). Il est impossible de trouver dans le plug-in la balise

<div itemscope="itemscope" itemtype="https://schema.org/[B]Service[/B]">

Il faut donc l'ajouter à la main (tout au début du code source) et ne pas oublier de placer la balise de fermeture </div> à la fin de votre article.
On peut ensuite l'utiliser pour ajouter les span et leurs attributs. Voici un exemple (de béotien) :

<div itemscope="itemscope" itemtype="https://schema.org/Service">
	Votre article avec les balises H1, H2, P, DIV,… auxquelles vous pourrez attribuer différents types et attributs
</div>

Pour info, veuillez trouver également une copie d'écran de l'interface proposée par le plug-in, avec un déroulement partiel des différents types et attributs :



Daneel : j'ai longuement parcouru la solution proposée par le collectif Duckduckgohack, comment dire, ce n'est pas un chemin parsemé de roses ! Ou pour utiliser une métaphore horlogère, c'est d'une grande complication !

[daneel]

Re : Balises Schema.org et référencement + LIENS

Hello,

Je suis en partie d'accord sur ton analyse. Cependant, j4schema convient plus aux webmasters ayant quelques notions mais pas des auteurs ou rédacteurs lambda. C'est à mon avis plus propre de régler le problème depuis le template, framework ou plugin. C'est juste un avis

Comme c'est le cas sur l'un de mes sites avec virtuemart (le plugin fait le travail). Vis à vis des concurrents, l'affichage du prix et de l'appréciation clients (vote) donne une différence directement depuis google. C'est aussi vrai pour les extensions CCK ou page builder.

Peut-être aurais-tu un avis éclairé pour se débarrasser du traçage Google : Qwant ou Duckduckgo ?
D'après ce que j'en sais :
Qwant : algorithme français (encore en développement) devenu européen. Logiciel propriétaire.
Duckduckgo : algorithme américain (plus abouti). Logiciel libre.

Et pour répondre à cette question du traçage de google, cela mériterait d'ouvrir un autre sujet

En fait, perso pour naviguer sans trace, je filtre et bloque les cookies (extension pour navigateur genre adblock), j'utiliser un VPN et je changer les dns du FAI (avec dnsjumper et autre).... Les alternatives au moteur de recherche (qwant ou duckduckgo) sont loin d'atteindre de bons résultats d'indexation mais représentent de bonnes alternatives.

Une remarque en parallèle concernant les traces laissées par les cookies et les alertes :
La plupart des extensions d'alerte Joomla ne répondent pas réellement au problème car les cookies sont déjà installé sur la machine avant même d'afficher le résultat. Testez par exemple dans l'onglet cookie de firebug (avec firefox), le constat est édifiant! La CNIL recommande le script d'un montpellierain : tarteaucitron.js : https://www.cnil.fr/fr/solutions-de-...nnaires-de-tag mais la version Joomla n'existe pas et la mise en place sur un site web est plus réservé aux webmasters expérimentés. Bref, on est loin... très loin de l'idéal !

De plus, certaines alertes sont mal codées et s'indexent dans Google ce qui peut avoir un impact sur votre référencement.


Une des solution est de choisir une alerte écrite uniquement en javascript (genre : http://cookiesdirective.com/ ou http://extensions.joomla.org/extensi...-cookies-alert ).

[fredjouan]

Re : Balises Schema.org et référencement + LIENS

Plusieurs remarques au sujet de ton dernier post :
– Nos derniers messages se sont croisés (12h56–12h57), ce qui fait que tu n'as pas pu Lire Le mien avant de poster le tien.
– Il est vrai que le sujet déborde vite sur d'autres problématiques (traçage Google,… alerte cookies - là, c'est toi )
– Merci pour les liens, toujours pertinents (j'ai opté pour la solution la plus simple : Folcomedia - Cookies Alert).

Gestion des microdatas :
Tout à fait d'accord, ces outils ne sont réservés qu'aux webmasters, c'est d'ailleurs un souci de plus en plus prégnant pour gérer le collaboratif. Par exemple, sur le site du Neurogel, les différents contributeurs, notamment pour la gestion des traductions en anglais et en russe, me demandent régulièrement la possibilité d'effectuer eux-mêmes certaines modifications, or j'écris tous les articles sur plusieurs colonnes avec la syntaxe suivante :

<div class="row-fluid">
<div class="span3 img-thumbnail inter"></div>
<div class="span3 img-thumbnail inter"></div>
<div class="span3 img-thumbnail inter"></div>
<div class="span3 img-thumbnail inter"></div>
</div>

Je te raconte même pas le foutoir qu'ils arrivent à mettre, vu qu'ils ne regardent pas le code source !
Oui je sais, je déborde encore…

Par contre, tu dis : «C'est à mon avis plus propre de régler le problème depuis le template, framework ou plugin. C'est juste un avis ».
Cet avis est important, mais j'aimerais mieux comprendre ce que tu entends par là :
– Template : J'ai écrit à Cédric, le développeur du composant templatecreatorck CK pour lui demander s'il ne serait pas possible d'intégrer des micro datas dans son logiciel et il m'a répondu par cette phrase :

les microdatas ne sont pas intégrés dans le template mais bien dans la partie de rendu du contenu, donc à savoir les composants
Dans ton cas je dirais qu'il faut un override du com_content (si tu utilises des articles) pour réaliser ce que tu veux, ou un plugin éventuellement
Je me trompe peut etre mais cela n'est pas du ressort du template

– Framework : peux-tu m'en dire plus sur ce procédé et quel logiciel utiliser ?
– Plug-in : il s'agirait d'un plug-in intégré à virtuemart (j'utilise Hikashop) ?
Merci d'avance pour tes réponses,
Fred
PS : Je suis bien d'accord avec toi sur le niveau d'expertise nécessaire à l'utilisation de certains outils, c'est la raison pour laquelle certaines questions pourront te paraître naïves. Je connais bien Joomla mais ne code absolument pas, ce qui ferme pas mal de portes…

[daneel]

Re : Balises Schema.org et référencement + LIENS

Tu as parfaitement raison et je dirai même qu'il n'y a aucune question naïves si cela permet une meilleure compréhension.

Cependant je n'entre pas trop dans le détail du code pour éviter justement de perdre la moitié des personnes qui suivent ce fil. Je vais recentrer la discussion uniquement sur les rich snippets.

Je peux comprendre également la réaction de Cédric mais je peux aussi dire qu'il pourrait très bien les intégrer dans son composant de page builder ou de faire évoluer son outil de création de template!

Prenons un cas concret. Je créé par exemple un site culinaire sous Joomla! (une idée comme une autre!)

Le chef souhaite donner sa fameuse recette de salade mangue thai et la retrouver précisemment sur google. Si tu effectue une recherche (salade mangue thai : https://www.google.fr/#q=salade+mangue+thai ), Google affichera déjà de nombreuses propositions accompagnées de photos, votes, temps de réalisation, etc...

Bref, j'ai intérêt d'utiliser les rich snippets si je ne veux pas être cuit par le client au prochain rendez-vous ! Pas question qu'il saisisse des div scope machin truc vu le niveau informatique et le peu de disponibilité (on sent le vécu!). Donc on peut oublier j4schema et se concentrer sur les autres solutions.

En fait, j'aurai aussi bien réussi avec un CCK (seblod, fabrik, flexi, k2...) ou le développement d'extensions mais l'idée, c'est par exemple de proposer ce template pour tous les blogueurs culinaires (et pourquoi pas le vendre à bon prix car le client dans mon exemple est un peu radin !).

Pour réaliser l'opération, j'utilise donc un framework de template qui intégre déjà des champs pour insérer une galerie photo, video (en réalité un fork d'helix3). Pour l'exemple, le framework T3 devrait fonctionner également mais je t'avoue ne pas avoir testé sur ce framework par choix : http://www.t3-framework.org/document...m-content.html (lire "Add extra fields" & "Microdata Embed" )

Pour info, pour les autres templates sans framework, tu peux essayer également avec Dpfields ( https://joomla.digital-peak.com/products/dpfields ) qui peut être en override (https://joomla.digital-peak.com/docu...ndering-fields ). Ce composant devrait être intégré à la prochaine version de Joomla donc natif (prévu initialement dans J3.6).

Depuis la gestion des articles, le "chef" indiquera les éléments de sa recette dans l'onglet spécifique (ingrédients avec nombre de champs illimités, durée de réalisation... Pour éviter de se tromper, je créé un accès spécifique supplémentaire en front (il ne sera pas perdu dans les réglages).

Je personnalise la fonction de recherche (override également pour une recherche par ingrédient ou thématique), le fil d'ariane et autres petits détails.

Le code des rich snippets pour les recettes de cuisine provient des informations données sur cette page : https://developers.google.com/search...pes?hl=fr&rd=1

La mise en forme des recettes se fait également dans le template et on peut très bien imaginer des déclinaisons css pour les assigner à des recettes spécifiques (par exemple pour Noël, anniversaire, etc...). J'utilise une vue dans le template type masonry (ou style pinterest si tu préfère... comme l'exemple : https://www.j-over.de/de/template-ov...loglayout.html ) pour afficher la catégorie des recettes.

Je modifie un peu des modules qui vont reprendre les 3 dernières recettes en nouveautés sur la page d'accueil pour tenir compte des champs que j'ai créé.

Pour aller plus loin, j'intègre aussi une mise en forme avec page builder, social meta pour fb. Quelques éléments pour google amp (visualisation recherche google sur smartphone) et le plan de site pour les moteurs & google news complètent le tableau.

En résumé, j'obtiens un template personnalisable, quelques modules que je pourrai proposer à la vente afin d'éviter de facturer au client une somme qui dépasse le millier d'euros uniquement pour le template. Le tout pourra s'installer en un seul clic depuis un joomla de base.

Comble de bonheur, on pourra utiliser une application spécifique sur ios ou android pour soumettre les recettes avec prise de photo en étant automatiquement identifié. Voila, je pense que tu as de quoi réfléchir

Yann

ps : Concernant Virtuemart, oui c'est un plugin dédié (je crois qu'hikashop dispose d'un équivalent).

[daneel]

Re : Balises Schema.org et référencement + LIENS

Daneel : j'ai longuement parcouru la solution proposée par le collectif Duckduckgohack, comment dire, ce n'est pas un chemin parsemé de roses ! Ou pour utiliser une métaphore horlogère, c'est d'une grande complication !

Bon on s'écarte encore un peu mais c'est tellement passionnant !

En fait, l'outil est sympa et simple pour l'utilisateur : saisir un truc en moins de 3 lettres et de retrouver les résultats de ton propre site web.... par exemple pour amazon, c'est "!a" suivi du nom du produit recherché.

Créer son propre raccourçi n'est pas compliqué via le formulaire : https://duckduckgo.com/newbang

Après tu peux indiquer soit ton propre outil de recherche joomla ou curieusement ton moteur de recherche google personnalisé : https://www.google.fr/cse/ c'est à dire que tu utilise le meilleur des deux mondes.

Note : pour la petite histoire, quelqu'un a proposé !jed pour les extensions mais avec le nouveau site extensions.joomla.org, l'url de recherche a bien changé et pas forcément dans le bon sens malheureusement.

Mais pour créer d'autres codes donnant des résultats de même présentation que le Knowledge Graph de Google, c'est une autre histoire (et compliqué pour ceux qui ne développent pas)... Toutefois, de la part de Duckduckgo j'aime assez le fait d'être ouvert...

[fredjouan]

Re : Balises Schema.org et référencement + LIENS

Bonjour Yann,
Oui, c'est passionnant et je parcours avec beaucoup d'intérêt les solutions déjà existantes et les pistes que tu ouvres vers des projets en développement. Faudrait quand même penser à dormir de temps en temps
J'ai aussi pris le temps d'écrire à Cédric pour lui laisser découvrir la palette des solutions qu'il pourrait intégrer à son logiciel. C'est un très bon développeur, avec beaucoup de talent pour rendre ses outils agréables et efficaces.
Je reviendrai vers toi d'ici quelques jours, que je digère la masse d'infos des liens proposés.
J'aime bien aussi le côté ouvert de l'initiative Duckduckhack.
Fred

[ced1870]

Re : Balises Schema.org et référencement + LIENS

salut

Je peux comprendre également la réaction de Cédric mais je peux aussi dire qu'il pourrait très bien les intégrer dans son composant de page builder ou de faire évoluer son outil de création de template!

@yann : pour moi l'override n'est pas une fonction du template, mais une possibilité
de ce que j'ai compris on est d'accord que tout cela tu le fais en override, c'est donc bien le composant que tu réécris meme si tu mets le fichier dans le template. Pour info avec template creator tu peux te créer ton dossier "html" et y mettre ce que tu veux

J'imagine mal faire une interface pour overrider les composants sachant que de toute manière tu peux le faire directement dans l'admin de joomla (cf une conférence )

Hopla !
CEd

[daneel]

Re : Balises Schema.org et référencement + LIENS

Hopla !
CEd

Hopla Hopla.... vite dit !

Je pense que tu as souhaité générer des templates avec un code lisible et sans framework sinon tu aurais intégré également le megamenu et autres options que tu offre déjà à travers de nombreuses extensions. Les exemples d'override de j-over.de ne sont pas difficiles à réaliser mais cela reste un peu compliqué pour certaines personnes.

Sincèrement, la plupart des templates intègrent des overrides (un minimum) pour inclure notamment des classes css ou s'adapter par exemple à bootstrap 3. Donc oui je suis entièrement d'accord avec ton raisonnement !

Libre à toi de réfléchir à une solution d'intégration des rich snippets ou pas. Il faudra notamment surveiller l'évolution de Joomla sur les champs supplémentaires (intégration de dpfields) dans le com_content. Et pourquoi pas faire évoluer également ton constructeur de page Mais ce ne sont que des suggestions!