{"id":20,"date":"2014-04-03T20:39:10","date_gmt":"2014-04-04T03:39:10","guid":{"rendered":"http:\/\/the-networks.com\/blog\/?p=20"},"modified":"2020-05-07T15:25:42","modified_gmt":"2020-05-07T22:25:42","slug":"web-site-look-2","status":"publish","type":"post","link":"https:\/\/the-networks.com\/blog\/web-site-look-2\/","title":{"rendered":"How Does Your Web Site Look?"},"content":{"rendered":"<p>When you ask yourself this question you probably think about how long it has been since your site has been updated, and the fact that the look and feel is just soo dated. Or that the colors and graphics are soo &#8220;yesterday&#8221;, or that you&#8217;re just simply tired of it. Not to mention that the descriptions of products, services and offerings of your business are not accurate anymore. You may have even been fixating on the fact that the copyright date in the footer says some year other than 2014&#8230;<\/p>\n<h2>How does It Look on Mobile Devices?<\/h2>\n<p>None of that is what we are driving at here, though. You have probably seen your Web site on a computer more times than you can count. Probably on lots of different systems with different size monitors, and running various OS&#8217;s. Have you looked at it lately on an iPhone? An Android phone? iPad, of whatever generation? How about an Android tablet? What did you think?<\/p>\n<p>If you have had your site redesigned lately, hopefully it looked good on any of those devices. Over the past year or more, Google has been strongly encouraging everyone to have a site that views well on any device. And when Google speaks about whatever it is they consider a &#8220;best practice&#8221;, it behooves you (and all of us) to listen! After all, they above all others determine how much exposure any of us get on the Internet.<\/p>\n<p>There are different ways to achieve the &#8220;Web site that views well on any device&#8221;. You can design a second Web site that is just like your &#8220;regular&#8221; site but formats for mobile devices only. Then when your Web server sees a request for viewing your Web page come in, it detects what kind of device is doing the requesting. If that request is coming from a mobile device, the request is redirected to the mobile version of the site. Works great, right? Yes, it does. Except that now you have to keep two separate Web sites up-to-date and accurate (no typo&#8217;s, etc). Sheesh! Just keeping one Web site up-to-date and accurate is hard enough!<\/p>\n<h2>Solve the Problem With One Responsive Web Site<\/h2>\n<p>Another approach to this problem is to design a Web site that is &#8220;responsive&#8221; This means that the site see&#8217;s what kind of device is requesting to download the site page for viewing, just as before. But this time, depending on the screen size and resolution of the device, the coding of the Web files will format that page so that it formats appropriately for that screen size. <a title=\"Responsive Design View of this Page\" href=\"\/blog\/web-site-look-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Try viewing this page using different devices as a test,<\/a> if you&#8217;re so inclined. \u00a0The image below is this page viewed on an iPhone. \u00a0You can see how the Blog post title and the text wraps appropriately, and how the search box formats as it should. \u00a0A more image heavy page would show the images swapping smaller sizes, and the head, sidebar, and body elements of the page formatting appropriately for the viewing device. <a title=\"Responsive Web Site Design\" href=\"\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00a0A look at any part of The Internet Works Web site will illustrate this principle for you<\/a>.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/the-networks.com\/blog\/wp-content\/uploads\/2014\/04\/iphone_blog_1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22 size-medium\" src=\"https:\/\/the-networks.com\/blog\/wp-content\/uploads\/2014\/04\/iphone_blog_1-199x300.png\" alt=\"Responsive design of this blog shown in this iPhone screenshot\" width=\"199\" height=\"300\" srcset=\"https:\/\/the-networks.com\/blog\/wp-content\/uploads\/2014\/04\/iphone_blog_1-199x300.png 199w, https:\/\/the-networks.com\/blog\/wp-content\/uploads\/2014\/04\/iphone_blog_1.png 213w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/><\/a><\/p>\n<address style=\"text-align: center;\">Responsive design of this blog shown in this iPhone screenshot<\/address>\n<p>If any kind of Internet marketing is an important part of your business strategy, then you need to think about incorporating a site design that properly formats for various devices ASAP. Google has been saying this for some time now, so be forewarned&#8230; And as you investigate this issue you will learn that there is much disagreement about which strategy is the best to achieve this goal. Google recommends, and we wholeheartedly concur that &#8220;responsive&#8221; design is absolutely the way forward here. That is what we use, and what we recommend to our clients when asked. Of course, the client is always right in our office!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you ask yourself this question you probably think about how long it has been since your site has been updated, and the fact that the look and feel is just soo dated. Or that the colors and graphics are soo &#8220;yesterday&#8221;, or that you&#8217;re just simply tired of it. Not to mention that the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-20","post","type-post","status-publish","format-standard","hentry","category-web-site-development"],"_links":{"self":[{"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/posts\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":9,"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/posts\/20\/revisions"}],"predecessor-version":[{"id":189,"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/posts\/20\/revisions\/189"}],"wp:attachment":[{"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/media?parent=20"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/categories?post=20"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the-networks.com\/blog\/wp-json\/wp\/v2\/tags?post=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}