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
-
Need suggestion: What is the best internal linking structure for our website to gain in SEO & UX too?
Hi all, We have 3 different editions of our product we are selling with 20 features. 1st edition & 2nd edition comes with 15 features in which 10 are common in each edition. 3rd edition comes with all 20 features. Now what's the best way to interlink and show the navigational menu to highlight 3 editions and features as well? Much appreciated if some one refer me a website with such structure. Thanks
Web Design | | vtmoz0 -
What causes rankings to drop while moving a site.
Hi, we recently moved a PHP based site from one web developer to another (switched hosting providers as well). Amidst the move our rankings drastically dropped and our citation and trust flow were literally cut in half as per Majestic SEO. What could have caused this sudden drop?
Web Design | | Syed_Raza0 -
FTP hacked - links build...
Hi guys, our ftp got hacked a few days ago and the person uploaded a bunch of html pages with links to fake rolex websites. They also build a ton of links to the urls they had created in the image folder on our site with very spammy keyword anchor texts all in line of the same fake watches. What do you recommend as a plan of action? Make a list of all the backlinks and upload them in the Google disavow tool? Obviously i have already deleted the pages they were linking to and secured our ftp. Looking forward to your advice 🙂
Web Design | | Immanuel0 -
We believe we accomplished an SEO Parallax site with a nice balance. Can the MOZ community critique this site from an SEO perspective?
Our goal was to accomplish a site that has parallax scrolling and great onsite optimization. We noticed that most Awwward winning sites www.awwwards.com have great parallax scrolling but no SEO. Can the MOZ community critique this site from an SEO perspective? (Note this site was optimized for Chrome or Firefox. If you are using IE, you will be redirected to the old site.) www.posicionamientowebenbuscadores.com Note the site is in BETA still. It has the following technologies CSS3 HTML5 REsponsive Wordpress Parallax Scrolling Onsite Optimization (SEO) No mobile (ran out of funds...)
Web Design | | Carla_Dawson0 -
Changing from All-in-One SEO to Yoast SEO
I am currently using, and have always used the All-in-One SEO plugin for my website, but I have have heard time and again that the Yoast SEO plugin is superior. How do I transfer to this plugin instead? Do I need to deactivate the all in one seo plugin? What happens to all the tags that are already there for the thousands of pages, including the main page, that is functioning from the all in one SEO plugin?
Web Design | | dtlalaw0 -
301 redirects from old site to new
hey all, we just did a site redesign and have less pages on the new site than the old. is it bad to redirect multiple pages from the old site to the same page on the new? for example redirect ...com/apps ...com/android ...com/mobile and point them all to....com/custom-apps thanks!
Web Design | | jaychow0 -
Avoiding duplicate content with multi-lagusage site
Hi, We have a client in China that is looking to create three versions of the same website, English, Chinese and Korean. They do not want to use a translation plugin like Google translate, preferring to have the pages duplicated. What is the best way to do this bearing in mind that the site needs to be found in all three languages. Would also appreciate if anyone knows of a good hosting company that has English support on the Chinese main land. Thanks Fraser
Web Design | | fraserhannah0 -
What is a really great bounce rate for a product or service site? What does Good look like?
I am really curious about a result I have never seen before. Our bounce rate went down a lot on a new site. So, what is good??? Recently, we took on a project with a company that offers a product they install for consumers and who had been in business for 15 plus years. The company is successful, has good customer base of those who have been made very happy, etc. It is not a repeat sale type of product, etc. One and done. Their site when we began talking was roughly a year old and was not well constructed but not terrible. Most of the issues were around I frames, use of older coding, poor SEO, etc. There was not really a way to "redesign" and we built a new site. This became a true collaboration in a B2B environment as the owner pushed us like crazy. Not the bad kind of push, the one that makes you say to your team, "Let's find a way!" The result, IMO, was a gorgeous site. But, as you know, those are a dime a dozen. But, to get to the point, when we took over the account they had a bounce rate of around 45%. I did not see this as either good or bad, but a fact and for this industry probably not bad at all. In all honesty, I was not looking at that as a first metric I wanted to move, but it was obviously at or near the top for all the reasons we know. So, this site is a local business, not an everyday product and gets about 2500 to 3000 uniques per month. If we compare to May of 2011/2012: 2011 2012 Total Visitors 1852 3,298 Uniques 1609 2,740 Pageviews 5,634 23,203 Pages/visit 3.04 7.04 Avg Duration 2.05 3.20 Yes, I am leaving off what we are getting, yes, I am leaving off the site. Please don't hate me. I am really wanting to see what others see with site changes and bounce rates first and will disclose. So, what's a great bounce rate? How do you know?
Web Design | | RobertFisher0