: Does bootstrap hidden-sm effect SEO consequences So hiding text can be seen by Google as a black hat SEO trick, that's what I have read on many articles out there. So when a user is viewing

@Turnbaugh106

Google does not punish sites with hidden elements, in fact its been like this for several years. Nowadays Google is much smarter than it was a decade ago, their bots are able to understand a great deal of standard JavaScript scripts, CSS code and modern CSS3 stylesheets.

Google rarely punishes sites for hiding text because keyword stuffing no longer works as it once did. However hidden elements that have no way of being un-hidden will not be counted towards the page content.

Googlebot can make sense of:


JavaScript triggers (onclick, jQuery, MooTools, DoJo etc)
CSS3 Viewpoint triggers (@Media, Screen etc)
CSS Triggers (focus, hover, active etc)


Bootstraps uses the following CSS media queries to hide elements:
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
} @media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
} @media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
} @media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}


Google will make sense of the media queries and know what content is hidden in which mode.

Vote Up Vote Down