{"id":952,"date":"2012-01-02T23:29:21","date_gmt":"2012-01-03T04:29:21","guid":{"rendered":"http:\/\/macgirl.com\/designs\/?p=952"},"modified":"2019-02-28T14:42:01","modified_gmt":"2019-02-28T19:42:01","slug":"the-mobile-redirect-problem","status":"publish","type":"post","link":"https:\/\/clearwaterhosting.com\/wordpress\/2012\/01\/02\/the-mobile-redirect-problem\/","title":{"rendered":"The Mobile Redirect Problem"},"content":{"rendered":"<p>There are two sites for a hardwood floor company: a full site and a mobile site.<\/p>\n<p>1. First, you need a script that redirects mobile users to the mobile site.<\/p>\n<p>We used <a title=\"Redirect Mobile Devices by Chris Coyier\" href=\"http:\/\/css-tricks.com\/snippets\/javascript\/redirect-mobile-devices\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chris Coyier&#8217;s clever solution<\/a>: tell any device with a screen less than 699 pixels wide to go to the mobile site!<\/p>\n<p>2. Then, we need to figure out how to give mobile users access to the full site &#8211; if they choose to click on the &#8220;Go to full site&#8221; link on the mobile site.<\/p>\n<p>One solution suggested by Geoffrey Freedom is to make a different (clone) home page \u00a0without the redirect script &#8212; and use it to link mobile users to the Full site.<\/p>\n<p>That solution presents a few problems: 1. why would you want to make a whole new full site for mobile users? 2. Google penalizes for duplicate content 3. Making only a home page clone doesn&#8217;t solve the problem of mobile users who go to different pages on the site.<\/p>\n<p>Nevertheless, the &#8220;clone&#8221; solution is very nice if only the home page of the site has the mobile redirect.<\/p>\n<p>&nbsp;<\/p>\n<p>The solution we chose is that of Sam Dunn at buildinternet.com:\u00a0<a title=\"Mobile Redirect \" href=\"http:\/\/buildinternet.com\/2011\/01\/add-a-mobile-landing-page-to-your-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/buildinternet.com\/2011\/01\/add-a-mobile-landing-page-to-your-site\/<\/a>.<\/p>\n<p>It suggests that a mobile page has a very specific function: to give mobile users fast bare-bones information on a telephone &#8211; a phone number, an address, directions, hours of operation, or other facts that somebody on the road needs to make a decision. However, if the mobile user prefers to get more information and follow a link to the full site, he has a chance to see the full site.<\/p>\n<p>Sam Dunn&#8217;s solution uses a script by <a href=\"https:\/\/github.com\/sebarmeli\/JS-Redirection-Mobile-Site\" target=\"_blank\" rel=\"noopener noreferrer\">Sebarmeli<\/a>: <a title=\"Sebarmeli Redirection Mobile Site\" href=\"https:\/\/github.com\/sebarmeli\/JS-Redirection-Mobile-Site\" target=\"_blank\" rel=\"noopener noreferrer\">redirection_mobile.min.js<\/a>.<\/p>\n<p>He configures the script so that a mobile user is redirected by the Full Site only <em>once <\/em>by a cookie that lasts for an hour. If the mobile user clicks on the link to the full site he is not redirected a second time.<\/p>\n<p>Elegant and clever!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are two sites for a hardwood floor company: a full site and a mobile site. 1. First, you need a script that redirects mobile users to the mobile site. We used Chris Coyier&#8217;s clever solution: tell any device with a screen less than 699&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[416],"tags":[],"class_list":["post-952","post","type-post","status-publish","format-standard","hentry","category-websites-seo"],"_links":{"self":[{"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/posts\/952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/comments?post=952"}],"version-history":[{"count":2,"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/posts\/952\/revisions"}],"predecessor-version":[{"id":99995732,"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/posts\/952\/revisions\/99995732"}],"wp:attachment":[{"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/media?parent=952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/categories?post=952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clearwaterhosting.com\/wordpress\/wp-json\/wp\/v2\/tags?post=952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}