Webflow sync, pageviews & more.
NEW

How can I fix the issue with Google Console flagging alerts for videos on a Webflow page that do not have a thumbnail URL provided?

TL;DR
  • Add VideoObject schema manually using an Embed element in Webflow with required fields including thumbnailUrl, name, description, contentUrl, and uploadDate.
  • Use a valid image URL for thumbnailUrl (e.g., YouTube’s img.youtube.com) and verify the markup using Google’s Rich Results Test.

Google Search Console may flag a warning when videos on your Webflow site do not include a structured data property for a thumbnail URL. To fix this, you’ll need to ensure that your video elements include proper VideoObject schema with the required thumbnailUrl field.

1. Understand the Cause of the Warning

  • Google requires specific fields for videos embedded on a page to display enhanced results.
  • The thumbnailUrl property is required in the VideoObject schema to specify a preview image.
  • Webflow video embeds (e.g., YouTube, Vimeo) do not automatically generate schema with thumbnails.

2. Manually Add Video Schema Using Embed Element

  • Drag in an Embed element from the Add panel.
  • Inside the Embed, add your structured data as JSON-LD.
  • Replace placeholders with real data:
  • "name": Title of the video
  • "description": Short summary
  • "thumbnailUrl": Must be a URL pointing to an image (JPG/PNG)
  • "contentUrl": Direct link to the video file or hosting page
  • "uploadDate": In YYYY-MM-DD format

Example inline JSON-LD for YouTube video:

<script type="application/ld+json">{  "@context": "https://schema.org",  "@type": "VideoObject",  "name": "Your Video Title",  "description": "Short description",  "thumbnailUrl": "https://img.youtube.com/vi/VIDEO_ID/hqdefault.jpg",  "uploadDate": "2024-04-10",  "contentUrl": "https://www.youtube.com/watch?v=VIDEO_ID",  "embedUrl": "https://www.youtube.com/embed/VIDEO_ID"}</script>

Note: Webflow does not support fenced code blocks in the Designer, but this structure is acceptable in the Embed component.

3. Use a Valid Thumbnail URL

  • For YouTube: Use https://img.youtube.com/vi/VIDEO_ID/hqdefault.jpg
  • For Vimeo: You must manually upload a thumbnail to your site and link to the hosted image URL in Webflow’s asset folder or use Vimeo's API to fetch it.

4. Validate Structured Data

Summary

To resolve Google Console warnings about missing thumbnailUrl for videos in Webflow, manually add VideoObject structured data using the Embed component. Include a valid thumbnailUrl field, and verify using Google's Rich Results Test.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I fix an issue in Webflow Designer where an image keeps resizing and jumping up and down despite trying various fixes like removing max-width, setting pixel sizes, and adjusting parent element height?
How do I customize the language switch button from Weglot in Webflow?
Can I limit the width of a row in Webflow flexbox so that additional divs move to a second row?
How can I permanently remove a resume PDF file that was uploaded to my password-protected website on Webflow, as it can be crawled by search engines and compromise my NDA portfolio projects?
How can I adjust div blocks in Webflow's grid layout when they are showing a blue color when hovering over them instead of red, and the entire page has a red outline?
Has anyone experienced a situation where a CSS class is being added to the Body tag upon page load in Webflow, which overrides the default site styling? The attribute being added is 'data-wf-spring-theme-render' with a corresponding value. Thank you.
What is the issue I'm encountering when trying to paste my A records into Google Domains for my Webflow website?
How can I create a page in Webflow where text boxes scroll into view with images in the same div block, stop and become fixed in the middle of the viewport, and then scroll out of view once the images have been scrolled past?
How can I use conditional visibility in Webflow to filter category-related blog posts on a dynamic blog page? Are there any video tutorials available for this? Thank you!
How can I resolve the issue of not being able to sort items on a CMS page in Webflow when using button sorting instead of a dropdown select, especially when navigating to different pages?
How can I maintain scrolling on the page while setting the overflow for the body in Webflow?
How can I easily make future edits to exported Webflow sites hosted on Bluehost (or another hosting company) to avoid complications and still have the ability to make quick changes in the Webflow creator? Can you provide guidance on integrating WordPress for blogging with Webflow?
How can I add this Codepen to my Webflow site?
Is it possible to effectively manage subscriptions on a Webflow website using a hosted checkout from Stripe or PayPal, as an alternative to the Webflow eCommerce plan? Any limitations or drawbacks to be aware of?
Can background videos in Webflow be enabled on mobile?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?