JSON-LD’den bir parçanın anlamsal niteliklerini eklemek gerçekten gerekli mi (veya tavsiye ediliyor mu)?

MERHABA!

Resmi yazıyı okudum Google dokümanı SSS sayfaları hakkında ve ayrıca SSS bölümleri (+ JSON-LD verileri) olan birçok siteyle karşılaştırıldı, ancak özel sorumu bulup yanıtlayamadım.

Aşağıdaki örneğin dikkate alınarak aşağıdaki yığının doğru olup olmayacağını bilmek istedim. "yardım" her iki içeriğin de (HTML + JSON verileri) bir şekilde senkronize edilmesi.

<div itemscope itemtype="https://schema.org/FAQPage">
    <details class="my-class" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary class="my-class__summary">
            <span class="my-class__title" itemprop="name">HERE_GOES_TITLE</span>
            <span class="my-class__toggle" aria-hidden="true">+</span>
        </summary>
        <div class="my-class__content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
            <div itemprop="text">
                <p>HERE_GOES_DESCRIPTION</p>
            </div>
        </div>
    </details>
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "HERE_GOES_TITLE",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>HERE_GOES_DESCRIPTION</p>"
      }
    }
  ]
}
</script><div itemscope itemtype="https://schema.org/FAQPage">
    <details class="my-class" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary class="my-class__summary">
            <span class="my-class__title" itemprop="name">HERE_GOES_TITLE</span>
            <span class="my-class__toggle" aria-hidden="true">+</span>
        </summary>
        <div class="my-class__content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
            <div itemprop="text">
                <p>HERE_GOES_DESCRIPTION</p>
            </div>
        </div>
    </details>
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "HERE_GOES_TITLE",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>HERE_GOES_DESCRIPTION</p>"
      }
    }
  ]
}
</script>

Ziyaret ettiğim ve kodunu araştırdığım 12 siteden sadece 2’si önceki yapıya sahipti.

Diğer sitelerde şu şekildeydi:

<div class="custom-style">
    <details class="my-class">
        <summary class="my-class__summary">
            <span class="my-class__title">HERE_GOES_TITLE</span>
            <span class="my-class__toggle" aria-hidden="true">+</span>
        </summary>
        <div class="my-class__content">
            <div class="custom-style">
                <p>HERE_GOES_DESCRIPTION</p>
            </div>
        </div>
    </details>
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "HERE_GOES_TITLE",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>HERE_GOES_DESCRIPTION</p>"
      }
    }
  ]
}
</script><div class="custom-style">
    <details class="my-class">
        <summary class="my-class__summary">
            <span class="my-class__title">HERE_GOES_TITLE</span>
            <span class="my-class__toggle" aria-hidden="true">+</span>
        </summary>
        <div class="my-class__content">
            <div class="custom-style">
                <p>HERE_GOES_DESCRIPTION</p>
            </div>
        </div>
    </details>
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "HERE_GOES_TITLE",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>HERE_GOES_DESCRIPTION</p>"
      }
    }
  ]
}
</script>