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
-
Has anyone ever tested to see if having an ads.txt file provided any SEO lift?
I know that the ads.txt system is designed to prevent ad fraud and technically has nothing to do with search. That said, the presence of such a file would seem to be an indicator of overall site quality because it would show that a site owner wants to participate in a fraud-free system. Has anyone ever tested that? If so, they don't seem to have published their results. Maybe it's a secret weapon that some pros are using and not sharing?
Web Design | | scodtt0 -
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 -
Woocommerce SEO and Product attributes
Hi friends! I have a question that is advanced Woocommerce and seo-related.
Web Design | | JustinMurray
I'm seeing http://www.mywebsitex.com/pa_keyword/indexed in Google, but it cannot be properly optimized, and I would prefer to have a WordPress Page indexed for that keyword instead, which also lists those products and can be fully seo optimized. Woocommerce SEO plugin by Yoast lacks documentation and I have no clue if that would even fix this. I do have the Taxonomy (pa_keyword) set to not include these in the sitemap, but there doesn't seem to be a way to noindex/nofollow product attributes.
1. How can I best accomplish this?
2. Why are product attributes indexed by default?0 -
Having a second homepage for a site would affect my SEO?
Hello guys, One of our clients is planning to have a new landing page for any users hitting the site for the first time. (returning users will still see the current homepage based on cookies ... in other words, the site would technically have 2 home pages). According to this client, they are planning to do something like this: https://www.websitename.com/ (for returning visitors) https://www.websitename.com/newuser (for first time visitors) Our instinct is that is not great to have 2 home pages (that would affect the SEO campaign we are managing for this company) and we are not sure how to handle this. That's why we would appreciate your opinion regarding this topic: From an SEO perspective, do you think this is a good idea? If not, what would you guys do differentiate first-time visitors vs returning visitors without affecting SEO? Maybe just a pop-up? Thanks in advance for your help !
Web Design | | Robertnweil10 -
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 -
Html 5 main and secondary navigation for SEO best performances
I am building a website which will have a main navigation related to the site and each link of the main navigation will have a secondary navigation. We do not want to use a megamenu style navigation. I will try to explain it with a example: Let's start with an example for a computer store "My PC Store", the Main Navigation would be: Desktop PC's Notebook & Tablets
Web Design | | netbuilder
Multimedia When clicking on the "Notebook & Tablets" the user is directed to the page domain.com/notebook-tablet.html and on this page the secondary navigation appears: Laptop Netbook Tablets / iPad I am confused on how I should organize the semantic navigation for best SEO performances and I need advice / suggestions. I thought about 2 different ways to do it but which one is more appropriate in terms of SEO? PROPOSITION A Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <nav>(or <aside>?) Desktop PC's Notebook & Tablets Multimedia </aside> </nav> <header> Notebook & Tablets <nav> Laptop Netbook Tablets / iPad </nav> </header> As you notice on the home page the Main Site Navigation is included in the <header>while it is not in the sub-pages. PROPOSITION B Home Page: <header> My PC Store <nav> Desktop PC's Notebook & Tablets Multimedia </nav> </header> Sub-Page (Notebook & Tablets): <header> Notebook & Tablets <nav> Desktop PC's Notebook & Tablets Multimedia </nav> # Notebook & Tablets * Laptop Netbook Tablets / iPad </header> The main navgation remains always in the <header>(home page / sub-pages) of all page. I need suggestions... How would you guys organize the nav ? </header> </header>0 -
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 -
Implementing a new Nav Bar: Best practice, SEO benefit, your suggestions?
Hi Mozland, We are going to have a new Nav Bar for our site built from the horror that we currently have to up with. We want to make it a simple affair, similar to The Guardian two-tier Nav Bar - main menu which will drop down to the 2nd tier according to what you clicked on in tier one. Regular stuff, I think. Any suggestions, from your experience, about how best to implement this, what to include, what not to do, what can be included and done to make it as best it can be to get people to peruse our site as easily as possible? Thanks
Web Design | | Martin_S0
