Speakable til Voice Search

IndholdAvanceret

Speakable markup til at markere indhold der er optimeret til voice assistants og oplæsning.

Kode Eksempel

<!DOCTYPE html>
<html lang="da">
<head>
  <title>Klimatopmøde resulterer i historisk aftale</title>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    "headline": "Klimatopmøde resulterer i historisk aftale om CO2-reduktion",
    "datePublished": "2025-01-20T08:00:00+01:00",
    "author": {
      "@type": "Person",
      "name": "Maria Klimsen"
    },
    "publisher": {
      "@type": "Organization",
      "name": "Danmarks Nyheder",
      "logo": {
        "@type": "ImageObject",
        "url": "https://example.com/logo.png"
      }
    },
    "image": "https://example.com/klimatopmoed.jpg",
    "speakable": {
      "@type": "SpeakableSpecification",
      "cssSelector": [
        ".headline",
        ".summary",
        ".key-points"
      ]
    },
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://example.com/nyheder/klimaaftale-2025"
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "Klimatopmøde resulterer i historisk aftale",
    "speakable": {
      "@type": "SpeakableSpecification",
      "xpath": [
        "/html/head/title",
        "/html/body/article/section[1]/p[1]",
        "/html/body/article/section[2]/ul"
      ]
    }
  }
  </script>
</head>
<body>
  <article>
    <h1 class="headline">Klimatopmøde resulterer i historisk aftale om CO2-reduktion</h1>
    
    <p class="summary">
      Verdens ledere har på klimatopmødet i København indgået en historisk aftale om at reducere CO2-udledningen med 60 procent inden 2035. Aftalen er den mest ambitiøse klimaaftale nogensinde.
    </p>
    
    <div class="key-points">
      <h2>De vigtigste punkter:</h2>
      <ul>
        <li>60% CO2-reduktion inden 2035</li>
        <li>100 milliarder dollars årligt til grøn omstilling</li>
        <li>Stop for nye kulfyrede kraftværker fra 2026</li>
        <li>Binding aftale for alle 195 lande</li>
      </ul>
    </div>
    
    <section class="article-body">
      <p>Aftalen, der blev underskrevet i nat efter 14 dages intense forhandlinger...</p>
    </section>
  </article>
</body>
</html>

Forklaring

Dette eksempel viser Speakable markup der markerer hvilke dele af indholdet der er bedst egnet til voice assistants som Google Assistant at læse op. Når brugere spørger voice assistants om nyheder, vil de prioritere at læse speakable-markeret indhold.

Use Cases

→Nyhedsartikler
→Breaking news
→Vejrudsigter
→Sports resultater
→Aktiekurser og finans nyheder

Best Practices

✓Brug cssSelector til at markere specifikke CSS klasser
✓Alternativt brug xpath til præcise XPath selectorer
✓Marker headline, summary og key points
✓Hold speakable indhold kortfattet (2-3 sætninger)
✓Undgå at markere navigation eller ads
✓Speakable indhold skal give mening når læst op
✓Kombiner med NewsArticle eller Article schema
✓Test hvordan indholdet lyder når læst op

Quick Info

Kategori: Indhold
Sværhedsgrad: Avanceret
Use Cases: 5
Best Practices: 8

← Tilbage til alle eksempler