Thèmes Sémantiques WordPress, html5

Vous devez vous demander ce que ce poste fait sur les thèmes wordpress alors que je parle habituellement de la pêche.

J’ai déjà abordé sur ce blog dans un vieux post le sujet et je voulais renouveler l’expérience

À l’époque, j’avais discuté des répertoires et comment monter un répertoire avec cms et thèmes WordPress

Aujourd’hui, nous allons voir des thèmes et des microformats, la sémantique html5.

Je ne vais pas entrer dans trop de détails de la sémantique pour ne pas dire trop de bêtises, mais comme vous, je suis un utilisateur moyen et j’aime savoir ce que je fais sur mes sites.

Fondamentalement, c’est tout.

Si vous placez votre titre dans une balise h1, l’ordinateur comprendra qu’il s’agit d’un titre important.

Il est vrai que pour vos lecteurs, il n’est pas vraiment important, mais pour les moteurs de recherche là-bas, il est primordial.

Avec l’arrivée de html5 la sémantique a changé à nouveau pas au niveau de h1, h2 ou h3, mais avec la naissance de nouvelles étiquettes.

Sans entrer dans les détails, je vous en donne quelques-uns.

  • tête
  • de côté
  • Nav
  • section
  • Pied
  • visage

Eh bien, je suis d’accord, tout cela est pour les développeurs, mais si vous êtes comme moi un peu curieux, je suis sûr que vous avez déjà bricolé avec votre thème. Au moins le css.

Thèmes WordPress maintenant

Si vous êtes un utilisateur, vous savez WordPress est bien fait.

Il vous permet d’installer un thème en deux minutes, mais c’est là que tout commence.

Tout dépendra de ce que vous voulez faire :

  1. un blog
  2. un répertoire
  3. un magazine
  4. un magasin

et ainsi de suite…..

Nous commençons ici sur la base de thèmes libres WordPress.

Il est sûr que vous trouverez plus facilement ce que vous cherchez dans themeforest.net, ce n’est pas le seul.

Vous trouverez une multitude de revendeurs sur le web.

Pour ma part, je n’utilise que le thème wordpress gratuit.

Nous trouvons une bonne qualité de thèmes, mais ils ne sont pas toujours bien codés, même payant.

Si vous utilisez firefox faire le test avec le développeur web / info / extension de carte du document, vous verrez immédiatement le nombre de h1 ou h2 manquant ou même les deux.

Si le thème est bon pour vous, vous pouvez toujours le changer comme vous le souhaitez.

Donc, pour continuer mon raisonnement, nous avons trouvé un thème, mais il manque le fil ariane, la boîte d’auteur.

Ce n’est pas un gros problème, en travaillant un peu sur le thème, nous pouvons tout réparer sans plugin.

Il n’est pas nécessaire d’installer toujours un plugin pour une fonction, un petit morceau de code placé au bon endroit est souvent suffisant.

Lorsque vous recherchez, préférez choisir un thème codé en html5, alors il sera plus facile d’ajouter les microdonnées.

Je recommande ce post qui traite très bien avec le sujet.

Microdonnées, microdonnées

Comme Wikipédia nous le dit si bien :

Microdata est une fonctionnalité HTML5 créée pour fournir du contenu sémantique dans des documents HTML.

Nous verrons que nous pouvons utiliser une autre façon de faire, avec ou sans plugin.

Pour mémoire, Google préconise l’utilisation des microdonnées.

Pour les données structurées, nous utiliserons les schema.org dans des formats, MICRODATA JSON-LD et RDFa.

Tu vas me demander à quoi ça veut, et tu auras raison.

Il s’agit simplement de marquer vos articles, vos recettes avec:

  • La date,
  • L’auteur de l’article,
  • description et d’autres choses

Google peut utiliser votre balisage dans ses résultats pour l’afficher.

Un gros plus pour votre SEO, vous serez d’accord.

C’est ce que le résultat est.

thème de resultat-google wordpress
thème de resultat-google wordpress

Comment configurer les microdonnées

Si vos thèmes WordPress sont codés pour schema.org format, il est ok si ce n’est pas faire comme indiqué ci-dessous.

Comme je vous l’ai dit, il y a deux formats : microDATA et JSON-LD c’est à vous de le faire.

Je préfère utiliser le balisage des microdonnées, je trouve qu’il est plus facile à mettre en place et c’est aussi une question de goût.

Vous utilisez des microdonnées pour vos articles, votre boutique, vos recettes de cuisine, etc.

Ici, j’ai fait une copie-coller pour Rich Snippets article et voici à quoi il ressemble:

Si vous regardez le code source de l’article, vous verrez le schema.org/NewsArticle qui nous donne:

  • Le titre
  • Description de l’article
  • article
  • Vignettes
  • La date de publication

Le tout est bien sûr normalement repris par Google si elle le veut.

Pour mettre tout cela en place ce n’est pas très compliqué, vous allez sur le site de Google de données structurées.

De là, vous avez dans la colonne de gauche tous les types d’extraits rich, vous choisissez celui qui correspond à la structure que vous voulez adopté et cela vous conduit à la page qui contient le code à insérer dans votre article (au bas de la page).

Tout ce que vous avez à faire est d’adapter votre article aux microdonnées.

plugins microdonnées

Comme vous le savez, WordPress est bien fait.

Vous pouvez modéliser votre blog pour ajouter des plugins (programmes) pour modifier et enrichir les options WordPress.

Pour les microdonnées, il existe une pléthore de programmes.

J’ai choisi deux que je trouve intéressant:

  1. Raven’s Schema Creator : intègre la plupart des microdonnées du type Schema.org
  2. itemprop WP pour SERP (et SEO) extraits riches: plus simple, mais avec une obligation d’avoir un thème en html5.

Bien sûr, tout dépend de ce que vous voulez promouvoir.

Ma conclusion

Trouver WordPress thèmes gratuits qui répondent à tous ces critères est pratiquement impossible.

Mais il y en a quelques-uns.

Celui que j’utilise actuellement fait partie de c’est un thème enfant d‘Omega.

Il ne fait pas tout, mais il vous aide bien de toute façon.

Par exemple, je l’utilise sur un site de recettes de cuisine et lors de l’écriture d’une recette, j’ajoute la recette d’extrait riche me permettant de détailler en utilisant des microdonnées ma recette.

Il est vrai que c’est un travail fastidieux mais un travail qui commence à porter ses fruits puisque depuis deux mois j’utilise ce protocole sur un de mes sites, certains articles sont remontés dans les serps.

Sur certains, j’ai la photo et sur d’autres une vidéo de ma recette.

Les visites sont également plus nombreuses, environ 8 à 10% de plus.

C’est vrai que ce n’est pas énorme, mais c’est un plus. Je ne suis pas sûr que ces visiteurs seraient arrivés sur ce site autrement?

Quoi qu’il en soit, je vais continuer sur cette voie sans perdre de vue la façon dont Google nous recommande d’utiliser des microdonnées et ce que Google veut, Dieu le veut …..

  • Utilisez-vous des thèmes gratuits WordPress? microdonnées pour votre blog? Vous avez de bons résultats avec ce balisage.
Dernière modification: 11 octobre 2019

Auteur

Commentaires

Écrire une réponse ou un commentaire

Votre adresse email ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.