{"id":38053,"date":"2022-12-15T12:04:04","date_gmt":"2022-12-15T20:04:04","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=38053"},"modified":"2022-12-15T12:06:53","modified_gmt":"2022-12-15T20:06:53","slug":"ux-of-videos","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/","title":{"rendered":"How to Optimize Videos To Improve Website UX"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX-1024x512.png\" alt=\"Optimizing Videos To Improve Website UX\" class=\"wp-image-38054\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>One of the simplest ways website owners can improve user experience is by implementing videos onto their site. Why spend hours revising instructional copy or guides when a video can condense it in a few minutes? Using videos wisely can be a great way to put users first and boost your site\u2019s UX.&nbsp;<\/p>\n\n\n\n<p><em>You\u2019re about to read a guest post by Sam Jagger from Website Builder Expert about the tips on optimizing a video for better user experience.<\/em><\/p>\n\n\n\n<p>Videos may seem like an unlikely target for optimization, but you\u2019d be surprised at the complexity they carry under the hood. Are they in the right file format? The right size? Do they slow the site down? Are they too distracting? Are you correctly sharing them for the best SEO results?&nbsp;<\/p>\n\n\n\n<p>I\u2019ve collated a quick rundown of the best optimization techniques for video to improve website UX, so you can be a video whizz and create a smoother experience for your customers than ever before.<\/p>\n\n\n\n<p>Want to see what others think of your site with a video content? Create a prototype of your site with a video in it. UXPin is a prototyping software that will make adding a real video that can be played to the prototype quick and easy. <a href=\"https:\/\/uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for a free trial now<\/a>.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-fundamentals-of-video-optimization\">The Fundamentals of Video Optimization<\/h2>\n\n\n\n<p>Creating videos for your site can be great fun! Who hasn\u2019t wanted to take a seat in the director\u2019s chair and be an auteur for a day? But there are some important technical details that you must see to.<\/p>\n\n\n\n<p>You don\u2019t want to go through the effort (and money) of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-content-strategy\/\" target=\"_blank\" rel=\"noreferrer noopener\">creating content<\/a> only to find the video is unusable on your site. And you don\u2019t want to add a video if it risks ruining your site\u2019s UX instead of improving it!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Speed is key<\/h3>\n\n\n\n<p>Videos can be pretty intense on a website&#8217;s memory. Slow loading is the bane of all computer users, with Google\u2019s research showing that the chance of a bounce <a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/website-load-time-statistics\/#:~:text=Google's%20research%20showed%20that%20the,a%20bounce%20increases%20to%20123%25.\" target=\"_blank\" rel=\"noreferrer noopener\">increased by 32%<\/a> when a page load time went from one to three seconds, and by 90% when the page load time went from one to five seconds.&nbsp;<\/p>\n\n\n\n<p>The smaller the file size, the less your CPU struggles and the faster your site is for your audience.<\/p>\n\n\n\n<p>On the flip side, you also want your video to look good. You may get a smaller file size but if your resolution is too low then your customers won\u2019t even be able to see what\u2019s on your video.&nbsp;<\/p>\n\n\n\n<p>An 8K video will probably run your website to a standstill trying to play, while a 144p video won\u2019t be that intensive but it will have that \u201cpotato quality\u201d that you should avoid if you want good UX. We recommend a nice solid 1080p video, but you could even go all the way down to 480p and still have quality video.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/-28p1AvGPJeFtWVMJXPGWdIqJoxOFy0fcUfOKiacRr_bk14jkuTWU9dJWRooNFoXPwApiFRiB6l_jSCsyonReeKMm_EzAU4hkbrpxFpqporDlFeT5cvFilM11EiWp3Q2tuXc7hAi3IAAQ_yLgCxaAmLl8ePxCAHVyh279FxekzLYYdNGoabVfe-qRTfbKw\" alt=\"what kind of vocabulary UX designers need to optimize video \" width=\"650\"\/><figcaption class=\"wp-element-caption\"><em>Source: <\/em><a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/video-optimization-for-your-website\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Website Builder Expert<\/em><\/a><\/figcaption><\/figure>\n\n\n\n<p>If you find you just need the best-looking video with the fastest bitrate at 60 FPS, possibly think about <strong>upgrading your hosting provider.<\/strong> Providers such as IONOS can offer up to 64GB RAM and 800GB of storage if you\u2019re willing to pay, which is more than enough to even get the most data-heavy videos working like a charm.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The right format<\/h3>\n\n\n\n<p>A lot of what was mentioned above comes down to what video format you use. There are many ways to host a video, from embedding a YouTube video to exporting it into a unique format. Let\u2019s go over a few options:<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/uRxZKeElKmqfx1N3XYpZm32SOrh9scCWshQE-a-VH8qMdnHV18uadB89jccLl_j42JrgNjIQ7Jj1AJqX9iWIyXuUJpBESzlBa-SZHAzm9scExgLil39YJ-OATH10Cbgo--clpBFwPzeyLVMBxnvXAAh28Gn04gl4GLFYKzoC7I1aGglFPavtN7-v8gBzAQ\" alt=\"formatting your video for your website guide\" width=\"650\"\/><\/figure>\n\n\n\n<p><strong>Online Services: <\/strong>Sites like YouTube and Vimeo often use MP4 and are the easiest way to host videos on your site \u2013 they won\u2019t slow down your site since they are being hosted on other platforms anyway.&nbsp;<\/p>\n\n\n\n<p>During the designing process, you should be able to embed a line of code from your video so it appears seamlessly on your site. Additionally, having a presence on YouTube is great for getting your site noticed by others (but we\u2019ll cover more of this in our dedicated SEO section!)<\/p>\n\n\n\n<p>A downside to this is that you are dependent on these services for the upkeep of your video.&nbsp; If any of them have to go down for maintenance you won\u2019t be able to remedy it. YouTube can be particularly problematic when it comes to copyrighted material, as well as airing ads before videos.&nbsp;<\/p>\n\n\n\n<p>Ads can really harm your site&#8217;s UX, so make sure you have your videos set to \u201cPrivate\u201d, though that will mean you\u2019ll be unable to collect views and spread your video around YouTube. Vimeo also has an upload limit, so if you plan to use it multiple times you may need to pay a subscription, which begins at $6.75 per month.<\/p>\n\n\n\n<p><strong>WEBM:<\/strong> Using HTML5 is the most popular and safe way of uploading a video to your site, as you have complete control over its design, though it may take some trial and error to get it to the exact size and shape you need for your site.<\/p>\n\n\n\n<p>Luckily, you can insert a video into your UXPin prototype,<strong> <\/strong>allowing you to change and alter to your heart\u2019s content without it affecting the live site.<\/p>\n\n\n\n<p><strong>MPEG and MOV: <\/strong>While these formats have their merits, we wouldn\u2019t recommend them if you\u2019re looking to optimize your site. They have great quality for video and are the recommended formats for filmmakers, but they will definitely take a toll on your site&#8217;s overall speed. If you are planning to have a load of slick animations and transitions on your page, we recommend going with an embedded YouTube MP4 or HTML5.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Users should get control<\/h3>\n\n\n\n<p>An important part of having video on your site is allowing your visitors to control it. Let them pause the video, change the resolution, and increase or decrease the volume. Not doing so will most likely leave your visitors confused and frustrated, which is the last thing you want.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-video-seo-tips-for-ux\">Video SEO Tips For UX<\/h2>\n\n\n\n<p>Now that we know how to optimize your videos so they actually work on your site, now comes the fun part! <a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/video-seo-optimization\/\" target=\"_blank\" rel=\"noreferrer noopener\">Optimizing your videos for SEO<\/a> covers how you can use videos on your site to really enhance the UX. Videos can be effective weapons in getting users to your site, but you must learn how to wield them.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use YouTube and Google Search Bars<\/h3>\n\n\n\n<p>Creating topical, fresh, and relevant videos &#8211; and making them easy to find &#8211; is a big step to better UX. As we mentioned before, uploading your video to YouTube or Vimeo and then embedding it means you can then market your site through those social platforms. YouTube alone has <a href=\"https:\/\/www.demandsage.com\/youtube-stats\/#:~:text=YouTube%20Monthly%20Active%20Users.,at%20least%20once%20a%20month.\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">2.6 billion active users <\/a>so it\u2019s definitely worth your time to try and grow on the platform.<\/p>\n\n\n\n<p>The first thing that will get your video seen and shared is the title. Simply try searching for similar content to your video on YouTube and Google and see what comes up. Trends are what keep YouTube as a platform running, so don\u2019t be afraid to take inspiration from the competition.&nbsp;<\/p>\n\n\n\n<p>Additionally, take note of what appears in the recommended searches, as these will be based on past user activity. They could be the key to giving you the idea you need going forward.<\/p>\n\n\n\n<p>Tools like <a href=\"https:\/\/trends.google.com\/trends\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google Trends<\/a> are key for all those trying to better their site SEO. Giving your users what they want and when they want it will lead to a great user experience, so keep this in mind when you edit your UX.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"315\" src=\"https:\/\/lh3.googleusercontent.com\/yHWM4htkfTG4xOCeH4yCMnR65sFAAVxV57FpTlJDFEHz4alZbCKHoIcew157TfKrd0fZdSY27jBgXTois9VGC3x-wyoCLyPCCddn0vToMQdGJt2FzpxOnk0wEMyqI7ovGHyX9a-eg8Vl_77g7ISv7Ifu0wxfEwF4ApbIr-7m3rjyntHl4LHB-MgUOyXpCQ\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Don\u2019t replace all the text&nbsp;with video<\/h3>\n\n\n\n<p>While videos can be great tools for UX, don\u2019t go crazy. There is such a thing as \u201ctoo-optimized\u201d. Google <strong>needs <\/strong>text in order to place your site on the Google search results page, so don\u2019t go getting rid of all your text boxes in place of video, because you may see your traffic start to go down.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Make sure it works for mobile users<\/h3>\n\n\n\n<p>Mobile users account for <a href=\"https:\/\/www.statista.com\/topics\/779\/mobile-internet\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">59.72% of all internet usage<\/a>, so it\u2019s vital you make sure your videos are optimized for <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/a-hands-on-guide-to-mobile-first-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">mobile use<\/a>. This means making sure all your videos work great on mobile and have reactive aspect ratios, with a high enough resolution, so they can be <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-mobile-ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">seen clearly on mobile devices<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-optimize-videos-for-good-ux\">Optimize Videos for Good UX<\/h2>\n\n\n\n<p>As you can see, optimizing videos for your website&#8217;s UX isn\u2019t just a walk in the park. There can be a lot to check, but ultimately the results will be worth it. Remember to always keep the visitor in mind. Videos are certainly a flashy way to get someone&#8217;s attention, but if it <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/customer-journey-mapping-mistakes\/\" target=\"_blank\" rel=\"noreferrer noopener\">starts to affect the visitor&#8217;s journey<\/a> on your site, maybe think about dialing them back just a little.&nbsp;<\/p>\n\n\n\n<p>However, if you follow the points we&#8217;ve covered in this article, you should find that optimizing videos can go a long way to improving your site UX, and increasing your number of happy customers along the way!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create Prototypes of Websites with UXPin<\/h2>\n\n\n\n<p>UXPin is an advanced prototyping tool that makes building and sharing prototypes with rich content, such as videos, playlists, sortable data tables fun and easy. The videos that you add are not only visual representations of what you&#8217;re going to put on your site, the people who interact with your prototype can actually play it! <a href=\"https:\/\/uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin for free<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">Try UXPin for free<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>One of the simplest ways website owners can improve user experience is by implementing videos onto their site. Why spend hours revising instructional copy or guides when a video can condense it in a few minutes? Using videos wisely can be a great way to put users first and boost your site\u2019s UX.&nbsp; You\u2019re about<\/p>\n","protected":false},"author":223,"featured_media":38054,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,15,6,7],"tags":[],"class_list":["post-38053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-responsive-web-design","category-ux-design","category-web-design"],"yoast_title":"","yoast_metadesc":"Site design isn't all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Optimize Videos To Improve Website UX | UXPin<\/title>\n<meta name=\"description\" content=\"Site design isn&#039;t all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Optimize Videos To Improve Website UX\" \/>\n<meta property=\"og:description\" content=\"Site design isn&#039;t all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-15T20:04:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-15T20:06:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sam Jagger\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sam Jagger\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/\"},\"author\":{\"name\":\"Sam Jagger\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/d08060a20b16d26c816e57b4f302cc7b\"},\"headline\":\"How to Optimize Videos To Improve Website UX\",\"datePublished\":\"2022-12-15T20:04:04+00:00\",\"dateModified\":\"2022-12-15T20:06:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/\"},\"wordCount\":1600,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Optimizing-Videos-To-Improve-Website-UX.png\",\"articleSection\":[\"Blog\",\"Responsive Web Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/\",\"name\":\"How to Optimize Videos To Improve Website UX | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Optimizing-Videos-To-Improve-Website-UX.png\",\"datePublished\":\"2022-12-15T20:04:04+00:00\",\"dateModified\":\"2022-12-15T20:06:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/d08060a20b16d26c816e57b4f302cc7b\"},\"description\":\"Site design isn't all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Optimizing-Videos-To-Improve-Website-UX.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Optimizing-Videos-To-Improve-Website-UX.png\",\"width\":1200,\"height\":600,\"caption\":\"Optimizing Videos To Improve Website UX\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/ux-of-videos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Optimize Videos To Improve Website UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/d08060a20b16d26c816e57b4f302cc7b\",\"name\":\"Sam Jagger\",\"sameAs\":[\"https:\\\/\\\/www.websitebuilderexpert.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/sam-jagger\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Optimize Videos To Improve Website UX | UXPin","description":"Site design isn't all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/","og_locale":"en_US","og_type":"article","og_title":"How to Optimize Videos To Improve Website UX","og_description":"Site design isn't all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/","og_site_name":"Studio by UXPin","article_published_time":"2022-12-15T20:04:04+00:00","article_modified_time":"2022-12-15T20:06:53+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png","type":"image\/png"}],"author":"Sam Jagger","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sam Jagger","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/"},"author":{"name":"Sam Jagger","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/d08060a20b16d26c816e57b4f302cc7b"},"headline":"How to Optimize Videos To Improve Website UX","datePublished":"2022-12-15T20:04:04+00:00","dateModified":"2022-12-15T20:06:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/"},"wordCount":1600,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png","articleSection":["Blog","Responsive Web Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/","name":"How to Optimize Videos To Improve Website UX | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png","datePublished":"2022-12-15T20:04:04+00:00","dateModified":"2022-12-15T20:06:53+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/d08060a20b16d26c816e57b4f302cc7b"},"description":"Site design isn't all pictures and text! You can actually insert a video that your users will love! See how to optimize videos to improve UX.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/12\/Optimizing-Videos-To-Improve-Website-UX.png","width":1200,"height":600,"caption":"Optimizing Videos To Improve Website UX"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/ux-of-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Optimize Videos To Improve Website UX"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/d08060a20b16d26c816e57b4f302cc7b","name":"Sam Jagger","sameAs":["https:\/\/www.websitebuilderexpert.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/sam-jagger\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/38053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/223"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=38053"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/38053\/revisions"}],"predecessor-version":[{"id":38059,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/38053\/revisions\/38059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/38054"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=38053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=38053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=38053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}