Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Seo and CSS media queries
-
Hello to all participants!
I'm starting on responsive design with css media queries and I was wondering if hidding content can, in this case, can also be bad for seo?
I know that hidding content is bad (eg. display: none;), but is it also like that with responsive design or does Google see it other way?
If I have a news column with title, image and text for 1024px and hide the text and image leaving just the title for 768px, or smaller, will Google consider this black hat and will it be bad for seo?
are there any articles I can read about this subject, and other similar subjects?
sorry for my english
thanks
-
First of all, for the benefit of the discussion it's worth pointing out that the Googlebot will ignore the CSS code and read whatever is in those tags.
Using tags like "display: none" and other similar ones will not by itself result in the Googlebot sounding the alarm. It is sophisticated enough to recognise that many web designs use the tags for a better look at the website and UX experience.
Where it might start getting angry (and you won't like it when it's angry) is when it finds links within the tags - particularly those that point to completely irrelevant webpages and/or spammy ones. If that happens, it's quite a big no-no, as it will think you're trying to hide these links from Google for nefarious reasons. Similarly a whole bunch of content that could be duplicate and/or is being used for keyword stuffing etc would also sound the alarm.
Provided you avoid that, I wouldn't worry about using the tags, as it can be useful for a number of reasons. Worth remembering, however, that the Googlebot will crawl and see whatever is hidden in their anyway.
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 do elements that are displayed when scrolled impact SEO?
Hi, We are wanting to implement Animate.css and Wowjs on our site and were concerned about the SEO impacts. Basically when the page is loaded, if the element is not within the viewport then the HTML tag (i.e. div tag) have a style="visibility: hidden" and once the element is within the viewport it will change to have style="visibility: visible". Would having the style="visibility: hidden" negatively impact SEO?
Web Design | | KendallHershey0 -
How is Single Page Application (SPA) bad for SEO
Hi guys. I am quite inspired of SPA technique. It's really amazing when all your interaction with the site is going on the fly and you don't see any page reloads. I've started implementing the site with this instruction and already found nice guys to make the design. The only downside of the using SPA which I can see **is the **SEO part. That's because the URL does not really change and different pages don't have their unique URL addresses.
Web Design | | Billy_gym
Actually they have, but it looks like: yoursite.com/#/products yoursite.com/#/prices yoursite.com/#/contact So all of them goes after # and being just anchors. For Google this mean all of these pages is just yoursite.com/ My question is what is really proven method to implement the URL structure in Single Page Application, so all the pages indexed by Google correctly (sorry I don't mention the other search engines because of market share). The other question, of course, is examples. It will be great to see real life site examples, better authority sites, which use SPA technique and well indexed by search engines.1 -
Does too much inline CSS impact SEO rankings
Hello, Does implementing a lot of inline CSS have a negative impact on SEO rankings? I imagine it could affect page speed, but any other issues I might run in to?
Web Design | | STP_SEO1 -
Can anyone recommend a tool that will identify unused and duplicate CSS across an entire site?
Hi all, So far I have found this one: http://unused-css.com/ It looks like it identifies unused, but perhaps not duplicates? It also has a 5,000 page limit and our site is 8,000+ pages....so we really need something that can handle a site larger than their limit. I do have Screaming Frog. Is there a way to use Screaming Frog to locate unused and duplicate CSS? Any recommendations and/or tips would be great. I am also aware of the Firefix extensions, but to my knowledge they will only do one page at a time? Thanks!
Web Design | | danatanseo0 -
WIX? is it any good for SEO
Hi people. I have just built my website www.bellagiolimousines.com.au using WIX. I am in the process of optimising for SEO, and after reading a couple of older posts i.e 2012; I read that some SEO consultants do not like WIX. However with their recent upgrades, I was hoping if anyone else has had any recent experience with WIX? I have spent a considerable amount of time building this site, and I don't want to waste anymore time in optimising it, if I am not going to receive a top 3 organic SERP. Hope to hear from someone real soon!
Web Design | | Giorgio680 -
From Google Sites to Wordpress - Anyone Ventured this SEO terrain?
We have a few sites in Google Sites - and they are ugly! We have a majority (40+) of websites in Wordpress. But we have a few websites just stuck on Google Sites, and since Google won't let you fully edit the HTML, add scripts, or implement any technology since 2000, we want to move. The sad problem - the Google sites are ranking well. We rank well in Manhattan, Atlanta, Dallas, and Philadelphia. The problem is - the sites do not give much room for growth - and the bounce rate is high because they are so ugly. Has Anyone moved from Google sites to Wordpress? Should we just stay with Google and bite the ugly bullet? My fear is that these sites will not allow for growth. It is hard to update them and even harder to make them look nice. To get a sample - beware: www.counselingphiladelphia.com Even another reason to leave: The slider is non-semantic and terrible SEO. Google won't allow a slider script with tags and a hrefs, so the only way to implement a slider is through a Google Docs Presentation that keeps sliding. I know - terrible SEO (#donthate) but we needed something. Any advice and thoughts would help! Thanks Mozzers!
Web Design | | _Thriveworks0 -
SEO downsides to minimalist (copy-light) homepage?
Curious for your thoughts on this - are there any SEO downsides to not having any substantive content on the home page (big background design)? We would obviously have appropriate page titles and link structure, etc. Our guess is that if the home page doesn't have much copy, that odds are that other specific pages will tend to perform better for non-brand search terms, which seems OK. If people DO find the homepage, it would likely be a brand search or an ad referral, in which case the minimalist, non-copy design would be conversion-friendly. Does that theory hold any water? I suppose a middle ground might be a single H1 line unobtrusively on the page. Thanks in advance for any insight, guys! Sincerely, Stephen
Web Design | | PerfectPitchConcepts0 -
Should I Remove URL extentions for SEO?
We are having a developer design our website with Magento. I noticed the main pages such as About Us have no file extention in the URL. But the product pages have a .html file extention. I was once told to remove the file extentions. Are there benefits to removing the .html file extension and if so, is there a way we can do this using Magento?
Web Design | | hfranz0
