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.
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
-
New Mobile Site Traffic Drop
With all the talk about how much mobile is important and how it is going to return its own search results, we finally decided to make a mobile site for one of our smaller websites to test the water. We put it up about two weeks ago and did Vary HTTP header method to serve the site. Before the change, on the average week we would get 270-300 mobile visitors from organic search results and we converted 0.78% to sales. Since the change, we are now getting about 70 mobile organic visitors per week but converting 2.47% So what can I say but WOW. We are converting way way better but our organic mobile search traffic has dropped off a ton. Luckily our desktop and tablet traffic(we serve the desktop version of the site to tablets) has stayed the same and has not dipped. Do any of you guys have experience or gone through launching a mobile site before? Did you see the immediate drop in organic mobile traffic and did you recover your traffic back to previous levels? If so, do you know how long it takes to recover? I am thinking it is a big change and will take time for Google to adjust but I am not sure since the mobile version has so much less text now on the home page and on category or product list pages or whatever you guys want to call them.
Web Design | | KurtL0 -
Does anyone know if the YOAST SEO plugin works 100% on a responsive wordpress template?
Hi, Does anyone know if the YOAST SEO plugin works 100% on responsive wordpress template? In other words, when you configure the custom title and metadescription is it also configured for the tablet and cellphone views as well? Thanks Carla
Web Design | | Carla_Dawson0 -
Html 5 main and secondary navigation for SEO best performances
I am building a website which will have a main navigation related to the site and each link of the main navigation will have a secondary navigation. We do not want to use a megamenu style navigation. I will try to explain it with a example: Let's start with an example for a computer store "My PC Store", the Main Navigation would be: Desktop PC's Notebook & Tablets
Web Design | | netbuilder
Multimedia When clicking on the "Notebook & Tablets" the user is directed to the page domain.com/notebook-tablet.html and on this page the secondary navigation appears: Laptop Netbook Tablets / iPad I am confused on how I should organize the semantic navigation for best SEO performances and I need advice / suggestions. I thought about 2 different ways to do it but which one is more appropriate in terms of SEO? PROPOSITION A Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <nav>(or <aside>?) Desktop PC's Notebook & Tablets Multimedia </aside> </nav> <header> Notebook & Tablets <nav> Laptop Netbook Tablets / iPad </nav> </header> As you notice on the home page the Main Site Navigation is included in the <header>while it is not in the sub-pages. PROPOSITION B Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <header> Notebook & Tablets <nav> Desktop PC's Notebook & Tablets Multimedia </nav> # Notebook & Tablets * Laptop Netbook Tablets / iPad </header> The main navgation remains always in the <header>(home page / sub-pages) of all page. I need suggestions... How would you guys organize the nav ? </header> </header>0 -
Political Campaign SEO
We are considering taking a candidate for office on as a client. The run would be for a state office in the U.S. by someone who is involved in politics/government but not currently an elected official. The candidacy would not be for a couple of years and the exploratory committee approached us asking if we would take on. Sooo, decision time. First, yes I like the candidate (as much as I like business I could not do it otherwise). Next, candidate has no real public persona other than FB, LinkedIn, etc. Our approach is to shut all down all social first - to prevent anything that is harmless from being manipulated - and then revise to a political run. Also to create a site for candidate that is not necessarily a political one that could gain some DA, PA over time as the candidate begins to put out opinion pieces, etc. around their beliefs in what is workable/needed. We would maintain the site utilizing SEO until the announcement to run is made and then have a full political candidacy site go live with 301's from old site. Obviously, I am not at liberty to say names, etc. and some of our strategy specifics must be kept confidential as well. I would be interested in your opinions and thoughts on the approach and also if someone has handled SEO/SEM politically and has insight as to whether I should act like I am in the movies and ... RUN FORREST RUN!!! 😉 Thanks,
Web Design | | RobertFisher1 -
Best SEO Strategy for Social Games
Hi all - wondering if you can help.... We have a social gaming startup with a few million users. Our first game is http://iamplayr.com (currently just a landing page) - now we're just about to launch some more games. We'll have approx 6 titles by the end of the year (note most of our users are on Facebook.com).I'm a little unsure the best way to approach this from an SEO perspective. 1) Should we direct everything to a games specific .com site like http://iamplayr.com -> and if so, should we build out this site to attract more keywords2) Direct everything to our Facebook app e.g. http://farmville.com 3) Have 1 central site for our multiple titles, with each game having a subdomain e.g. ala King.com / Zynga.com etc? What you recommend? Our goal is to have a managable 'off Facebook' strategy that attracts maximum organic traffic for keywords e.g. 'free football game' etc Thanks 🙂 H
Web Design | | HowardK0 -
What are the top 3 things you evaluate when contracted to SEO a website?
As a freelancer, what are the top 3 things you evaluate when contracted to SEO a website for a client?
Web Design | | StreetwiseReports0 -
Mobile Sitemap for Site with Media Queries
I'm doing SEO for a site. It uses Media Queries and the CSS to automatically resize the site for the screen size in use. I.e. the site detects the screen size of say an iPhone and the CSS knows which elements to hide for that screen size and still make it look good. This is great because it will automatically cut down the content to display nicely on small screens - obviating the need for a separate mobile site. What kind of sitemap should be generated since the urls are for desktop and mobile use? Yoast (sweet SEO) said it should have both regular and mobile style sitemap to get both the regular and mobile bots to visit, but didn't elaborate on how that sitemap should look. Do you have a recommendation for how exactly the sitemap should look? Should the sitemap have the urls all twice, i.e. once regular and once with the mobile indicator?
Web Design | | GregoryHaze1 -
URL question for SEO...
I'm thinking of creating a new url off an existing url and was wondering if there would be any impact. For example I have the URL www.baseball.com and rather than secure a new url for a new product launch such as www.newbaseballproduct.com I want to do newproduct.baseball.com Will this hurt my SEO rankings for this new site? Basically wanting to figure out if this will hurt me or not? Should I get a new url or re-utilize an existing URL... really for a landing page/micro site, etc.,
Web Design | | gritacco0