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 switching from a very old HTML table site to HTML5 going to make a big difference
Hello, My site owner has been having calls that our old HTML site needs to switch to HTML5. Is it really worth the ubgrade from an archaic HTML site? Please explain. Bob
Web Design | | BobGW0 -
HELP! IE secure page display issue on new live site
For some reason IE 7, 8, & 9 do not display the following page: https://www.jwsuretybonds.com/protools.htm All they show is the Norton seal. It shows properly in all other browsers without issue (including IE 10+), but the earlier versions flash the page for a split second, then hides everything. Can someone shed some light on this? This is a new live site we just launched minutes ago and these browsers account for 12% of our overall traffic. UGH I hate you microsoft!!! Thanks all 🙂
Web Design | | TheDude0 -
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 -
Migrating a site to Wordpress
I've recently been converting our old website to a wordpress based website and been working on the new version of the site on a subdomain. Now at the stage when I am getting ready to let the site go live and just wondering exactly how to do this so I have minimal downtime? Looking in the wordpress control panel there is the setting to enter the address of the site if you want it to be different from the directory it has been installed within - is this a good idea (i.e. is it stable if I do this? good for seo, bad for seo or makes no difference?)? or should I manually install everything in the root myself (if I do this is there a way to direct people to the temp version of the site on the subdomain? Any tips, do and don't s would be appreciated as I want to do this right!
Web Design | | Jon-C0 -
Hey on some of my report cards its saying im not using rel canonical correctly how do i change this on my site?
on some of my report cards its saying certain things featured on my services page are actually linking to my blog or something. and its saying im not using rel canonical correctly. can you help me out?
Web Design | | ClearVisionDesign0 -
Image sliders & site speed
We are having a new website designed using WordPress and the Genesis framework. We wanted to include header image sliders on a number of internal site pages, but our designer says that sliders on more than just the home page will slow down the site significantly. How much could they slow down the site, and what can be done to minimize their effect on site speed?
Web Design | | GordyH0 -
How to make Address Text Clickable for Google Map Link for Mobile Device
How do I make the address text on the site a clickable link for mobile devices?
Web Design | | bozzie3110 -
What is value in site aggregation?
If one was to own 5 sites that were in a similar vertical and at some point decide that managing 5 sites was more of a pain than managing 1,2, or 3, is it possible to combine sites via 301 redirects and increase the overall DA, and for urls that are similar, PA? So, we have site Hairbrush.com, comb.info, trimmer.com, hairmud.org, and barber.net: Assuming that they have a DA of Hairbrush.com = 32 Comb.info = 36 Trimmer.com = 27 Hairmud.org = 21 Barber.net = 44 Is there any testing that has shown combining the first 4 would increase the Comb.info from DA of 36 to DA of 51, etc? Is there any testing regarding the same, but with Page Authority? Thanks PS Assume other variables are equal. I also realize this could look as if they were all ECommerce, but what if they were service or bricks and mortar?
Web Design | | RobertFisher0