Speakable Web Content

How to create and publish web content optimized for voice.

What is Speakable Content?

Speakable content is text on your website that is optimized for voice assistants. That means it is well written to be read out loud using text to speech. Marking web content as speakable for voice is the same idea as making it bold for display.

The markup that indicates that content is speakable is defined by an open web standard. The speakable specification is defined on schema.org. It tells us what markup to use to indicate when your web content is optimized for voice devices.

Why is Speakable Content Important?

The rapid adoption of voice devices such as Amazon Echo and Google Home means that the number of web searches that are initiated by voice is rising quickly. Just as mobile device adoption drove the web to become responsive to smaller screens, smart speakers are driving us to become responsive to voice.

Users are asking their voice assistants questions, and the assitants need a way to find the answers. Many of these answers are already plublished on the web. Google has said that its search engines are aware of speakable markup. This means that some voice assistants are already looking to the web for answers. As voice assistants will preferentially use voice-optimized content in their responses, adding speakable content to your website can make you rank higher in voice-initiated searches.

Adding markup allows search engines and other applications to identify content to read aloud on Google Assistant-enabled devices using TTS. Webpages with speakable structured data can use the Google Assistant to distribute the content through new channels and reach a wider base of users.

How to Add Speakable Content

To add speakable content to a website you need to include both the SpeakableSpecification and the speakable markup. The SpeakableSpecification as defined by schema.org tells web crawlers which markup on your page indicates speakable content. Then you need to add the markup and the content. For optimal audio user experiences, Google recommends around 20-30 seconds of content per section of speakable structured data, or roughly two to three sentences.

1. Structured Data

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebPage",
    "speakable":{
        "@type":"SpeakableSpecification",
        "cssSelector":[".soundcheck-speakable"]
    }
}
</script>

2. Content

<p class="soundcheck-speakable">
    This paragraph is marked as speakable.
</p>

Soundcheck WordPress Plugin

If you have a WordPress site, adding and validating speakable content is as easy as point, click, and type. The Soundcheck plugin for WordPress integrates directly with the new Gutenberg editor so you don't have to bother with structured data or custom markup.

1. Structured Data

Click the Soundcheck sidebar button and enable the speakable structured data. If you already have speakable structured data defined using another plugin, you can skip this step.

2. Content

Open any post and click the add block button. Select "Speakable Section" from the Soundcheck group. Type your text content in the block.

Publish, validate, and manage voice-optimized web content.