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
-
does <base> in html affect seo?
hey, just wanna know does <base> in head of website affect SEO? and if it's a yes, how?
Technical SEO | | m17001 -
Google Gives me different results
Hello Everybody My website is giving me 2 results for my page ...
Technical SEO | | falguniwpi
if i search in google.com by "domain.com" it shows results without current pagetitles and if i search in google.com using keyword phrase "site:adomain.com", then it shows me all my website pages with current meta titles . why i am facing these 2 results and how to solve these . Why This happens, I have correctly redirectd URL to domain.com to www.domain.com, but Still it same, please Suggest me, what should i do With,0 -
Hosting set up in different country
Hi Guy's, I was wondering if it matters if your hosting servers is set on a different country than where you're website is targeting (.de (germany) website and the server is in france) Thanks!
Technical SEO | | Happy-SEO2 -
Add translated content on different domain or not?
Hello, I currently have my dutch website in the domain of my country. Quite good SEO positions are there for this language. Now, i'd like to translate my full site to english, my target group would go over the whole world because i'm delivering an online service. Therefore, I don't think it's good to have this on my country domain? I have an identic .EU domain that's never been used (currently redirecting). What's the best choice? What are the + and - ? Could this have any effect on my current positions in dutch (homecountry domain) ? Thanks!
Technical SEO | | conversal0 -
Wildly different topics on one domain? (hobby blogger)
Hello Mozzers, Let's say I have a lot of knowledge about a range of different subjects, for example: bicycle maintenance wildlife photography tennis racket re-stringing brewing beer windsurfing holidays I would like to share all of my knowledge in blog format with lots of good content, instructions, videos etc. What is the best way to set up my blogging empire?!... a) Use separate domains for each subject: www.BRANDbicyclemaintenance.com, www.BRANDbrewingbeer.com b) Use one brand domain with sub directories: www.BRAND.com/bicycle-maintenance/, www.BRAND.com/brewing-beer/ b) Use sub-domains: bicyclemaintenance.BRAND.com, brewingbeer.BRAND.com (I would like to achieve good rankings & traffic in order to generate a small income from these sites)
Technical SEO | | Tman30 -
Htaccess 301s to 3 different sites
Hi, I'm an htaccess newbie, and I have to redirect and split traffic to three new domains from site A. The original home page has most of the inbound links so I've set up a 301 that goes to site B, the new corporate domain. Options +FollowSymLinks
Technical SEO | | ellenru
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L] Brand websites C and D need 301s for their folders in site A but I have no idea how to write that in relationship to the first redirect, which really is about the home page, contact and only a few other pages. The urls are duplicates except for the new domain names. They're all on Linux..Site A is about 150 pages, should I write it by page, or can I do some kind of catch all (the first 301) plus the two folders? I'd really appreciate any insight you have and especially if you can show me how to write it. Thanks 🙂0 -
Page Analysis Difference Between Root and Subdomain
I have a site where the canonical version is the subdomain www, with a permanent redirect to ensure this is so. When I do a page analysis from the MozBar for the domain I see that www and *.domain are both displayed, with numbers from *.domain being shown by default in the mozbar. Does MozBar show *.domain numbers by default, and do I correctly understand that the (higher) www numbers displayed in page analysis for www are valid and a result of my canonical strategy?
Technical SEO | | waynekolenchuk0 -
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