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
-
Is this a good WP template for this site?
I need some advice, please. My cousin wants to take his site; http://www.gaport.com/ and move it to this wordpress theme http://themeforest.net/item/elvyre-retina-ready-html5-template/6639095. I have two reservations about this, but before I say anything I'd like the community's feedback, please. 1. It's a brand new theme. It's not even out for two weeks. That strikes me as a giant red flag. ** Just to clarify, i's not a new theme; it's new for WP. 2. It only costs $15. I can't tell what's wrong with this theme, but "you get what you paid for" is a cliche for a reason, and that price seems way too low for something quality. Are these legitimate concerns? Do you all have any recommendations for a theme that might suit him better? I'd appreciate any and all feedback. Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Going Mobile - Advice Requested
Hi, I run a website called tvfoodmaps.com. We currently have a desktop website and a mobile app (native apps). However the largest community of our users tend to use our desktop site on their mobile phones. Our bounce rate is about 12% higher for mobile devices than desktop users and our pages per visit drops by almost 50% from desktop to mobile. My hypothesis is that mobile users when presented with a "designed for desktop" site are more likely to leave since the navigation isn't as natural. I'm considering investing in either a responsive design for the site or a dedicated mobile site and wanted the communities input on what metrics I should be looking at to determine "is it worth it"? Or should I just stick with service the desktop version to the mobile users?
Web Design | | tvfoodmaps0 -
Could our drop in organic rankings have been caused by improper mobile site set-up?
Site: 12 year old financial service 'information' site with lead gen business model. Historically has held top 10 positions for top keywords and phrases. Background: The organic traffic from Google has fallen to 50% of what it was over the past 4 months compared to the same months last year. While several potential factors could be responsible/contributing (not limited to my pro-active removal of a dozen old emat links that may be perceived as unnatural despite no warning), this drop coincides with the same period the 'mobile site' was launched. Because I admittedly know the least about this potential cause, I am turning to the forum for assistance. Because the site is ~200 pages and contains many 'custom' pages with financial tables, forms, data pulled from 3rd parties, custom/different layouts we opted for creating a mobile site of only the top 12 most popular pages/topics just to have a mobile presence (instead of re-coding the entire site to make it responsive utilizing a mobile css). -These mobile pages were set up in an "m." subdomain. -We used bi-directional tagging placing a rel=canonical tag on the mobile page, and a rel=alternate tag on the desktop page. This created a loop between the pages, as advised by Google. -Some mobile pages used content from a sub page, not the primary desktop page for a particular topic. This may have broken the bi-directional 'loop', meaning the rel=canonical on the mobile page would point to a subpage, where the rel=alternate would point to the primary desktop page, even though the content did not come from that page, necessarily. The primary desktop page is the one that ranks for related keywords. In these cases, the "loop" would be broken. Is this a cause for concern? Could the authority held by the desktop page not be transferred to the mobile version, or the mobile page 'pull away' or disperse the strength of the desktop page if that 'loop' was not connected? Could not setting up the bi-directional tags correctly cause a drop in the organic rankings? -Our developer verified the site is set up according to Google's guidelines for identifying device screen size and serving appropriate version of page. -Are there any tools or utilities that I can use to identify issues, and/or verify everything is configured correctly? -Are we missing anything important in the set-up/configuration? -Could the use of a brand new subdomain 'm.' in and of itself be causing issues? -Have I identified any negative seo practices or pitfalls? Am I missing or overlooking something? While i would have preferred maintaining a single, responsive, site with mobile css, it was not realistic given the various layouts, and owner's desire to only offer the top pages in mobile format. The mobile site may have nothing to do with the organic drop, but I'd like to rule it out if so, and I have so many questions. If anyone could address my concerns, it would be greatly appreciated. Thanks! Greg
Web Design | | seagreen0 -
Many errors from previous ecommerce site. Domain is now just a localized wordpress site.
Many errors from previous ecommerce site. Do I need to redirect every single page that no longer exists at this domain? loveyourcabinets.com used to be loveyourkitchenandbath.com but we have since changed course. We want loveyourkitchenandbath.com to be our local site on Long Island and NYC. Loveyourcabinets.com will be an ecommerce project that I'll be revamping in the coming months. I think Moz as well as Google still has all of the old ecommerce pages indexed. And of course, Moz is shooting me a bunch of error all regarding pages from the ecommerce site that used to be on loveyourkitchenandbath.com. Any thoughts? Commentary? Thx
Web Design | | loveyourkitchen0 -
For a real estate website, is a different mobile site warranted vs a responsive site?
I researched the major real estate websites: Zillow, Trulia, Remax, Keller Williams, Century 21, etc. They all have a separate mobile site and not a responsive one. The client wants it to be easy to search for properties from a smartphone. Is it possible to get a responsive version of a real estate website on a smartphone?
Web Design | | MassMedia0 -
On site SEO opinions
Hi all, I have been testing different configurations for my on-site SEO for a while now and I think I am pretty much there. However it is always nice to know what other SEO's think about my keyword density and usage. My site is http://www.tomlondonmagic.com I am curious as to what you think regarding landing page content, whether you need lots or text or little text? I have just removed links in the text as I feel I want to keep as much juice on my landing page as possible. Thanks all!
Web Design | | TomLondon0 -
Usual time to index and rank a new site
Hi Just wondering if anyone knew how long it usually takes for a brand new site to get indexed and ranked? I launched a new site about 5 weeks ago. So far I have had 96,000 pages indexed but the majority haven't ranked particularly well or appeared. The ones that have ranked aren't ranking high even though they have better content than competitors sites... And my old domain. Do I just need to hang tight and wait till my domain authority improves? Is there anything I can do to speed up this process? cheers
Web Design | | DavidLenehan0 -
Testing your code and site
I’ve got various WordPress websites with the Share This social plugin for WordPress. I have been using Firebug and http://analyze.websiteoptimization.com/wso to do general checks on the site and the code. And used W3C validator too. Due to the way WordPress appears to work we never seem to be able to get all the firebug/ website optimization tests to pass and the W3C validator passes everything on HTML 5 apart from 7 errors with the Share This social plugin. How do you test your code/websites? Should I stop be a perfectionist and just be happy?
Web Design | | JohnW-UK0