Mobile sites! Any advice or suggestions for building one?
-
Hello Mozland,
I'm looking to have a mobile site built. We have a fair amount of traffic coming from smart phones, tablets etc and want to capture this traffic better.
Do you have any advice on how to have it built properly, if/how it can be optimised, what good features to include, or anything else you think might be of help?
Many thanks
Martin
-
Using media selectors you do not need to have a separate mobile site on a different domain, nor do you have to use a redirect. Instead it resizes your corporate site based on the users screen resolution.
For example, here is my portfolio site (not anywhere close to being done). However, it uses HTML5 and CSS3 to resize based on the size of the browser screen. So try slowly resizing your browser when viewing it and you will see what i am talking about.
The SEO benefits of this are:
- No duplicate content since it uses the same page
- You link splitting since there are not multiple domains or subdomains of content
So instead of creating a new mobile site, you would make updates to your current corporate site.
edit: It is also important to mention that only current browsers can render CSS3 so anything before IE9 or early versions of Chrome or Firefox will simply display the website in its full version. Any newer browsers (especially smartphones) will render CSS3 hence giving the graceful degradation to the users!
-
Ok, so I'm not tech savy, and as I mentioned, I don't think my developers know about this either.
So, if I want a .mobi site built, this'll be completely separate to the .co.uk full site, right? How do the redirects work to a .mobi site when viewed on a smart phone or tablet, how is it that this'll be the site that's returned in searches to be viewed in those platforms as opposed to the full site?
-
Alan is spot on with the CSS3 reference to media selectors! Try to search around on "responsive design" there are some great articles on how to have your website respond to the user without having to create multiple site for each experience. This approach wil also benefit you since you won't have to have your mobile site on a different domain or sub-domain and you will have no worries with duplicate content.
-
i dont think too many people have, i made that test for when someone asks
-
Thanks Alan,
I will pass this on to the developers (who don't seem to have built a .mobi site before).
-
I have made a test site, i used CSS, where you can have one set of css for screens less that a certain width, and 1 for wider pages. you will also need the metat tag below that will set your page to the correct width for each phone.
So when a mobile comes to the page, its sets a width lets say 320px, then your css will take over (note: set to <850)
you can then set a layout for the small screen, this way you can have 2 layouts in the sdame page, and keep the rank, rather then having one page for browsers and one for mobiles
if you want to see it work, try this link, it is a simple example, and i have not tested it on a phone, (I am one of the few poeple in the world that does not have a mobile phone) http://news.thatsit.net.au/
.myclass{ for the main page }
@media only screen and (max-width: 850px)
{.myClass{ for the mobile page}
}
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
What is the Estimated Time for SERP Rankings to Replenish after a Site Redesign?
Hello Fellow Moz'ers, My company's website, www.1099pro.com, is currently OLD and not mobile-friendly! However, we rank #1 for out most important keywords and don't want to lose that ranking. I've recently redesigned our site, currently in testing, to use the same standard desktop pages but to also have responsive, mobile friendly, pages for different view ports. My question is if anyone knows an estimated time frame that search engines (mainly Google) takes to re-crawl the site and restore SERP rankings to their previous levels? The reason is because we are HIGHLY seasonal and if we are not back at our top rankings by early December, at latest (November would be better), then we stand the chance to lose a considerable amount of traffic/revenue. -The Unenlightened One
Web Design | | Stew2220 -
Changing website to Mobile site
Hi All, We are building a new website and would take it live in next few weeks. I want help to understand what all should we consider.. The site structure would be same with additional features but the URL path and site name is same...Should i take any precausions before shutting down the old site and getting the new one live? Thanks
Web Design | | jomin740 -
Show new mobile site to 60% users & old mobile site to 40% users
Hi, We are planning to show new mobile site to 60% users & old mobile site to 40% users. We will show the old site to google crawler. Our old site has some interlinking through footer & content whereas the new site does not has it. We wanted to do this since our new site does not supports some browsers. Will there be an issue with Google on showing the site like this. The mobile site & desktop site will have same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Is it cloaking/hiding text if textual content is no longer accessible for mobile visitors on responsive webpages?
My company is implementing a responsive design for our website to better serve our mobile customers. However, when I reviewed the wireframes of the work our development company is doing, it became clear to me that, for many of our pages, large parts of the textual content on the page, and most of our sidebar links, would no longer be accessible to a visitor using a mobile device. The content will still be indexable, but hidden from users using media queries. There would be no access point for a user to view much of the content on the page that's making it rank. This is not my understanding of best practices around responsive design. My interpretation of Google's guidelines on responsive design is that all of the content is served to both users and search engines, but displayed in a more accessible way to a user depending on their mobile device. For example, Wikipedia pages have introductory content, but hide most of the detailed info in tabs. All of the information is still there and accessible to a user...but you don't have to scroll through as much to get to what you want. To me, what our development company is proposing fits the definition of cloaking and/or hiding text and links - we'd be making available different content to search engines than users, and it seems to me that there's considerable risk to their interpretation of responsive design. I'm wondering what other people in the Moz community think about this - and whether anyone out there has any experience to share about inaccessable content on responsive webpages, and the SEO impact of this. Thank you!
Web Design | | mmewdell0 -
What happens if I 301 Redirect my homepage to a different page on site
If i were to 301 redirect the index page of my website to a page in a different subdirectory of my site would that adversely affect SEO? Does your home page need to be in the root of your site? I'm asking because a developer has told me that it would be best to do that since he needs to install OpenCart on the root of our domain...
Web Design | | SheffieldMarketing0 -
Does Using Magento With Multi Sites Affect SEO
We have a client who has 3 separate websites targeting the US, Australia, and the UK. Each of them has relevant ccTLD's such as: .com .com.au and .co.uk. Our client wants to use the Magento multi-site function so it combines all the stores (which are the exact same products) and merge it into one through Magento. These sites are all hosted in the US and had nothing to do with me haha! I understand Rand has mentioned on a video it would be best having the websites with ccTLD's hosted in that country (if budget permits), however in this case the budget doesn't permit us to go down that road. Has anyone any advice on this matter, has anyone did this before and had a lot of success with the SEO? At present there doesn't seem to be a lot of information about it and opinions are varied and sometimes divided. Any help would be very much appreciated guys Thanks, Matt
Web Design | | HigherthanSEO0 -
How long does Google take to re-cache a site?
Specifically, I just redesigned my site. I'm reading Danny Dovers book, and learned about checking the cache version of the site to see what google is REALLY seeing . . . . . . which evidently is my old site. Obviously, my sites not going to make any real progress with SEO as long as the site is out of date. It says it last checked the site on 5/5 and I launched the site on 5/9. Obviously, it does not do these things immediately, but anyone have any ideas on how long it should take before google starts to show me some love?
Web Design | | damon12120 -
Are slimmed down mobile versions of a canonical page considered cloaking?
We are developing our mobile site right now and we are using a user agent sniffer to figure out what kind of device the visitor is using. Once the server knows whether it is a desktop or mobile browser it will deliver the appropriate template. We decided to use the same URL for both versions of the page rather than using m.websiteurl.com or www.websiteurl.mobi so that traffic to either version of these pages would register as a visit to the page. Will search engines consider this cloaking or is mobile "versioning" an acceptable practice? The pages in essence are the same, the mobile version will just leave out extraneous scripts and unnecessary resources to better display on a mobile device.
Web Design | | TahoeMountain400