web-dev-qa-db-fra.com

Les miettes de pain doivent-elles figurer dans la division "principale" du contenu et faire partie des données structurées de l'article?

Sur mon site wordpress, mon thème génère les miettes de pain à l'intérieur de la div principale "content". Il se présente ainsi:

<main class="content" itemtype="http://schema.org/Blog ETC
   <div class="breadcrumbs">
   <div class="entry-title"> Post title here
And so on.

Mais, je voudrais déplacer la chapelure au-dessus de la div contenu. Parce que j'utilise Genesis, je peux le faire facilement avec des crochets. Mais si je le fais, les chemins de navigation ne feront plus partie du contenu principal et des données de balisage schema.org pour ce contenu.

Donc, je suppose que ma question est la suivante: les miettes de pain doivent-elles vraiment être à l'intérieur de la division de contenu principale et donc à l'intérieur du Blog/CreativeWork/ou quelle que soit la donnée de balisage schema.org utilisée pour cet article, ou puis-je les déplacer à l'extérieur toujours les utiliser sans aucun problème? Puis-je même les déplacer au-dessus de l'en-tête (je sais que cela n'a aucun sens de les placer au-dessus de l'en-tête, mais j'ai demandé ceci simplement pour voir si cela faisait une différence)?

seobreadcrumbssemantic-web
2
ClawDuda

Le balisage pertinent de l'exemple lié est:

<body itemscope itemtype="http://schema.org/WebPage">

  <main itemprop="mainContentOfPage">

    <div itemprop="breadcrumb">

      <span prefix="v: http://rdf.data-vocabulary.org/#">
        <span typeof="v:Breadcrumb"><a href="/" rel="v:url" property="v:title">Home</a></span> ▸ 
        <span typeof="v:Breadcrumb"><a href="/foo" rel="v:url" property="v:title">Foo</a></span> ▸ 
        <span typeof="v:Breadcrumb"><strong class="breadcrumb_last" property="v:title">Bar</strong></span>
      </span>

    </div>

  </main>

</body>

Contrairement à votre extrait de code, l'élément (WebPage) est spécifié dans l'élément body et non pas dans l'élément main. Cela vous permet de déplacer les éléments de navigation hors de l'élément main, car ils resteront dans le champ de l'élément WebPage:

<body itemscope itemtype="http://schema.org/WebPage">

  <div itemprop="breadcrumb">
  </div>

  <main itemprop="mainContentOfPage">
  </main>

</body>

Si vous n’utilisez pas l’élément body mais l’élément main pour spécifier l’item, vous devez utiliser attribut itemref de Microdata] :

<body>

  <div itemprop="breadcrumb" id="breadcrumbs">
  </div>

  <main itemscope itemtype="http://schema.org/WebPage" itemref="breadcrumbs">
  </main>

</body>

Dans ce cas, vous ne pouvez spécifier aucun autre élément en tant que parent des chemins de navigation (par exemple, sur le body).

1
unor

Cela n'affectera pas votre référencement, car Google détermine quoi que soit sur la page, peu importe que des éléments comme le fil d'Ariane soient détectés par Google, quel que soit le positionnement et le balisage utilisés dans le code source.

Cependant, si vous voulez un site Web sémantique, alors vous devriez résoudre ce problème. Une solution simple serait de modifier votre "boucle" dans votre WordPress, et si je ne me trompe pas en utilisant le framework de thème Genesis, la modification de la boucle peut donc être aussi simple. aussi simple que d’utiliser genesis_custom_loop () , ou dupliquez le fichier unique et ajoutez une division supplémentaire après le fil d’ariane avec schéma.

2
Simon Hayter