Different HTML based on resolution
-
Is it acceptable in terms of SEO to display different HTML based on a users resolution size?
I feel I'm wasting space on my site catering for all the 1024 x 768ers
-
SEO Wise I don't think there's any issues, though I wonder what resolution the Googlebot reports itself as having. It's important though that you do it the way Chas Blackford states; if you have actual server side code that changes a bunch of things around based on resolution then you might get in trouble. This is an interesting article about using stylesheets to segment mobile layouts (it also mentions Media Queries which are kind smart/new phone specific):
http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
There are some implementation issues, the most important of which is reliably getting the resolution from the agent. Essentially, you can't guarantee it 100% of the time. From what I've read a combination of user agent string matching and resolution detection can probably get you most of the way though.
-
Yes it's acceptable - the key is utilizing CSS and use a DOCTYPE with a DTD to present a different UX based on the device. Work with an experience coder who can structure the page template to put the content first, minimizing scripts, etc - you want to score high on the Google page speed test (https://developers.google.com/pagespeed/).
Then test across all devices you think 80% plus visitors will be using (check your Google Analytics to profile browsers, OS, devices and resolution)
BTW - Here's what Google has to say about SEOmoz (scoring an 83/100)
High priority. These suggestions represent the largest potential performance wins for the least development effort. You should address this item first:
Leverage browser caching
Medium priority. These suggestions may represent smaller wins or much more work to implement. You should address these items next:
Minimize redirects, Optimize images
Low priority. These suggestions represent the smallest wins. You should only be concerned with these items after you've handled the higher-priority ones:
Inline Small CSS, Enable compression, Defer parsing of JavaScript, Minify CSS, Specify a cache validator, Minify JavaScript, Minify HTML, Specify a character set, Optimize the order of styles and scripts, Remove query strings from static resources, Specify a Vary: Accept-Encoding header -
Hi Niall
Responsive design seems to be everywhere now and your point above seems to touch on this. From a UX perspective there really isn't a perfect design that caters for every single display and user. Google Analytics allows you to track screen resolution so I suggest that for any particular track this for a while and if there are mutliple types then think of designing to cater for it.
However even though I am in website design I tend to head for he safety of the middle ground and have not yet fully dived into the HTML5 /Responsive area yet as most customers are not demanding it.
However as the tablet and smart phone become the default device as opposed to the fun one it may become an issue.
hope this helps
Kieran
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
-
Hreflang - different navigation for all countries
Hi all! Currently we are implementing the href lang tag. I'm not really sure how to solve this: We sell our products in the Netherlands and Belgium. For the Netherlands we have 1 category page for pebbles (stones) which contain both rounded and non-rounded pebbles. In the Netherlands there is not really a difference between them (people search for pebbles and that's it). The URL: https://www.website.com/nl/pebbles. In Belgium there is a difference (people specifically search for rounded/non-rounded pebbles). Therefore, in Belgium we have 2 pages (we don't have an overall page): https://www.website.com/be/pebbles-rounded.
Technical SEO | | AMAGARD
https://www.website.com/be/pebbles-non-rounded. My question now is, what to do with the hreflang tags on these pages? Thanks in advance! Best, Remco0 -
Non-standard HTML tags in content
I had coded my website's article content with a non-standard tag <cnt>that surrounded other standard tags that contained the article content, I.e.</cnt> , . The whole text was enclosed in a div that used Schema.org markup to identify the contents of the div as the articleBody. When looking at scraped data for stories in Webmaster Tools, the content of the story was there and identified as the articleBody correctly. It's recently been suggested by someone else that the presence of the non-standard <cnt>tags were actually making the content of the article uncrawlable by the Googlebot, this effectively rendering the content invisible. I did not believe this to be true, since the content appeared to be correctly indexed in Webmaster Tools, but for the sake of a test I agreed to removing them. In the last 6 weeks since they were removed, there have been no changes in impressions or traffic from organic search, which leads me to believe that the removal of the <cnt>tags actually had no effect, since the content was already being indexed successfully and nothing else has changed.</cnt></cnt> My question is whether or not an encapsulating non-standard tag as I've described would actually make the content invisible to Googlebot, or if it should not have made any difference so long as the correct Schema.org markup was in place? Thank you.
Technical SEO | | dlindsey0 -
Sitelinks Issue - Different Languages
Hey folks, We run different ccTLD's for revolveclothing.com (revolveclothing.es, revolveclothing.com.br, etc. etc.) and they all have their own WMT/Google Console with their own href lang tags etc. The problem is this. https://www.google.fr/#q=revolve+clothing When you look at the sitelinks, you'll see that one of them (sales page) happens to be in Portuguese on the French site. Can anyone investigate and see why?
Technical SEO | | ggpaul5620 -
Has anyone tested or knows whether it makes a difference to upload a disavow file to both www. and non-www. versions of your site in GWMT?
Although Google treats both as separate sites, I always assumed that uploading the disavow file to the canonical version of your site would solve the problem. Is this the case, or has anyone seen better results uploading to both versions?
Technical SEO | | CustardOnlineMarketing0 -
Same language selector on 2 different Multilingual domains?
Hello I hope you can help me to clarify my doubts I have a multilingual domain www.domain.com structured like this: www.domain.com www.domain.com/es/ www.domain.com/fr/ www.domain.com/it/ www.domain.com/de It contains a language selector list on the header where people can change the language of the website like this English Spanish French Italian German I want to move the German language to a separate domain. I have recently bought the LDT www.domain.de especially for that. QUESTION 1: Can I still mention the german language on the language selector of www.domain.com in order to drive german people (that lands to the English version) to the external domain www.domain.de (maybe with no follow)? Like this: English Spanish French Italian German linked to the external domain www.domain.de QUESTION 2: Can I also mention on www.domain.de the same language selector like this: English linked to www.domain.com Spanish linked to www.domain.com/es/ French linked to www.domain.com/fr/ Italian linked to www.domain.com/it/ I am bit worried because I don’t want to create be interpreted like a reciprocal circle linsk or a kind of link scheme Thank you
Technical SEO | | andromedical0 -
Will moving a well established Blog to a different URL (on the same domain) affect the SERPs?
Hi SEOmoz experts, We will shortly be launching a new product range (B-Events) on our Events website and I was wondering if moving our current A-Events specific blog will impact the SERPs at all? Quite a few of our blog posts rank well for longtail A-Events terms, so we're a little reluctant to move it. But for the long term it makes more sense than creating & maintaining 2 separate blogs. Current Blog URL: domain.com/a-events/blog New Blog URL: domain.com/news New A-Events Category: domain.com/news/a-events New B-Events Category: domain.com/news/b-events I intend to 301 redirect all of the old URLs (200+) to their new blog category equivalent, will this be enough to keep their positions in the SERPs? Can you recommend / think of anything else, that we might not have considered. Any help would be much appreciated!
Technical SEO | | RobertHill0 -
How much impact does bad html coding really have on SEO?
My client has a site that we are trying to optimise. However the code is really pretty bad. There are 205 errors showing when W3C validating. The >title>, , <keywords> tags are appearing twice. There is truly excessive javascript. And everything has been put in tables.</keywords> How much do you think this is really impacting the opportunity to rank? There has been quite a bit of discussion recently along the lines of is on-page SEO impacting anymore. I just want to be sure before I recommend a whole heap of code changes that could cost her a lot - especially if the impact/return could be miniscule. Should it all be cleaned up? Many thanks
Technical SEO | | Chammy0 -
Basically duplicate sites that act like they're two different businesses. How do they not get dinged?
I bought supplies recently at barcodesinc.com. While searching I noticed it is clearly the same site as barcodediscount.com. How do they not get hurt by duplicate content?
Technical SEO | | jotham20