{"id":13060,"date":"2016-07-19T20:34:56","date_gmt":"2016-07-19T20:34:56","guid":{"rendered":"https:\/\/crowdcontent.com\/blog\/?p=13060"},"modified":"2019-02-06T11:18:42","modified_gmt":"2019-02-06T16:18:42","slug":"3-reasons-you-need-responsive-design-for-your-website","status":"publish","type":"post","link":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/","title":{"rendered":"3 Reasons You Need Responsive Design for Your Website"},"content":{"rendered":"<p>In May 2015, Google announced that <a href=\"https:\/\/adwords.googleblog.com\/2015\/05\/building-for-next-moment.html\" target=\"_blank\">the volume of search requests from mobile devices overtook the number from traditional computers<\/a> in 10 countries, including the United States. The growing popularity of mobile platforms poses challenges to content managers, but using responsive design within your website may allow you to capitalize on this trend.<\/p>\n<h2>Responsive Web Design Overview<\/h2>\n<p>The responsive philosophy of website creation posits that webpages should appear attractive on a wide variety of hardware. To deliver content that&#8217;s well suited for viewing on PCs, Macs, smartphones and tablets, properly designed sites employ techniques that include:<\/p>\n<ul>\n<li>Conserving bandwidth by sending smaller images to tiny screens<\/li>\n<li class=\"_mce_tagged_br\">Variable font sizes to improve readability<\/li>\n<li class=\"_mce_tagged_br\">Proportional scaling of page elements<\/li>\n<li class=\"_mce_tagged_br\">Adjustments to layout based on screen resolution<\/li>\n<li class=\"_mce_tagged_br\">Lazy Loading to reduce initial loading times<\/li>\n<\/ul>\n<p>While there are a number of strategies for catering to your mobile audience, the use of responsive design offers several distinct advantages over most of them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13062 size-large\" src=\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/responsive-1166833_1280-620x404.png\" alt=\"responsive-1166833_1280\" width=\"620\" height=\"404\" srcset=\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/responsive-1166833_1280-620x404.png 620w, https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/responsive-1166833_1280-320x209.png 320w, https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/responsive-1166833_1280-1170x762.png 1170w, https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/responsive-1166833_1280.png 1280w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<h2>1. Managing a Responsive Site Is Easier Than Alternatives<\/h2>\n<p>Producing in-house mobile apps is one popular course of action, but this requires considerable development resources, and apps need to be updated somewhat frequently to avoid obsolescence. Another approach is to create different versions of each page for multiple devices. This involves a lot of duplication of effort and increases your file storage requirements. You may have to play catch-up as new models come on the market with display characteristics that you had not anticipated.<\/p>\n<p>Avoid having to hire app programmers or engage in arduous beta testing by instead making your website responsive. You won&#8217;t have to try to guess what specific products your audience is equipped with because your new pages will look great on all of them.<\/p>\n<h2>2. Responsive Websites Provide UX Benefits<\/h2>\n<p>Mobile-unfriendly sites can be frustrating for users: Hard-to-read text, cropped or unappealing graphics, and the need to zoom in or out can really turn visitors off your brand. Salesforce Marketing Cloud found that <a href=\"https:\/\/www.marketingcloud.com\/sites\/exacttarget\/files\/deliverables\/etmc-2014mobilebehaviorreport.pdf\" target=\"_blank\">27 percent of users will leave a site if it delivers a poor mobile experience<\/a>.<\/p>\n<p>Although dedicated apps address some of these concerns, they&#8217;ll appeal mostly to only your hardcore fans. Sites that incorporate responsive features, on the other hand, make it convenient for casual viewers as well as long-time customers to access content from mobile browsers.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13071\" src=\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/google-485611_19201-620x438.png\" alt=\"google-485611_1920\" width=\"620\" height=\"438\" srcset=\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/google-485611_19201-620x438.png 620w, https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/google-485611_19201-320x226.png 320w, https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/google-485611_19201-1170x826.png 1170w, https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/google-485611_19201.png 1920w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<h2>3. Boost Your Search Rankings With a Mobile-Friendly Site<\/h2>\n<p>As SearchEngineLand.com explains, <a href=\"http:\/\/searchengineland.com\/googles-mobile-friendly-algorithm-boost-rolled-249357\" target=\"_blank\">Google now incorporates mobile-friendliness into its search algorithms<\/a>. This means that redesigning your site to be responsive could allow you to score well in search results and displace sites that don&#8217;t adopt these methods.<\/p>\n<p>It might seem that responsive design is a no-brainer, but a study from Pure Oxygen Labs in 2015 found that <a href=\"http:\/\/pureoxygenlabs.com\/responsive-design-overtakes-dynamic-serving-as-migration-from-dedicated-mdot-sites-continues-among-internet-retailer-mobile-500\/\" target=\"_blank\">only 20 percent of the leading online retail sites used responsive designs<\/a>. There&#8217;s therefore an opportunity for you to get a leg up on your competitors by incorporating responsive web design into your online undertakings.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries, including the United States. The growing popularity of mobile platforms poses challenges to content managers, but using responsive design within your website may allow you to capitalize on this trend. Responsive Web [&hellip;]<\/p>\n","protected":false},"author":268,"featured_media":13072,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>3 Reasons You Need Responsive Design for Your Website - Crowd Content - Blog<\/title>\n<meta name=\"description\" content=\"In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries,\" \/>\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.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Reasons You Need Responsive Design for Your Website - Crowd Content - Blog\" \/>\n<meta property=\"og:description\" content=\"In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Crowd Content - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-19T20:34:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-02-06T16:18:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1275\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Grant Maddox\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Grant Maddox\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/\",\"url\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/\",\"name\":\"3 Reasons You Need Responsive Design for Your Website - Crowd Content - Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg\",\"datePublished\":\"2016-07-19T20:34:56+00:00\",\"dateModified\":\"2019-02-06T16:18:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/#\/schema\/person\/454b8399a10963e702636c1655cb27f2\"},\"description\":\"In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries,\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#primaryimage\",\"url\":\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg\",\"contentUrl\":\"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg\",\"width\":1920,\"height\":1275,\"caption\":\"mockup-654585_1920\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.crowdcontent.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Reasons You Need Responsive Design for Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/#website\",\"url\":\"https:\/\/www.crowdcontent.com\/blog\/\",\"name\":\"Crowd Content - Blog\",\"description\":\"Content Creation Advice You Can Actually Use\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.crowdcontent.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/#\/schema\/person\/454b8399a10963e702636c1655cb27f2\",\"name\":\"Grant Maddox\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.crowdcontent.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a512e10ba67f37bf72e97d07b984b39c?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a512e10ba67f37bf72e97d07b984b39c?s=96&d=blank&r=g\",\"caption\":\"Grant Maddox\"},\"description\":\"Grant Maddox enjoys writing product descriptions, reviews, articles, and blog posts. He is especially conversant in poker and other gambling games and can contribute successfully to strategy articles and news items regarding such games. Grant can write compelling content while observing the rules of English grammar.\",\"url\":\"https:\/\/www.crowdcontent.com\/blog\/author\/grant-maddox\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3 Reasons You Need Responsive Design for Your Website - Crowd Content - Blog","description":"In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries,","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.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/","og_locale":"en_US","og_type":"article","og_title":"3 Reasons You Need Responsive Design for Your Website - Crowd Content - Blog","og_description":"In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries,","og_url":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/","og_site_name":"Crowd Content - Blog","article_published_time":"2016-07-19T20:34:56+00:00","article_modified_time":"2019-02-06T16:18:42+00:00","og_image":[{"width":1920,"height":1275,"url":"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg","type":"image\/jpeg"}],"author":"Grant Maddox","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Grant Maddox","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/","url":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/","name":"3 Reasons You Need Responsive Design for Your Website - Crowd Content - Blog","isPartOf":{"@id":"https:\/\/www.crowdcontent.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg","datePublished":"2016-07-19T20:34:56+00:00","dateModified":"2019-02-06T16:18:42+00:00","author":{"@id":"https:\/\/www.crowdcontent.com\/blog\/#\/schema\/person\/454b8399a10963e702636c1655cb27f2"},"description":"In May 2015, Google announced that the volume of search requests from mobile devices overtook the number from traditional computers in 10 countries,","breadcrumb":{"@id":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#primaryimage","url":"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg","contentUrl":"https:\/\/www.crowdcontent.com\/blog\/wp-content\/uploads\/sites\/16\/mockup-654585_1920.jpg","width":1920,"height":1275,"caption":"mockup-654585_1920"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crowdcontent.com\/blog\/content-marketing\/3-reasons-you-need-responsive-design-for-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crowdcontent.com\/blog\/"},{"@type":"ListItem","position":2,"name":"3 Reasons You Need Responsive Design for Your Website"}]},{"@type":"WebSite","@id":"https:\/\/www.crowdcontent.com\/blog\/#website","url":"https:\/\/www.crowdcontent.com\/blog\/","name":"Crowd Content - Blog","description":"Content Creation Advice You Can Actually Use","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crowdcontent.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-CA"},{"@type":"Person","@id":"https:\/\/www.crowdcontent.com\/blog\/#\/schema\/person\/454b8399a10963e702636c1655cb27f2","name":"Grant Maddox","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.crowdcontent.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a512e10ba67f37bf72e97d07b984b39c?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a512e10ba67f37bf72e97d07b984b39c?s=96&d=blank&r=g","caption":"Grant Maddox"},"description":"Grant Maddox enjoys writing product descriptions, reviews, articles, and blog posts. He is especially conversant in poker and other gambling games and can contribute successfully to strategy articles and news items regarding such games. Grant can write compelling content while observing the rules of English grammar.","url":"https:\/\/www.crowdcontent.com\/blog\/author\/grant-maddox\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/posts\/13060"}],"collection":[{"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/users\/268"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/comments?post=13060"}],"version-history":[{"count":0,"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/posts\/13060\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/media\/13072"}],"wp:attachment":[{"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/media?parent=13060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/categories?post=13060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crowdcontent.com\/blog\/wp-json\/wp\/v2\/tags?post=13060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}