Streaming live at 10am (PST)

Video in Sitemaps


#1

When Webflow auto-generates a sitemap, does it include information on embedded videos as per Google's guidelines?

https://developers.google.com/webmasters/videosearch/sitemaps


#2

Hi Vexir,

Thanks for getting in touch, no Webflow does not yet any extra information about video embeds. That sounds like a good feature update to make, the Wishlist is a good place to get that in front of the dev team.

Alternatively, you might use some custom json-ld in the Body section of a dynamic template in CMS, and then insert fields from your CMS about each video, into the fields in the json:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "VideoObject",
  "name": "Title",
  "description": "Video description",
  "thumbnailUrl": "https://www.example.com/thumbnail.jpg",
  "uploadDate": "2015-02-05T08:00:00+08:00",
  "duration": "PT1M33S",
  "publisher": {
    "@type": "Organization",
    "name": "Example Publisher",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.jpg",
      "width": 600,
      "height": 60
    }
  },
  "contentUrl": "https://www.example.com/video123.flv",
  "embedUrl": "https://www.example.com/videoplayer.swf?video=123",
  "interactionCount": "2347"
}
</script>

You paste the script above into the Before Body section using custom code: http://help.webflow.com/faq/how-to-use-the-embed-widget-to-add-custom-code-to-a-webpage

You can insert fields from the CMS, into the various value fields. Or you can put static info there, or use javascript to do it.

See more here: https://developers.google.com/search/docs/data-types/videos
and here: https://search.google.com/structured-data/testing-tool

I hope this helps to give you some ideas.


#3

Thanks for your response!

*Ignoring CMS for a moment because my plan doesn't include it yet and I
haven't learned how to use it.*

In the script you sent, how does the metadata inside it get correlated to
the video that's on the page? I don't see an id anywhere in there.

Eshan


#4

Hi @Vexir, it should be the embedUrl values, like:

"embedUrl": "https://www.example.com/videoplayer.swf?video=123",

Where in the example, the id is the video=123 part, usually included to url.

I hope this helps!


#5

Hi @cyberdave

I want to insert a CMS video url into this code as the “contentUrl”. However the webflow custom code add field dialog does not display the video url as a potential field either in the current collection or in a reference collection. How would you approach this? Thanks

Edit : Sorry read only link link https://preview.webflow.com/preview/video-cms-testing?preview=d57f8393af77fbf5cb39e2c673a4e973

I added a text url field to the video collection. I can add this to the code and tested it. However I don’t want users entering the video as a link and a text field, so this means I will have to use an iframe to embed the vimeo vid and dump the video element. Is this the correct approach? I guess it provides more customisation eg. autoplay?