{"id":16764,"date":"2018-01-16T01:47:40","date_gmt":"2018-01-15T17:47:40","guid":{"rendered":"https:\/\/www.exabytes.sg\/blog\/?p=16764"},"modified":"2020-11-24T09:06:19","modified_gmt":"2020-11-24T01:06:19","slug":"mobile-friendly-mobile-responsive","status":"publish","type":"post","link":"https:\/\/www.exabytes.sg\/blog\/mobile-friendly-mobile-responsive\/","title":{"rendered":"Mobile Friendly or Mobile Responsive?"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"wp-image-16765 aligncenter\" src=\"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=696%2C364&#038;ssl=1\" alt=\"mobile responsive\" width=\"696\" height=\"364\" srcset=\"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=768%2C402&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=1024%2C536&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=696%2C364&amp;ssl=1 696w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=1068%2C559&amp;ssl=1 1068w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=803%2C420&amp;ssl=1 803w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?resize=218%2C114&amp;ssl=1 218w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?w=1200&amp;ssl=1 1200w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The importance of user experience on mobile is no longer a new topic, although it\u2019s still an important factor when building a website. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">In this blog post, we are going to share the<strong>\u00a0DIFFERENCES<\/strong> between being mobile friendly and mobile responsive. Check it out!<\/span><\/p>\n<h2><b>Mobile Friendly <\/b><span style=\"font-weight: 400;\">\u2260<\/span><span style=\"font-weight: 400;\"> \u00a0<\/span><b>Mobile Responsive<\/b><\/h2>\n<p>&nbsp;<\/p>\n<h2><b><\/b> <span style=\"font-weight: 400;\">The differences between the two are:<br \/>\n<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">A <strong>mobile-friendly<\/strong> site is actually a copy of your website, where the server does the work to deliver optimized pages that will appear smaller on a phone and may not work ideally on a touchscreen device. It will, however, be functional.<br \/>\n<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the other hand, a website with<strong> responsive design<\/strong> automatically adjusts and reformats itself according to the user\u2019s behavior and environment, based on the device\u2019s screen size, platform, and orientation. <\/span><\/p>\n<p><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Source: https:\/\/www.corporatecommunicationsgroup.com\/<\/span><\/p>\n<h2><strong>Benefits of Responsive Design <\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">A responsive website allows easy browsing and provide a better user experience.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\">\n<h4><strong>Speed &#8211; Reduce time needed for website loading <\/strong><\/h4>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Most of the mobile browser page response speed is determined by the website coding on your web server. Obviously the longer your server waits to respond to a request from a browser, the longer your page loading time.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\">\n<h4><strong>SEO Friendly &#8211; Ranks well on Google<\/strong><\/h4>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you wish to rank better in Google search, you should have a responsive website. Google claims that it ranks websites that are responsive to \u00a0multiple devices better. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Find out more about <a href=\"https:\/\/developers.google.com\/search\/mobile-sites\/mobile-seo\/\" rel=\"noopener\">Mobile SEO <\/a><\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\">\n<h4><strong>Supports more browsers &#8211; Chrome, Mozilla, IE <\/strong><\/h4>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Different browsers read the codes of your website differently. In other words, Chrome, FireFox and Internet Explorer will read your website Differently. Thus it&#8217;s important to ensure that your website is compatible with all these browsers. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">With this, you can increase business conversion. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You might have this question on your mind: <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><b><br \/>\n<\/b><\/p>\n<h3><strong>What type of design is best for my business and my website?<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">It\u2019s depends on how far you understand your customers. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If your customers browse <strong>more often on mobile<\/strong>, then you should emphasize more on improving <strong>user experience<\/strong> on mobile by having a responsive website. Don\u2019t be confused by the professional terms and their definitions. In fact, a responsive website can be easily built using our<a href=\"https:\/\/www.exabytes.sg\/websites\/website-design?utm_source=website&amp;utm_medium=blog&amp;utm_campaign=mb-responsive\"><strong> All-in-One Website Builder.<\/strong><\/a><\/span><b><\/b><\/p>\n<h3 style=\"text-align: center;\"><em><b>It can be done without any coding!<\/b><\/em><\/h3>\n<p>Websites created using<strong><a href=\"https:\/\/www.exabytes.sg\/websites\/website-design?utm_source=website&amp;utm_medium=blog&amp;utm_campaign=mb-responsive\"> Exabytes Website Builder<\/a><\/strong> adjust to screen resolutions and resize contents automatically. They adapt automatically to visitors\u2019 devices so that they always look perfect on tablets, smartphones, laptops or desktops. No extra step is needed to make your site ready for mobiles or tablets.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The importance of user experience on mobile is no longer a new topic, although it\u2019s still an important factor when building a website. In this blog post, we are going to share the\u00a0DIFFERENCES between being mobile friendly and mobile responsive. Check it out! Mobile Friendly \u2260 \u00a0Mobile Responsive &nbsp; The differences between the two are: [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":16765,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[],"class_list":{"0":"post-16764","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-sharing-tips-for-success"},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/01\/1200x628-Mobile-responsive-blog.jpg?fit=1200%2C628&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pbHhPQ-4mo","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts\/16764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/comments?post=16764"}],"version-history":[{"count":3,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts\/16764\/revisions"}],"predecessor-version":[{"id":16768,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts\/16764\/revisions\/16768"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/media\/16765"}],"wp:attachment":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/media?parent=16764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/categories?post=16764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/tags?post=16764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}