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
-
How does lazy load effect SEO?
One of my clients implemented lazy load on part of the navigation and I am wondering what the effects will be. Specifically, the drop-down navigation does not load until you hover over it. That means when you look at the page source that drop down navigation is no longer there. I am wondering if that means the google bot no longer sees the links in the navigation drop down. I am looking into this because the dev department of this company is going to do what it wants to and they need proof that its a bad move. I already suspect that it is. Too early to tell what the effects will be and not sure if there is a built-in delay in the algorithm as to when it will impact rankings. Ultimately, I am wondering if my belief that if you can't see it in the page source then as far as that particular page goes it is not seen. That would be an important thing to verify as being true.
Web Design | | KentH0 -
Prismic.io CMS and SEO?
Looking for community feedback: Some of our In house developers want to use Prismic.io over Wordpress for it's alleged ease of organizing and "deploying" content. It's essentially a repository for content from which you make API calls to. It's a rather new platform. There a few posts in Quora around SEO but looking to see if anyone has had experience with platform. My concern is around page load times, excessive server requests, and content viewed as code. Any thoughts/ experiences would be much appreciated!
Web Design | | ArcherMalmo0 -
Responsive image plugins and seo / crawlability
Note : For the background of this question please read the preface below. Ive been researching responsive image options the main issue i can see with them is that they are not semantic html so bots may not index them correctly. For instance many of the responsive image plugins use data-src for an image rather than src. Does any one have any experience with this and if it impacts on SEO ? Does any one know of a client side responsive image soltion that uses a normal img tag with the image stored in the src and with the option to set an alt attribute ? **Preface : ** Ive got a site we are currently developing, the site has a large full width responsive image slider. To serve images that wont be pixilated we are making the width of the images 1800px wide (which should cover most screens, but isn't actually big enough if the site was viewed on a 27" imac) these 1800px wide images weight about 350kb - 500kb per image and our image slider has about 20 of them. As you can see this would be a problem for anyone with a connection slower than c.10 mbps. This is especially true for mobile devices that will be downloading an image 1800px wide although only require a much smaller one, this coupled with a 3g connection will make the site really slow.
Web Design | | Sam-P0 -
SEO Value to Improving HTML Code of Website That Validates According to W3C?
Greetings MOZ Community: My real estate website www.nyc-officespace-leader.com, originally designed in Drupal, was relaunched using Wordpress in 2013. The code for all URLs validates. The relaunch was performed by developers in Argentina. As part of an SEO campaign, I very reputable design/coding company in the has provided new wire frames to correct useability issues holding back conversions. In the course of the design adjustments they inspected the code and have told me that it is inefficient, that a number of shortcuts were taken and that the code does not conform to Wordpress best practices. What concerns me most is their claim that the quality of coding makes it more difficult for Google to index the site and this may be detrimental to ranking. Is it possible for the original developers to clean up this code if the deficiencies are pointed out to them? Or once coding shortcuts are taken are they impossible to fix? Would it make sense for me to request that the new design team put together a list of HTML deficiencies and provide to the original developers and ask them to correct? I am spending tens of thousands of dollars on content optimization, content marketing. It would be absurd if these coding issues would ultimately prevent improvement in ranking and traffic. At the same time, I hate to be a cynic but the domestic design/coding firm, while being very professional, does have an incentive in getting me to ditch the original design so I commit to an costly rebranding. If these issues are really minor maybe it is not worth making the effort to clean up the code (assuming that is even possible) and focus the budget on content marketing. Any thoughts?
Web Design | | Kingalan10 -
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 -
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 -
SEO Friendly Image Swap Functionality Software
Anyone know of any software for this... I need a simple way to create SEO friendly Image Swap Functionality on multiple product pages of a static site. The idea is that customers can see different images within the product screen by clicking on thumbnails. For SEO purposes it is essential that: The rollover does not create a new URL when the product images are cycled The image needs to have an alt attribute (a different attribute set by the client for each product) As per: http://www.seomoz.org/blog/tips-and-musthaves-for-your-ecommerce-platform Thanks in advance. Justin
Web Design | | GrouchyKids0 -
Need an SEO pro to build us a new fine art website
Hey Seomoz friends My friends and I started buying and selling art 5 years ago. We did it all on ebay. Two years ago I decided to try an attempt at building us a website to further our business outside of ebay. www.originalartbroker.com I used homestead.com software aka intuit to do this. I was able to get a lot of first page results in seo after a ton of work and willing to do a lot more. I'm sure the homestead site slowed my efforts down. I need more power 🙂 What we do. We sell fine art. We are trying to aspire to the leading seller of fine contemporary art online. We will do whatever it takes to get there. Our issue is not our product. Our issue is getting traffic to the site. I only have 175-200 visitors a day. I need better results for the keywords of our artists and inquires that surround them. We have a bounce rate of 70%, average time on site of 1 minute 50 seconds, and a slow loading site that is almost impossible to create individual pages for pieces (mgmt nightmare) Outside of our site we have blogs, squidoo pages, facebook account with 2500 fans, twitter page with 2k followers, youtube channel, and a blog on the site for new arrivals. We have a 200-250 piece on our site at any given time. We add probably ten pieces on average a week. We don't need any kind of ecommerce management software as most of our sales are done over the phone being that it is higher end art. I need a site that out performs my competition. I need to be in the top three when someone types in "leroy neiman" "peter max" and so on. I, with limited knowledge, need to be able to use the software everyday to upload new art as it comes in. I want every piece to have its own page so that I can also add pieces to a google merchant account. When I add new pieces under a certain artists and it creates its own page i want it to create h tags and an url extension for each product as I add them based off the discription and artists name. I would like some sort of blog integration to post our new arrivals as we get them. I would like some sort of customer capture. I am thinking something along the lines of them prociding email, name, and zip code to see the prices on the site. You are the seo pro so you know what it takes. I would like to know what a solution would cost to get us on the ground with more seo power. A site with speed that is easily indexed. It doesn't need to have a lot of bells and whistles. Please look at my site and let me know what you think. You can get an idea from that of what we are doing. Please give me an idea of what you can do and what it would cost. Thank you
Web Design | | forecastedinvestments0