L’attribut itemprop en HTML permet d’associer une valeur à une propriété d’un item structuré, dans le cadre des microdonnées Schema.org. Vous l’ajoutez à n’importe quel élément HTML pour indiquer aux moteurs de recherche la nature de l’information contenue : un nom, un prix, une date, une adresse. C’est l’un des outils SEO les plus efficaces pour viser les résultats enrichis en 2026.
Qu’est-ce que l’attribut itemprop en HTML ?
L’attribut itemprop fait partie du standard HTML des microdonnées. Il fonctionne toujours à l’intérieur d’un élément portant l’attribut itemscope, qui délimite la portée d’un item. Sans itemscope parent, itemprop n’a aucun effet sémantique pour les moteurs de recherche qui parcourent votre page.
La valeur de l’attribut itemprop correspond au nom d’une propriété définie par un vocabulaire externe, le plus souvent Schema.org. Par exemple, itemprop= »name » indique le nom de l’entité décrite, tandis que itemprop= »description » en précise la description. La valeur réelle lue par le moteur dépend du type d’élément HTML utilisé.
En 2026, Google lit ces attributs pour construire les extraits enrichis (rich snippets) : étoiles de notation, prix, disponibilité en stock. Bien structurer vos données avec itemprop vous donne un avantage concret sur vos concurrents dans les résultats de recherche.
Comment fonctionne itemprop avec les noms et valeurs ?
Chaque utilisation d’itemprop suit une logique simple : le nom de la propriété est renseigné dans l’attribut itemprop lui-même, et la valeur associée est extraite automatiquement de l’élément HTML selon des règles précises définies par la spécification WHATWG.
Pour un span itemprop= »name » contenant le texte « Jean Dupont », la value lue sera « Jean Dupont ». Pour une balise lien, la valeur sera l’URL du href. Pour une balise meta, ce sera la valeur de l’attribut content. Cette logique lie n’importe quel element visible ou invisible du DOM à une propriété sémantique.
On peut assigner plusieurs propriétés à un même element en séparant les noms par un espace dans l’attribut itemprop. Chaque property sera alors traitée comme une entrée distincte par les moteurs de recherche qui analysent vos pages. Cette souplesse fait toute la différence dans des structures imbriquées complexes.
Exemples concrets d’utilisation d’itemprop
Un exemple typique d’item structuré pour une personne utilise html itemscope pour délimiter l’entité, puis chaque span itemprop définit une propriété distincte : name pour le prénom, jobTitle pour la fonction, telephone pour le contact. C’est la structure que Google recommande et sait lire parfaitement dans ses outils de test.
Pour un produit ou un article de blog, la même logique s’applique. L’attribut itemprop name varie selon le type Schema.org choisi — Product, Article, LocalBusiness — mais la structure html itemscope reste identique. Plus votre balisage est précis, plus Google comprend la nature de votre contenu et plus vos chances d’obtenir un résultat enrichi augmentent.
La flexibilité d’itemprop est l’une de ses grandes forces : vous annotez le contenu déjà présent dans votre page sans le modifier ni le dupliquer. C’est idéal pour les CMS comme WordPress, où la structure HTML est souvent générée dynamiquement. Un simple attribut dans la balise suffit à transformer un texte ordinaire en donnée structurée exploitable par les moteurs.
Quelles sont les propriétés les plus utilisées avec itemprop ?
Le vocabulaire Schema.org recense des centaines de propriétés, mais certaines reviennent systématiquement. Ce tableau compare les itemprop les plus fréquentes selon le type d’entité ciblé :
| Type Schema.org | Propriété itemprop | Valeur attendue |
|---|---|---|
| Person | name | Texte (nom complet) |
| Product | price | Valeur numérique |
| Article | datePublished | Date ISO 8601 |
| Organization | telephone | Numéro de téléphone |
| Event | startDate | Date et heure |
| LocalBusiness | address | PostalAddress imbriqué |
Chaque combinaison type + property forme un signal sémantique fort pour Google. Mieux vous choisissez vos propriétés itemprop en adéquation avec le contenu réel de la page, plus vos chances d’obtenir un résultat enrichi augmentent durablement.
Les spécifications HTML d’itemprop à connaître
L’attribut itemprop est défini dans la spécification HTML du WHATWG et est valide sur tous les éléments HTML sans exception. Sa valeur est une liste de tokens séparés par des espaces, chaque token étant soit une URL absolue, soit un simple mot-clé représentant une property du vocabulaire Schema.org utilisé.
La valeur effective d’un item property dépend du type de balise. Voici les règles essentielles à retenir :
- Éléments textuels (span, p, div) : la value est le texte visible de l’élément
- Liens et médias (a, img, audio) : la value est l’URL du src ou href
- Méta-données (meta) : la value est le contenu de l’attribut content
- Données temporelles (time) : la value est l’attribut datetime
- Items imbriqués (élément avec itemscope) : la value est l’item lui-même
Cette granularité fait d’itemprop un attribut particulièrement polyvalent. Vous marquez n’importe quel element HTML existant avec une propriété sémantique, sans toucher au contenu affiché. Pour les propriétés sans texte visible correspondant, la balise meta avec itemprop et l’attribut content est la solution standard préconisée par Schema.org.
Questions fréquentes
Qu’est-ce que itemprop ?
L’attribut itemprop est un attribut HTML qui permet d’annoter un élément avec le nom d’une propriété sémantique, dans le cadre des microdonnées Schema.org. Il est toujours associé à un élément parent portant l’attribut itemscope, qui définit le contexte de l’item. Google et les autres moteurs lisent ces annotations pour générer des extraits enrichis dans les résultats de recherche.
C’est quoi les attributs en HTML ?
Les attributs HTML sont des informations supplémentaires placées dans la balise ouvrante d’un élément. Ils prennent la forme nom= »valeur » et modifient le comportement ou les métadonnées de l’élément. Par exemple, class, id, href ou itemprop sont tous des attributs HTML que l’on retrouve au quotidien dans le code d’une page web, chacun avec un rôle précis.
Quelle est la différence entre un attribut et une propriété ?
Un attribut existe dans le code HTML source : c’est ce que vous écrivez dans la balise ouvrante. Une propriété est la représentation de cet attribut dans le DOM JavaScript, et les deux valeurs peuvent parfois différer. Dans le contexte d’itemprop, le terme « property » désigne la propriété sémantique Schema.org annotée, distincte de l’attribut HTML qui sert de vecteur.
Que signifie l’attribut name en HTML ?
L’attribut name en HTML identifie un élément dans différents contextes : dans un formulaire, il désigne le nom du champ envoyé au serveur ; dans une balise meta, il précise le type de métadonnée. À ne pas confondre avec la propriété itemprop= »name » de Schema.org, qui indique le nom de l’entité décrite — une personne, un produit, une organisation — dans un item structuré.