{"id":1011,"date":"2019-02-21T14:25:44","date_gmt":"2019-02-21T19:25:44","guid":{"rendered":"https:\/\/wattmedia.com\/blog\/?p=1011"},"modified":"2024-12-30T07:48:36","modified_gmt":"2024-12-30T12:48:36","slug":"responsive-web-design","status":"publish","type":"post","link":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/","title":{"rendered":"Responsive Web Design"},"content":{"rendered":"<p><a href=\"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1460 size-medium alignleft\" src=\"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-200x300.jpg\" alt=\"\" width=\"200\" height=\"300\" srcset=\"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-200x300.jpg 200w, https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-683x1024.jpg 683w, https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-768x1152.jpg 768w, https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-1024x1536.jpg 1024w, https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-1365x2048.jpg 1365w, https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-scaled.jpg 1707w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>With every new Apple or Samsung release, smart devices are getting more &amp; more popular. These handheld computers can do just about everything a PC can do, but with a much smaller screen. Because of this, unresponsive websites look a little wonky when loaded up on various devices, making them much harder to use effectively. This is where responsive web design comes in.<\/p>\n<p>Responsive web design involves building a website that responds to the environment it is being accessed in. Different devices have their own screen sizes and orientations, making it important that your website fits all of them while still looking great &amp; working correctly. An estimated 80% of internet users own a smartphone (<a href=\"https:\/\/www.smartinsights.com\/mobile-marketing\/mobile-marketing-analytics\/mobile-marketing-statistics\/\">Smart Insights<\/a>), and an estimated 51% of all internet traffic comes from mobile devices (<a href=\"https:\/\/www.statista.com\/topics\/779\/mobile-internet\/\">Statista<\/a>), so if your website isn\u2019t responsive, you risk losing more than 50% of potential users.<!--more--><\/p>\n<p><strong>Better for SEO<\/strong><\/p>\n<p>Not only does an unresponsive website hurt the user experience once they reach your site, it also hurts the chances of them getting there in the first place. Google has made it exceptionally clear that responsive web design is one of the very best ways to rank well.<\/p>\n<p>Here are some ways responsive design helps your Search Engine Optimization:<\/p>\n<ul>\n<li><strong>Improves Load Speed \u2013 <\/strong>Google values the user experience above all else, and if your website loads quickly, users are more likely to have a better experience. Responsive web design leads to mobile friendliness, allowing the pages to load the mobile-friendly layout more quickly than attempting to put everything from the desktop layout on the screen at once.<\/li>\n<\/ul>\n<p><strong>\u00a0<\/strong><\/p>\n<ul>\n<li><strong>Improves Time On Site &amp; Lowers Bounce Rate \u2013 <\/strong>If you visit a website on your phone and you\u2019re greeted with a small-text, zoomed out version of a desktop site, chances are that you\u2019re going to move on rather than pinching the screen to zoom to what you want. This leads to a very high bounce rate &amp; low time on site rating. These indicators tell Google that your website isn\u2019t providing value to visitors, and can hurt your ranking.<\/li>\n<\/ul>\n<p><strong>\u00a0<\/strong><\/p>\n<ul>\n<li><strong>Receives Better Ranking for Mobile Searches \u2013 <\/strong>After Google announced <a href=\"https:\/\/webmasters.googleblog.com\/2018\/03\/rolling-out-mobile-first-indexing.html\">mobile-first indexing<\/a>, they made it clear that mobile-friendly websites are the future. Despite denying a direct effect on rankings overall, they stated that responsive\/mobile-friendly websites will \u201cperform better\u201d in searches from a mobile device. With more than half of the traffic &amp; searches online coming from mobile devices, this can seriously help your site ranking.<\/li>\n<\/ul>\n<p><strong>\u00a0<\/strong><\/p>\n<p>Whether you ask Google, a web designer, or your customers, you\u2019ll most likely be told that a responsive website is the best approach for all parties. From performance improvements to improved SEO to a better user experience, the positives of mobile web design can\u2019t be overstated.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With every new Apple or Samsung release, smart devices are getting more &amp; more popular. These handheld computers can do just about everything a PC can do, but with a much smaller screen. Because of this, unresponsive websites look a little wonky when loaded up on various devices, making them much harder to use effectively. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1011","post","type-post","status-publish","format-standard","hentry","category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Web Design<\/title>\n<meta name=\"description\" content=\"Since most website visits are done via phone, responsive web design has become the new necessity. A responsive site will fit any screen it is viewed on.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wattmedia.com\/blog\/responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Web Design\" \/>\n<meta property=\"og:description\" content=\"Since most website visits are done via phone, responsive web design has become the new necessity. A responsive site will fit any screen it is viewed on.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wattmedia.com\/blog\/responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Watt Media Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-21T19:25:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-30T12:48:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1707\" \/>\n\t<meta property=\"og:image:height\" content=\"2560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Amir Watynski\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amir Watynski\" \/>\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\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/\"},\"author\":{\"name\":\"Amir Watynski\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#\\\/schema\\\/person\\\/8a93fffcbf09cb7ac7aef9a63345016f\"},\"headline\":\"Responsive Web Design\",\"datePublished\":\"2019-02-21T19:25:44+00:00\",\"dateModified\":\"2024-12-30T12:48:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/\"},\"wordCount\":460,\"publisher\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Image-12-Mobile-Responsive-Website-200x300.jpg\",\"articleSection\":[\"web design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/\",\"url\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/\",\"name\":\"Responsive Web Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Image-12-Mobile-Responsive-Website-200x300.jpg\",\"datePublished\":\"2019-02-21T19:25:44+00:00\",\"dateModified\":\"2024-12-30T12:48:36+00:00\",\"description\":\"Since most website visits are done via phone, responsive web design has become the new necessity. A responsive site will fit any screen it is viewed on.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Image-12-Mobile-Responsive-Website-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Image-12-Mobile-Responsive-Website-scaled.jpg\",\"width\":1707,\"height\":2560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/responsive-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/\",\"name\":\"Watt Media Blog\",\"description\":\"Web Design, SEO, Social Media, &amp; Telephone On-Hold Messages\",\"publisher\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#organization\",\"name\":\"Watt Media\",\"url\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/wm-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/wm-logo.jpg\",\"width\":151,\"height\":60,\"caption\":\"Watt Media\"},\"image\":{\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wattmedia.com\\\/blog\\\/#\\\/schema\\\/person\\\/8a93fffcbf09cb7ac7aef9a63345016f\",\"name\":\"Amir Watynski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d454dd68d6e984427c2e096703d197aa3ba70088f550aba619197f24ed0bd91a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d454dd68d6e984427c2e096703d197aa3ba70088f550aba619197f24ed0bd91a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d454dd68d6e984427c2e096703d197aa3ba70088f550aba619197f24ed0bd91a?s=96&d=mm&r=g\",\"caption\":\"Amir Watynski\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Web Design","description":"Since most website visits are done via phone, responsive web design has become the new necessity. A responsive site will fit any screen it is viewed on.","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:\/\/wattmedia.com\/blog\/responsive-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Web Design","og_description":"Since most website visits are done via phone, responsive web design has become the new necessity. A responsive site will fit any screen it is viewed on.","og_url":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/","og_site_name":"Watt Media Blog","article_published_time":"2019-02-21T19:25:44+00:00","article_modified_time":"2024-12-30T12:48:36+00:00","og_image":[{"width":1707,"height":2560,"url":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-scaled.jpg","type":"image\/jpeg"}],"author":"Amir Watynski","twitter_misc":{"Written by":"Amir Watynski","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#article","isPartOf":{"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/"},"author":{"name":"Amir Watynski","@id":"https:\/\/wattmedia.com\/blog\/#\/schema\/person\/8a93fffcbf09cb7ac7aef9a63345016f"},"headline":"Responsive Web Design","datePublished":"2019-02-21T19:25:44+00:00","dateModified":"2024-12-30T12:48:36+00:00","mainEntityOfPage":{"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/"},"wordCount":460,"publisher":{"@id":"https:\/\/wattmedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-200x300.jpg","articleSection":["web design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/","url":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/","name":"Responsive Web Design","isPartOf":{"@id":"https:\/\/wattmedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#primaryimage"},"image":{"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-200x300.jpg","datePublished":"2019-02-21T19:25:44+00:00","dateModified":"2024-12-30T12:48:36+00:00","description":"Since most website visits are done via phone, responsive web design has become the new necessity. A responsive site will fit any screen it is viewed on.","breadcrumb":{"@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wattmedia.com\/blog\/responsive-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#primaryimage","url":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-scaled.jpg","contentUrl":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2019\/02\/Image-12-Mobile-Responsive-Website-scaled.jpg","width":1707,"height":2560},{"@type":"BreadcrumbList","@id":"https:\/\/wattmedia.com\/blog\/responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wattmedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Responsive Web Design"}]},{"@type":"WebSite","@id":"https:\/\/wattmedia.com\/blog\/#website","url":"https:\/\/wattmedia.com\/blog\/","name":"Watt Media Blog","description":"Web Design, SEO, Social Media, &amp; Telephone On-Hold Messages","publisher":{"@id":"https:\/\/wattmedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wattmedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wattmedia.com\/blog\/#organization","name":"Watt Media","url":"https:\/\/wattmedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wattmedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2021\/07\/wm-logo.jpg","contentUrl":"https:\/\/wattmedia.com\/blog\/wp-content\/uploads\/2021\/07\/wm-logo.jpg","width":151,"height":60,"caption":"Watt Media"},"image":{"@id":"https:\/\/wattmedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/wattmedia.com\/blog\/#\/schema\/person\/8a93fffcbf09cb7ac7aef9a63345016f","name":"Amir Watynski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d454dd68d6e984427c2e096703d197aa3ba70088f550aba619197f24ed0bd91a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d454dd68d6e984427c2e096703d197aa3ba70088f550aba619197f24ed0bd91a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d454dd68d6e984427c2e096703d197aa3ba70088f550aba619197f24ed0bd91a?s=96&d=mm&r=g","caption":"Amir Watynski"}}]}},"_links":{"self":[{"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/posts\/1011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=1011"}],"version-history":[{"count":3,"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/posts\/1011\/revisions"}],"predecessor-version":[{"id":1474,"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/posts\/1011\/revisions\/1474"}],"wp:attachment":[{"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=1011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=1011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wattmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=1011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}