How to hide repeated content from search engines with CSS?
I have a page structure for a website using fixed headers/footers around the main content. To keep things simpler for responsive design, I'm not using margins around the main content, I'm actually repeating the header/footer in the document - one in the fixed position, and once in the dynamic one. This means I don't need to worry about different heights on different devices.
However, I don't want the repeated content showing in search-engine results, so how can I hide it?
CSS doesn't hide anything from search engines.
For good practice, you should consider getting back to only one header/footer.
.clone() method for this purpose.