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
-
Can bad html code hurt your website from ranking ?
Hello,For example if I search for “ Bike Tours in France” I am looking for a page with a list of tours in France.Does it mean that if my html doesn’t have list * in the code but only that apparently doesn’t have any semantic meaning for a search engine my page won’t rank because of that ?Example on this page : https://bit.ly/2C6hGUn According to W3schools: "A semantic element clearly describes its meaning to both the browser and the developer. Examples of non-semantic elements: <div> and - Tells nothing about its content. Examples of semanticelements: <form>, , and- Clearly defines its content."Has anyone any experience with something similar ?Thank you, </form>
Technical SEO | | seoanalytics0 -
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 -
Google Appending Blog URL inbetween my homepage and product page is it issue with base url?
Hi All, Google Appending Blog URL inbetween my homepage and product page. Is it issue or base url or relative url? Can you pls guide me? Looking to both tiny url you will get my point what i am saying. Please help Thanks!
Technical SEO | | amu1230 -
For an image which is in the CSS and not the HTML, can you add an alt tag?
I would like to improve SEO on a page with three big images, which are currently hosted in the CSS. The sample I am working with is at http://xquisitevents.com/about-us/ and I put my cursor over the big picture of the wedding dress with bouquet, I inspected the element and saw this code in a div tag: #upperleft { background-image:url(images/AboutTopLeft.jpg); Can I add an alt tag to the CSS somehow, or can I have it added to the HTML? What is the best way to handle this, to include keywords like exquisite weddings and special event designs?
Technical SEO | | BridgetGibbons0 -
Different URLS for our multi language pages caused penalty?
Hi all, We have a website www.phoneboxlanguage.com with 4 different language versions (Spanish, French, Italian, German). We have all the different versions on totally different URLS. E.G the French URL is www.cours-telephone-anglais.com. Recently this month we saw a huge drop in SERPS for all the 'foreign' language pages. This had happened before for the Spanish and French, which we put down to keyword density issues, so created new URLS for those pages. However now all 4 foreign pages have dropped. Could this be due instead to a penalty for duplicate sites? The content is obviously different due to different languages, but the coding and templates for the sites are the same. How can we find out this is the case and what should we do? I was thinking after some research on the forum to create subfolders in the original (phoneboxlanguage.com) and then create 301 redirects, from the old dropped sites, or would their penalties be bad for our original site, if this were the case? We are obviously very keen to not further damage the site and the original site which remains o.k. Many thanks for your kind help. Quime.
Technical SEO | | Quime0 -
Does anyone know a sitemap generation tool that updates your sitemap based on changes on your website?
We have a massive site with thousands of pages which we update everyday. Is there a sitemap generator that can create google sitemaps on the fly and change only based on changes in the site? Our site is much too large to create new sitemaps on regular basis. Is there a tool that will run on server that does this automatically?
Technical SEO | | gwynethmarta0 -
Duplicate Content based on www.www
In trying to knock down the most common errors on our site, we've noticed we do have an issue with dupicate content; however, most of the duplicate content errors are due to our site being indexed with www.www and not just www. I am perplexed as to how this is happening. Searching through IIS, I see nothing that would be causing this, and we have no hostname records setup that are www.www. Does anyone know of any other things that may cause this and how we can go about remedying it?
Technical SEO | | CredA0 -
Converting files from .html to .php or editing .htaccess file
Good day all, I have a bunch of files that are .html and I want to add some .php to them. It seems my 2 options are Convert .html to .php and 301 redirect or add this line of code to my .htaccess file and keep all files that are .html as .html AddType application/x-httpd-php .html My gut is that the 2nd way is better so as not alter any SEO rankings, but wanted to see if anybody had any experience with this line of code in their .htaccess file as definitely don't wan to mess up my entire site 🙂 Thanks for any help! John
Technical SEO | | JohnHerrigel0