How to Improve SEO for Embedded Brainshark Video Presentations

October 09, 2013 | Brendan Cournoyer
How to Improve SEO for Embedded Brainshark Video Presentations

By adding structured data to Brainshark presentations on your website, you can drive more traffic to your pages while making it easier for search engines to index your content.

It’s been well established that online video content has a lot to offer when it comes to search engine optimization (SEO). Unlike with plain text, however, Google can’t extract the details of your videos on its own. In order for search engines to know what your video content is about, you need to tell them!

When it comes to video, this is done through the use of structured data. For video content like Brainshark On-Demand presentations, this requires the use of Schema.org markup, which Google calls “the recommended way to describe videos on the web.” Don’t let this scare you! All it means is that you should provide additional details when embedding your Brainshark videos to webpages.

By providing more information for Google to crawl, you can:

  • Increase the value and search rankings of your webpages

  • Enable your content to be indexed in video-filtered web searches

  • Use video thumbnails to create more visually compelling search results

Sounds good, right? Let’s take a look at how it works.

Adding structured data to Brainshark presentations

When embedding a Brainshark video presentation to a webpage’s HTML, you can add structured data for Google to crawl by first pasting in the following code snippet:

<div id="watch-container" itemscope itemtype="http://schema.org/VideoObject">

<link itemprop="url" href="//www.brainshark.com/%20%E2%80%9D%20/%3E%3C/tt%3E%3C/p%3E%20%3Cp%3E%3Ctt%3E%3Cmeta%C2%A0%20itemprop%3D"name" content=" " />

<meta itemprop="description" content=" " />

<meta itemprop="keywords" content=" " />

<meta itemprop="duration" content="PTXMXXS" />

<link itemprop="thumbnailUrl" href="//www.brainshark.com/%20" />

<link itemprop="embedURL" href="//www.brainshark.com/%20" />

<meta  itemprop="playerType" content="Flash" />

<meta itemprop="width" content=" " />

<meta itemprop="height" content=" " />

<meta  itemprop="isFamilyFriendly" content="True" />

<object>EMBED BRAINSHARK OBJECT EMBED CODE</object>

</div>

Look technical? Don’t worry, we’ll walk through each section piece by piece. Once you have this code in place, you simply need to plug in the appropriate details to tell Google more about your presentation. Let’s start at the top.

#1. This first bit of code simply identifies your presentation as a video object for Google to crawl using the Schema.org markup. You don’t have to make any changes to this section.

<div id="watch-container" itemscope itemtype="http://schema.org/VideoObject">

#2. Here is where you tell Google which specific webpage your video should be associated with. This is the URL of the webpage the presentation is embedded on, and should be pasted in between the quotes, highlighted in yellow below.

<link itemprop="url" href=" " />

#3. These next four pieces are basic item properties – additional details about your presentation. In the highlighted areas, you should provide the name (title) of your video, a short description of your video, specific keywords relevant to both your video and the webpage, and the duration of your video.  (Note: For the duration, “XM” refers to X number of minutes, while “XXS” refers to X number of seconds. For example, a presentation that was 2 minutes and 31 seconds long would be inputted like this: PT2M31S)

<meta  itemprop="name" content=" " />

<meta itemprop="description" content=" " />

<meta itemprop="keywords" content=" " />

<meta itemprop="duration" content="PTXMXXS" />

#4. The next two items ask for URLs for your video thumbnail and the video itself. The thumbnail is the cover image you want Google to pull for your video. This should be a .jpg, .png or .gif file with minimum dimensions of 640x480 pixels.  This image should be published to your CMS so you can paste in the hosted image URL into the code.

The embedded URL is simply the web address for the video you are embedding, which can be easily found when you choose to share a Brainshark presentation.

<link itemprop="thumbnailUrl" href=" " />

<link itemprop="embedURL" href=" " />

#5. These next items are pretty straightforward. The first simply tells Google that you are embedding a Flash video file, and requires no additional steps. The next two identify the width and height of the Brainshark video player being embedded. Brainshark gives you the default player size options of 345x294, 440x366 and 555x452, so just input the size for the player you’ve selected. The final item signifies that your presentation is “family friendly.”

<meta  itemprop="playerType" content="Flash" />

<meta itemprop="width" content=" " />

<meta itemprop="height" content=" " />

<meta  itemprop="isFamilyFriendly" content="True" />

#6. The last thing you need to do is paste in the object embed code for your presentation, just like you normally would when posting a Brainshark to your website. You can paste this code over the entire line highlighted below.

<object> EMBED BRAINSHARK OBJECT EMBED CODE </object>

</div>

Note that to get this code in Brainshark On-Demand, you need to first check the “Use <object> embed code” box (below). From there, it’s a simple matter of copy/paste.

seo-for-embedded-brainshark-video-presentations

That’s all there is to it! What we’ve essentially done here is take the usual embed code for our Brainshark presentation and “wrapped” it with additional information for Google to crawl using structured data.

Before you are ready to publish, you should preview your webpage to ensure that the video is embedded properly. Once your page is live, you can then test the code to make sure you’ve applied the structured data correctly. This can be done quickly and easily using the Structured Data Testing Tool provided by Google. Simply paste in the URL for your webpage and click Preview (below). Google will then return all the structured data it has extracted from that page.

seo-for-embedded-brainshark-video-presentations

When done right, your Brainshark video presentations will be indexed as videos by search engines, and potentially associated with the webpages they live on in search results.

seo-for-embedded-brainshark-video-presentations

For more video SEO tips and best practices, download our new eBook, The Marketer’s Guide to Video SEO.

    Download Our Video SEO eBook

    CSO Insights
    CSO Insights’ 2016 Sales Enablement Study
    Latest trends and research to guide your sales enablement strategy.
    Coaching Solutions
    Inside Brainshark for Coaching
    See how you can help sales reps master their skills and improve performance in this 2-minute demo video.
    GE Digital
    GE Digital’s Sales Enablement Story
    See how GE Digital’s strategy has them on pace for +40% YoY growth.