Rich Media Transcript Markup

Enforcing time-stamped, machine-readable transcripts alongside all video/audio content.

What is it?

The requirement to provide full, text-based, time-stamped transcripts directly in the DOM for all audio and video assets embedded on a page.

Why does it matter?

Video and audio content is fundamentally a “black box” to basic web crawlers and lightweight AI agents. While massive engines like Google might process YouTube audio, smaller Answer Engines and specialized AI agents rely purely on the text payload of the page. If your core value proposition is trapped in a video, you are invisible to AEO.

How to implement it

1. DOM Embedding

Do not just link to an external PDF or VTT file. Embed the text directly into the HTML payload. Use the <details> element to keep the UI clean while exposing the text to crawlers.

<details>
  <summary>Read full video transcript</summary>
  <div class="transcript">
    <p><time datetime="00:00:15">00:15</time> - Welcome to our deep dive on zero-jank interfaces.</p>
    <p><time datetime="00:00:22">00:22</time> - Today we will cover main-thread blocking...</p>
  </div>
</details>

2. WebVTT for Media Players

In addition to the DOM text, provide a standard .vtt track for the <video> element for human accessibility (Closed Captions).

<video src="presentation.mp4" controls>
  <track kind="captions" src="presentation.vtt" srclang="en" label="English">
</video>

Verification

Disable JavaScript and verify the transcript is fully readable in the raw HTML payload.