{"id":1422,"date":"2014-08-15T13:08:44","date_gmt":"2014-08-15T13:08:44","guid":{"rendered":"http:\/\/www.silkstream.net\/blog\/?p=1422"},"modified":"2018-08-03T12:35:16","modified_gmt":"2018-08-03T12:35:16","slug":"guide-mobile-friendly-websites","status":"publish","type":"post","link":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html","title":{"rendered":"Guide To Mobile-Friendly Websites"},"content":{"rendered":"<h2 style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1457\" alt=\"Guide To Mobile Friendly Websites\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/guide-to-mobile-friendly-websites.jpg\" width=\"556\" height=\"158\" \/><\/h2>\n<h2 style=\"text-align: justify;\">What&#8217;s wrong with my old (static\/fixed) website?<\/h2>\n<p style=\"text-align: justify;\">It&#8217;s 2014. If you haven&#8217;t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1444\" alt=\"Static Fixed Web Design Example\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/static-fixed-web-design-example.gif\" width=\"555\" height=\"265\" \/><\/p>\n<p style=\"text-align: justify;\">The quick way to test what your website looks like on mobile is to go to your website and resize your internet browser to see what happens. If you see a horizontal scrollbar at the bottom of your webpage and your website looks &#8220;cut off&#8221;, then you most likely have a fixed website. Fixed websites have set widths, sizes and layouts so how it&#8217;s displayed won&#8217;t change when you&#8217;re viewing from different devices and resolutions.<\/p>\n<p style=\"text-align: justify;\">According to very <a href=\"http:\/\/www.ons.gov.uk\/ons\/rel\/rdit2\/internet-access---households-and-individuals\/2014\/stb-ia-2014.html\" target=\"_blank\">recent statistics<\/a> (published 7th August 2014 by the UK government&#8217;s Office for National Statistics), 68% of adults in Great Britain access the internet via a mobile device every day. Can you afford <em>not<\/em> to have a mobile-optimised website in 2014?<\/p>\n<h2>Responsive Design VS Adaptive Design VS Mobile Website<\/h2>\n<p style=\"text-align: justify;\">It is important to know the differences between responsive design, adaptive design and mobile sites so that you are able to make an informed decision when exploring the options for optimising your new or existing website for mobile devices. Each option has its own pros and cons, and you need to decide which type of mobile-friendly website is best suited to your business &#8211; or, more importantly, your customers.<\/p>\n<hr \/>\n<h2 style=\"text-align: justify;\">Responsive Web Design (RWD) Pros and Cons<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1443\" alt=\"Responsive Web Design Example\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/responsive-web-design-example.gif\" width=\"555\" height=\"265\" \/><\/p>\n<h4 style=\"text-align: center;\">Pros:<\/h4>\n<ul>\n<li style=\"text-align: justify;\">There is <span style=\"color: #ff6600;\"><strong>no need for a new domain<\/strong><\/span> as it&#8217;s just a change in the design of the existing website, rather than a standalone website on its own.<\/li>\n<li style=\"text-align: justify;\">Genuine responsive web design is fluid, which means that it is built so that the website&#8217;s design and <span style=\"color: #ff6600;\"><strong>content scales up and down, fluidly responding to the size of the browser<\/strong><\/span>. This is handled client-side by a single template which uses ems or percentages for width sizes (e.g. max-width:100% for a full browser width image or element). By client-side, we mean that the page is sent to the browser, then the browser decides how to display the webpage in relation to its size.<\/li>\n<li style=\"text-align: justify;\">It works well for simple websites with similar user intents between those browsing via mobile and via desktop, as they can be served the same content &#8211; just <span style=\"color: #ff6600;\"><strong>visually optimised for the user&#8217;s device<\/strong><\/span>.<\/li>\n<\/ul>\n<h4 style=\"text-align: center;\">Cons:<\/h4>\n<ul>\n<li style=\"text-align: justify;\">As it is the exact same website on your mobile as it is on your desktop, it will still have the same content size and complexity as the desktop version, just laid out to look better on a mobile device. This means that if the website is quite heavy, those browsing from their mobile may experience <span style=\"color: #ff6600;\"><strong>slow site speed issues<\/strong><\/span>. From a search engine optimisation perspective, Google can sometimes penalise websites that load too slowly on a mobile &#8211; as a slow website delivers a bad user experience. Slow mobile websites will also usually suffer from a high bounce rate from mobile devices, which is the tell-tale sign in your website&#8217;s analytics if you&#8217;re serving a lower quality mobile experience than your desktop.<\/li>\n<li style=\"text-align: justify;\"><span style=\"color: #ff6600;\"><strong>Some images just don&#8217;t scale well.<\/strong><\/span><\/li>\n<\/ul>\n<hr \/>\n<h2>Adaptive Web Design (AWD) Pros and Cons<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1447\" alt=\"Adaptive Web Design Example\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/adaptive-web-design-example.gif\" width=\"556\" height=\"263\" \/><\/p>\n<h4 style=\"text-align: center;\">Pros:<\/h4>\n<ul>\n<li style=\"text-align: justify;\">Like with responsive web design, as it&#8217;s just a change in the way the website is displayed and not an entirely different website in itself, there is <span style=\"color: #ff6600;\"><strong>no need for a new domain<\/strong><\/span> to handle your mobile users.<\/li>\n<li style=\"text-align: justify;\">You can <span style=\"color: #ff6600;\"><strong>target specific device sizes and user agents<\/strong><\/span>, so you can choose specifically how to display a website to an iPhone 5 or other mobile device model. There have been examples of this where e-commerce websites have actually displayed higher prices for products\/services if the buyer was shopping from an iPhone, under the assumption that Apple users tend to have higher disposable income.<\/li>\n<li style=\"text-align: justify;\">Based on the device&#8217;s capabilities that are detected, you can <strong><span style=\"color: #ff6600;\">choose to add\/remove functionalities<\/span><\/strong> server-side (meaning the web server chooses what to show; not the web browser). This means that you can tailor the website content to the user&#8217;s intent based on mobile or desktop browsing. It chooses from multiple predefined layouts for each browser size detected.<\/li>\n<li style=\"text-align: justify;\">The website is <span style=\"color: #ff6600;\"><strong>capable of serving smaller images and content for faster load times<\/strong><\/span> on mobile devices with limited bandwidth. It can also detect retina display devices and serve the appropriate high quality images for those devices.<\/li>\n<li style=\"text-align: justify;\">Can <span style=\"color: #ff6600;\"><strong>incorporate responsive web design features<\/strong><\/span>. This is a common approach to designing modern websites, as it allows for flexibility.<\/li>\n<\/ul>\n<h4 style=\"text-align: center;\">Cons:<\/h4>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"color: #ff6600;\"><strong>Has to be highly optimised<\/strong><\/span> to deliver most suitable content to each device and bandwidth to get the most out of an adaptive web design. Most websites using adaptive website design only use it for its aesthetic functions, rather than its practical server-side capabilities.<\/li>\n<li style=\"text-align: justify;\">Designing each layout and the way in which the content is displayed across various screen sizes can be <span style=\"color: #ff6600;\"><strong>time-consuming to develop<\/strong><\/span>.<\/li>\n<li style=\"text-align: justify;\">Can be incredibly <span style=\"color: #ff6600;\"><strong>challenging for larger websites<\/strong><\/span> to optimise their entire website using adaptive web design, which is why a lot of big websites don&#8217;t. Not because they don&#8217;t want to, but because a complete restructuring would be extremely costly &#8211; financially and in terms of completion time and potential user experience risks during the restructuring.<\/li>\n<\/ul>\n<hr \/>\n<h2>Mobile Website Pros and Cons<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1450\" alt=\"Mobile Website Comparison\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-website-comparison.png\" width=\"556\" height=\"347\" \/><\/p>\n<p style=\"text-align: center;\"><i>http:\/\/en.wikipedia.org\/wiki\/Mobile_Web &amp;\u00a0http:\/\/en.<span style=\"color: #ff6600;\">m<\/span>.wikipedia.org\/wiki\/Mobile_Web<\/i><\/p>\n<h4 style=\"text-align: center;\">Pros:<\/h4>\n<ul>\n<li style=\"text-align: justify;\">You can <span style=\"color: #ff6600;\"><strong>allow the user the choice<\/strong><\/span> of browsing via the mobile version or desktop version of the website. (Usually in the footer, there are the options to &#8220;Visit Mobile Version&#8221; or &#8220;Visit Desktop Version&#8221;, so mobile users can still use any desktop functionality that the mobile website has decided to exclude for whatever reason.)<\/li>\n<li style=\"text-align: justify;\">You can <span style=\"color: #ff6600;\"><strong>easily create highly customised mobile user experiences<\/strong><\/span>, tailored to the browsing habits of someone using a mobile device.<\/li>\n<li style=\"text-align: justify;\">It&#8217;s literally a <span style=\"color: #ff6600;\"><strong>mobile-friendly copy of your website<\/strong><\/span>. It&#8217;s an entirely different website with the purpose of providing the user with the best way of viewing the website for a mobile device, instead of the same website just being rendered differently for smaller screen sizes.<\/li>\n<li style=\"text-align: justify;\">You can set up <span style=\"color: #ff6600;\"><strong>each individual page of the main website to redirect to the mobile version automatically<\/strong><\/span> if it is detected that the user is browsing from a mobile device. So though it&#8217;s under a different domain or URL than the website user is accustomed to, they won&#8217;t be able to tell the difference or have to remember the mobile version&#8217;s website address.<\/li>\n<li style=\"text-align: justify;\">It&#8217;s <span style=\"color: #ff6600;\"><strong>relatively quick and easy<\/strong><\/span> to create a mobile version of the website in comparison to optimising an entire main website&#8217;s design for mobile browsing.<\/li>\n<\/ul>\n<h4 style=\"text-align: center;\">Cons:<\/h4>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"color: #ff6600;\"><strong>Maintaining and updating the website may be more difficult<\/strong><\/span>, as it is a separate website.<\/li>\n<li style=\"text-align: justify;\"><span style=\"color: #ff6600;\"><strong>Google have a bias toward responsive\/adaptive designs<\/strong><\/span> as they have one URL and serve the same HTML regardless of device, so it&#8217;s easier for them to crawl and index. Though Google promote adaptive\/responsive web designs, if the mobile version is well-optimised they won&#8217;t penalise you in any way for opting for a mobile site. Amazon, Wikipedia and eBay all have mobile versions of their website.<\/li>\n<li style=\"text-align: justify;\">It can potentially <span style=\"color: #ff6600;\"><strong>hurt your website&#8217;s search engine optimisation<\/strong><\/span> if not done properly, due to complicated redirects and not setting up page canonicalisation properly so it causes duplicate content issues.<\/li>\n<li style=\"text-align: justify;\">May face<span style=\"color: #ff6600;\"><strong> issues with sharing and linking websites between mobile and desktop<\/strong><\/span> as the website has to have its own domain, subdomain or subdirectory (e.g. mobilewebsite.com, m.website.com or website.com\/m\/). A potential customer visiting from a desktop browser may get confused or annoyed at opening a shared link from their friend who linked from their mobile version of the website, and having to browse through the mobile version on their desktop.<\/li>\n<\/ul>\n<hr \/>\n<h2 style=\"text-align: justify;\">Points to consider&#8230;<\/h2>\n<p style=\"text-align: justify;\">The user&#8217;s internet behaviour is vastly different when browsing from a mobile device than if they were to be browsing from a desktop computer. Often when people are out in public, communications with a business can have more urgency for information. They may be looking for something specific like a phone number or address, or looking to book an appointment. It is important to ensure that your website provides mobile users with the information they need easily without any confusing navigation.<\/p>\n<p style=\"text-align: justify;\">Using Google&#8217;s Analytics, you can see which mobile devices are most popular with your website&#8217;s demographic and you can use this data to make an even more informed decision. (But be aware that trends can change!)<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1455\" alt=\"Mobile Devices analysis\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-devices-analytics.png\" width=\"365\" height=\"173\" \/><\/p>\n<p style=\"text-align: justify;\">Websites can look very different when viewed from different mobile devices. For example, take a look at how the Silkstream homepage looks when viewed from the Apple iPhone 5, Samsung Galaxy Y and the Nokia Lumia 920.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1427\" style=\"text-align: center;\" alt=\"Adaptive vs Responsive web design\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/adaptive-responsive-mobile-break-points.png\" width=\"556\" height=\"374\" \/><\/p>\n<p style=\"text-align: justify;\">Different mobile devices have different screen sizes and resolutions. Check out the Silkstream homepage when viewed from a tablet: Apple iPad Mini and the Google Nexus 7. Again, both look very different.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1425\" style=\"line-height: 24px; text-align: center;\" alt=\"Adaptive vs Responsive web design\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/adaptive-responsive-tablet-break-points.png\" width=\"557\" height=\"373\" \/><\/p>\n<p style=\"text-align: justify;\">The Silkstream website is designed to look good and work well with any browser size:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" style=\"text-align: start;\" alt=\"Adaptive Web Design Website\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/adaptive-web-design.gif\" width=\"556\" height=\"265\" \/><\/p>\n<p style=\"text-align: justify;\">And of course you&#8217;ll also need a website that&#8217;s SEO-friendly (as in easy to find in Google, Bing, Yahoo, etc), because what&#8217;s the point of having a beautifully designed website if nobody&#8217;s going to find it when searching? How search-friendly a website is will also have impact on your choice between the different mobile-friendly website types.<\/p>\n<h2>So&#8230;<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1469\" alt=\"Fixed Static Website Design\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/fixed-static-website-design.png\" width=\"556\" height=\"355\" \/><\/p>\n<p style=\"text-align: center;\"><strong>The question is&#8230;<\/strong><\/p>\n<h2 style=\"text-align: center;\">Which mobile solution is best for your website?<\/h2>\n<p><a href=\"https:\/\/www.silkstream.net\/contact-us.html\">\u00a0<\/a><br \/>\n<a href=\"https:\/\/www.silkstream.net\/contact-us.html\"><\/p>\n<div style=\"background: url('https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/ctabg.png') repeat-x;\">\n<h2 style=\"text-align: center; padding: 10px;\"><span style=\"color: #ffffff;\"><span style=\"color: #ffffff;\">Contact us to discuss your website!<\/span><\/span><\/h2>\n<\/div>\n<p><\/a><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1435\" alt=\"Homepage mobile web design\" src=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/homepage-adaptive-design.gif\" width=\"556\" height=\"261\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\nWhat&#8217;s wrong with my old (static\/fixed) website?<br \/>\nIt&#8217;s 2014. If you haven&#8217;t updated your website in at least 5 years, then chances are that <\/p>\n","protected":false},"author":7,"featured_media":1466,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1422","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Guide To Mobile-Friendly Websites - Silkstream<\/title>\n<meta name=\"description\" content=\"It\u2019s 2014. If you haven\u2019t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.\" \/>\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.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide To Mobile-Friendly Websites - Silkstream\" \/>\n<meta property=\"og:description\" content=\"It\u2019s 2014. If you haven\u2019t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html\" \/>\n<meta property=\"og:site_name\" content=\"Silkstream\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/silkstream\" \/>\n<meta property=\"article:published_time\" content=\"2014-08-15T13:08:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-03T12:35:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-friendly-websites-guide.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"120\" \/>\n\t<meta property=\"og:image:height\" content=\"120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@RiaLolwut\" \/>\n<meta name=\"twitter:site\" content=\"@silkstreamnet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html\"},\"author\":{\"name\":\"Ria\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/#\\\/schema\\\/person\\\/1516b66b9d6da001d8052655282481b1\"},\"headline\":\"Guide To Mobile-Friendly Websites\",\"datePublished\":\"2014-08-15T13:08:44+00:00\",\"dateModified\":\"2018-08-03T12:35:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html\"},\"wordCount\":1553,\"commentCount\":3,\"image\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/08\\\/mobile-friendly-websites-guide.jpg\",\"articleSection\":[\"Websites\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html\",\"url\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html\",\"name\":\"Guide To Mobile-Friendly Websites - Silkstream\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/08\\\/mobile-friendly-websites-guide.jpg\",\"datePublished\":\"2014-08-15T13:08:44+00:00\",\"dateModified\":\"2018-08-03T12:35:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/#\\\/schema\\\/person\\\/1516b66b9d6da001d8052655282481b1\"},\"description\":\"It\u2019s 2014. If you haven\u2019t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#primaryimage\",\"url\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/08\\\/mobile-friendly-websites-guide.jpg\",\"contentUrl\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/08\\\/mobile-friendly-websites-guide.jpg\",\"width\":120,\"height\":120,\"caption\":\"Guide to Mobile Websites\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/2014\\\/08\\\/guide-mobile-friendly-websites.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.silkstream.net\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide To Mobile-Friendly Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/\",\"name\":\"Silkstream\",\"description\":\"Here you&#039;ll find the latest blogs, white papers and case studies from Silkstream experts.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.silkstream.net\\\/blog\\\/#\\\/schema\\\/person\\\/1516b66b9d6da001d8052655282481b1\",\"name\":\"Ria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dad9acd650d88d7fd9c7e2b77f38d25ec2c921eb7efb622d785820719d8a75df?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dad9acd650d88d7fd9c7e2b77f38d25ec2c921eb7efb622d785820719d8a75df?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dad9acd650d88d7fd9c7e2b77f38d25ec2c921eb7efb622d785820719d8a75df?s=96&d=mm&r=g\",\"caption\":\"Ria\"},\"description\":\"SEO &amp; Internet Marketing addict, and aspiring crazy cat lady.\",\"sameAs\":[\"http:\\\/\\\/www.silkstream.net\",\"https:\\\/\\\/x.com\\\/RiaLolwut\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide To Mobile-Friendly Websites - Silkstream","description":"It\u2019s 2014. If you haven\u2019t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.","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.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html","og_locale":"en_GB","og_type":"article","og_title":"Guide To Mobile-Friendly Websites - Silkstream","og_description":"It\u2019s 2014. If you haven\u2019t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.","og_url":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html","og_site_name":"Silkstream","article_publisher":"https:\/\/www.facebook.com\/silkstream","article_published_time":"2014-08-15T13:08:44+00:00","article_modified_time":"2018-08-03T12:35:16+00:00","og_image":[{"width":120,"height":120,"url":"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-friendly-websites-guide.jpg","type":"image\/jpeg"}],"author":"Ria","twitter_card":"summary_large_image","twitter_creator":"@RiaLolwut","twitter_site":"@silkstreamnet","twitter_misc":{"Written by":"Ria","Estimated reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#article","isPartOf":{"@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html"},"author":{"name":"Ria","@id":"https:\/\/www.silkstream.net\/blog\/#\/schema\/person\/1516b66b9d6da001d8052655282481b1"},"headline":"Guide To Mobile-Friendly Websites","datePublished":"2014-08-15T13:08:44+00:00","dateModified":"2018-08-03T12:35:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html"},"wordCount":1553,"commentCount":3,"image":{"@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#primaryimage"},"thumbnailUrl":"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-friendly-websites-guide.jpg","articleSection":["Websites"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html","url":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html","name":"Guide To Mobile-Friendly Websites - Silkstream","isPartOf":{"@id":"https:\/\/www.silkstream.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#primaryimage"},"image":{"@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#primaryimage"},"thumbnailUrl":"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-friendly-websites-guide.jpg","datePublished":"2014-08-15T13:08:44+00:00","dateModified":"2018-08-03T12:35:16+00:00","author":{"@id":"https:\/\/www.silkstream.net\/blog\/#\/schema\/person\/1516b66b9d6da001d8052655282481b1"},"description":"It\u2019s 2014. If you haven\u2019t updated your website in at least 5 years, then chances are that your website looks pretty atrocious on a mobile.","breadcrumb":{"@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#primaryimage","url":"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-friendly-websites-guide.jpg","contentUrl":"https:\/\/www.silkstream.net\/blog\/wp-content\/uploads\/2014\/08\/mobile-friendly-websites-guide.jpg","width":120,"height":120,"caption":"Guide to Mobile Websites"},{"@type":"BreadcrumbList","@id":"https:\/\/www.silkstream.net\/blog\/2014\/08\/guide-mobile-friendly-websites.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silkstream.net\/blog"},{"@type":"ListItem","position":2,"name":"Guide To Mobile-Friendly Websites"}]},{"@type":"WebSite","@id":"https:\/\/www.silkstream.net\/blog\/#website","url":"https:\/\/www.silkstream.net\/blog\/","name":"Silkstream","description":"Here you&#039;ll find the latest blogs, white papers and case studies from Silkstream experts.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.silkstream.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.silkstream.net\/blog\/#\/schema\/person\/1516b66b9d6da001d8052655282481b1","name":"Ria","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/dad9acd650d88d7fd9c7e2b77f38d25ec2c921eb7efb622d785820719d8a75df?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dad9acd650d88d7fd9c7e2b77f38d25ec2c921eb7efb622d785820719d8a75df?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dad9acd650d88d7fd9c7e2b77f38d25ec2c921eb7efb622d785820719d8a75df?s=96&d=mm&r=g","caption":"Ria"},"description":"SEO &amp; Internet Marketing addict, and aspiring crazy cat lady.","sameAs":["http:\/\/www.silkstream.net","https:\/\/x.com\/RiaLolwut"]}]}},"_links":{"self":[{"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/posts\/1422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/comments?post=1422"}],"version-history":[{"count":29,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/posts\/1422\/revisions"}],"predecessor-version":[{"id":5406,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/posts\/1422\/revisions\/5406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/media\/1466"}],"wp:attachment":[{"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/media?parent=1422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/categories?post=1422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silkstream.net\/blog\/wp-json\/wp\/v2\/tags?post=1422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}