Mobile and SEO
-
We are in the process of building a responsive version of our site for mobile users (currently about 20% of total traffic).
What are the most important SEO considerations we should be aware of when it comes to this kind of project?
Thanks
-
Hi Casey,
It sounds like you're using dynamic serving, rather than pure responsive design. The difference is that, while both approaches keep a single URL for mobile and desktop users, a responsive approach also keeps the same HTML and simply uses CSS to rearrange content on the page to fit a smaller screen; dynamic serving allows you to actually serve different HTML based on user agent.
The main thing to do for dynamic serving is to make sure you use a Vary HTTP User Agent header, to indicate to Google that you are not cloaking but rather are serving different content based on user agent to provide a mobile-friendly experience.
You can find more info on this here: https://developers.google.com/webmasters/smartphone-sites/details
-
Actually it MAY BE RADICALLY different than building a site in "traditional" HTML as far as SEO goes.
If site navigation goes away or is radically reduced for responsive (fluid) design reasons, your code needs to embed URLs in the position where it would traditionally appear in the flowing/scrolling content. This also includes ensuring proper category funnels exist at the code level as well.
Also, site speed is a CRITICAL factor (just as it is with any other technology) except its more challenging to ensure your speed is truly maximized depending on the type of code base or framework you use for the responsive design, as well as the optimization of the CDN code and delivery pipe as well.
User WebPageTest.org to thoroughly test each template type (you can choose desktop or mobile device types), along with URIValet.com (the 1.5MBPS speed best reflects what Google tends to see). The key is this isn't about "time it takes a user to see the content" as much as it is "time to process the code that drives the presentation" - page PROCESSING speed.
-
Thanks Jesse,
We are building (or I should have said - having built for us by a 3rd party) a mobile version (not an m.) of our existing site. I.e. when a user accesses our site from a mobile device the new version is what will display but is the same URL etc - my understanding of responsive, but am I wrong here?
However, we are not able to carry over all the content, pics, video etc from our desktop site to the mobile. Other than this content issue, we should be able to just work as normal?
-
No different than building your desktop really, as far as technical on-site SEO tactics are concerned.
You say "responsive" but then imply that you are building a separate mobile site. I always recommend building one responsive site but do understand that there are occasionally instances where it doesn't make sense to do so.
Point being, if you're truly building a responsive site then the on-site SEO considerations will be the same as you are building for all devices.
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 -
Mobile Friendly Issue
2 days ago I saw my site listed with the 'mobile friendly' text in the Mobile searches. Today it has vanished. I have checked my site using the Google tool and it shows my site as Mobile Friendly. Has anyone had a similar experience?
Web Design | | dynamyt1000 -
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 -
Script tags and seo
Hi, I have a page on my site with a google map embed, and a path drawn on the map. The path is made from a long string of coordinates. For ease I have the co-ordinates placed in a script tag at the foot of the page, amongst my javascript My question is, will this script tag hurt the seo for the page? I've read that inline js and 'data islands' can be bad, so I've been careful to keep it out of the main body of the page. Thanks, any help appreciated!
Web Design | | madegood0 -
What seo benefit does setting up a photo gallery where each photo is a separate web page?
what seo benefit does setting up a photo gallery where each photo is a separate web page? My old SEO guy set up my photo gallery like that claiming that because each photo was a separate page, it added a big seo benefit and i never understood what he was talking about. Maybe alt text on the photo with key phrases in it pointing to my other pages to give my site a theme for google? I'm not really sure. He has since moved away and i am considering redoing the photo gallery to multiple images on one page to be more user friendly to my users. This photo gallery is 3 years old and the photos might have some page rank to them helping my site so i don't want to remove this gallery if there really is a benefit to it and it will hurt my site. I once removed four static page rank 3 pages from my site that weren't used for my site anymore and my rankings dropped 5 positions. Thoughts anyone? Thanks! Ron
Web Design | | Ron100 -
What site do you admire/like for its SEO - technical, content, whatever - and why?
I am gathering examples of great SEO'd sites and would appreciate your examples. The rationale can be anything - great SEO structure, great linking, solid content - you think stands out. Thank you!
Web Design | | josh-riley0 -
Separate .mobi site or make .com site mobile friendly?
Our website now has enough mobile traffic to justify going mobile friendly, which it is not at this time. I am in favor of making a separate .mobi site designed specifically for mobile phones and smart phones for several reasons. It is cheaper, faster, and easier to accomplish. I think our mobile users will have a good experience though obviously not as much info as our full site. I would use ourdomain.mobi with link or a redirect for mobile users from from the main site. My top three choices for implementing that are http://allwebcodesign.com/setup/mobi-templates.htm#detailsarea
Web Design | | zharriet
Template that can be viewed by mobile or desktop. http://www.onbile.com/ http://www.networksolutions.com/mobile-website/index.jsp Does this seem like a good solution?1 -
HTML5, semantic web & SEO
HTML5 is supposed to revolutionize the way browsers, web clients and services are supposed to "understand" information on the web. I have been planning on converting my site to HTML5 ever since it went into a working draft last spring, however I wanted to know if upgrading to HTML5 would offer any SEO benefits or if it would actually have a negative effect on how my site is perceived on the web. I guess my real question here is "Do search engines recognize HTML5 sectioning?" Is content found in semantic sections like <header>, <footer>, <nav>, <aside>, treated any different than content inside generic HTML4 containers like, or ? </aside> </nav> </footer> </header>
Web Design | | TahoeMountain400