{"id":13693,"date":"2014-05-08T06:00:00","date_gmt":"2014-05-08T13:00:00","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=13693"},"modified":"2024-03-28T01:52:32","modified_gmt":"2024-03-28T08:52:32","slug":"five-tips-for-incorporating-video-into-your-website","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website","title":{"rendered":"Five Tips for Incorporating Video Into Your Website"},"content":{"rendered":"

It’s no secret that many users prefer video to text when it comes to getting a grip on a brand, person or product. From YouTube to Vine, if a picture is worth a thousand words, so is a video. This familiarity with video also means users have much higher expectations of how videos fit into site design. The fallback of the embedded YouTube video just doesn’t cut it anymore. A video needs to be an integral part of the site’s layout. Here are five tips to make sure that your video is an asset to your site.<\/p>\n

<\/span>Placement really counts.<\/span><\/h3>\n

\nWhere you put a video on a page makes a huge difference in how it impacts the layout and the reader’s eye. Putting a video toward the top or left of a page means that users will encounter it quickly in the process of “reading†the page. That’s great if you are using the video to replace important text, such as an About Us page or a product description. Placing a video toward the right or bottom of the page is better if that video contains supplementary content, such as in the case of accompanying an article.\n<\/p>\n

<\/span>Consider your still.<\/span><\/h3>\n

\nAfter all, the video’s still is an invitation to viewers to watch it! Pick one that clearly shows the topic for the video. If it’s a product ad, make sure you can clearly see the product. If it’s a brand intro, use one that shows the speaker’s face in focus. Try to find a compelling image that stands out. It should also be clear at a glance that this is not a stock image of a person or product. Avoid a video with a lot of effects unless it’s appropriate for the site (like a portfolio site or a graphic designer’s business page, for example).\n<\/p>\n

<\/span>Try background video.<\/span><\/h3>\n

\nUsing a large video instead of a graphic for the background of a web page is an arresting choice, and it’s very on-trend for 2014. Just make sure the colors and images of the video coordinate with your page’s navigation bar and overall layout.\n<\/p>\n

<\/span>Don’t auto play.<\/span><\/h3>\n

\nAvoid any video that plays automatically, especially with sound. Not every user wants to watch a video the minute they visit a site. Make sure, though, that the play button is easy to find if the video isn’t an embedded one from a popular site. And make sure the video loads easily, no matter what browser or platform is being used.\n<\/p>\n

<\/span>Create a specialized and broad interest.<\/span><\/h3>\n

\nCall something specific to attention while still piquing curiosity about the rest of the site. Make sure the video provides a clear summary of the highlights of the product, brand or person it describes. Think elevator pitch, not novel.
\nUltimately, adding video to your site is a great way to generate more traffic and boost visibility. How you choose to go about it, though, can have a huge impact on how successfully it works. A video needs to have a point. It has to enhance the page as much as a photo or illustration, and it has to be as coherent a sales tool as text.
\nSo, before you add a video, ask yourself if it meets these criteria. If it doesn’t, you might be better off simply using still images or copy. If it does, go ahead and add it to your site.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

It’s no secret that many users prefer video to text when it comes to getting a grip on a brand, person or product. From YouTube to Vine, if a picture is worth a thousand words, so is a video. This familiarity with video also means users have much higher expectations of how videos fit into […]<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[127],"tags":[305,374,496],"topics":[],"class_list":["post-13693","post","type-post","status-publish","format-standard","hentry","category-shop-center","tag-web-design","tag-video","tag-trends"],"acf":[],"yoast_head":"\nFive Tips for Incorporating Video Into Your Website - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Five Tips for Incorporating Video Into Your Website\" \/>\n<meta property=\"og:description\" content=\"It’s no secret that many users prefer video to text when it comes to getting a grip on a brand, person or product. From YouTube to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-08T13:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T08:52:32+00:00\" \/>\n<meta name=\"author\" content=\"Creative Market\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Creative Market\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/five-tips-for-incorporating-video-into-your-website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/five-tips-for-incorporating-video-into-your-website\",\"name\":\"Five Tips for Incorporating Video Into Your Website - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"datePublished\":\"2014-05-08T13:00:00+00:00\",\"dateModified\":\"2024-03-28T08:52:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/five-tips-for-incorporating-video-into-your-website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/five-tips-for-incorporating-video-into-your-website\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/five-tips-for-incorporating-video-into-your-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Five Tips for Incorporating Video Into Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Five Tips for Incorporating Video Into Your Website - Creative Market Blog","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:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website","og_locale":"en_US","og_type":"article","og_title":"Five Tips for Incorporating Video Into Your Website","og_description":"It’s no secret that many users prefer video to text when it comes to getting a grip on a brand, person or product. From YouTube to","og_url":"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-05-08T13:00:00+00:00","article_modified_time":"2024-03-28T08:52:32+00:00","author":"Creative Market","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Creative Market","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website","url":"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website","name":"Five Tips for Incorporating Video Into Your Website - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"datePublished":"2014-05-08T13:00:00+00:00","dateModified":"2024-03-28T08:52:32+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/five-tips-for-incorporating-video-into-your-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Five Tips for Incorporating Video Into Your Website"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/13693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=13693"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/13693\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=13693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=13693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=13693"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=13693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}