So you’ve finished creating your video. It’s near the desired length; you have the right message crafted for your target audience — all that’s left is to hit “Publish.” But where do you publish your video and what size should it be?
The position and size of your embed is crucial to its performance. Customized embed codes can make it easier for users to engage with your content because you can optimize videos to fit flawlessly into your web page.
Customizing video embed codes offers a number of advantages:
Benefits of Customizing Embed Codes
If you’re in charge of creating any kind of content for your company, you most likely live and breathe SEO. After all, when you create a piece of content, you want to make sure it’s readily available and easily searchable for the Google Bots to deliver to relevant searchers. The same goes for videos.
With customized embed codes you can add metadata like a Title or Description and even Tags that improve the positioning of your content in search results. This can also make it easier for Google’s spiders to index your content from your webpage’s sitemap.
But in order for Google to identify your videos, it’s important that you add the right video markup. Google has extensive documentation on how you can mark up your video content with relevant HTML tags. These tags include details like:
- Name – Title of your video
- Description – Description of the video’s content i.e. what is it about
- Duration – Length of your video
- Thumbnail URL – URL of the image search engines will use as a preview of your video in search results
- Embed URL – URL of the page where the video is embedded
While the process can seem tedious, some video hosting platforms like Wistia offer embed codes that automatically put the relevant markup on your website page. Just copy and paste the embed code on your site, and it will add the relevant markup to the page.
Tip: Want to verify that Google is able to see your video and its metadata? Test it out with Google’s Structured Data Testing Tool. If the video is properly marked up, Google should find a VideoObject on the page.
Video Screen Size
Should your video live in a small column on the side of your page below the fold? Or should it take up half the page, making it the first thing your audience sees? The answer varies based on the purpose of the video and its priority in relation to the rest of the page.
Customized embed codes allow you to size your videos exactly the way you want them. You can create a video player that is 1200px wide and add it to a landing page with a CTA. Or you can go with something smaller like a 600px wide video player that supports your blog post.
To customize the video player size, you can use the “Video Size” option in your video hosting platform or change the dimensions within the embed code itself:
Once you have the desired video player size, copy the embed code from your video hosting platform and paste it to the relevant page.
Tip: It helps to determine the width of your website page beforehand, so that the video player doesn’t exceed the dimensions of it and spill over outside the page.
Using customized embed codes you can make it easy for your viewers to press “Play” exactly when and where you want them to.
A similar, and slightly related, benefit of embed codes is the ability to determine being the layout of your video.
Let’s say you want to add an explainer video on your homepage that “pops out” of the page and demands your viewers’ attention. Or something more subtle, like a tutorial that fits seamlessly into your support page. You can do either (and more) by using customized embed codes.