Speakable til Voice Search

IndholdAvanceret

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

Hvid Google-smarthøjttaler ved siden af to sorte højttalere — Foto: Sebastian Scholz (Nuki) / Unsplash

Markup

Kodeeksempel

speakable-news.htmlIndhold

<!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>

Validér altid, før du sender live

Gennemgang

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.

Anvendelse