SEO page descriptions on mobile - how to hide while preserving the juice for SEO?

[Firebox]

Hi everybody,

On our pages we have crafted good text paragraphs for SEO purposes. On desktop everything is fine but on mobile the paragraph of text pushes the main content really low on the page. Is there a way of hiding the text while preserving the SEO juices and not getting penalised by Google for spamming techniques?

I'd appreciate any recommendations on how to deal with this.

Thanks very much!

[BlueCorona]

Hi Kerry!

There is a way you can dictate within the stylesheet what content will show up where (i.e. desktop vs. mobile). What you would need to do is create two custom classes for mobile-only and desktop-only. This is an example of what would need to be added to your stylesheet:

//medium+ screen sizes @media (min-width:992px) { .desktop-only { display:block !important; } }

//small screen sizes
@media (max-width: 991px) {
.mobile-only {
display:block !important;
}

.desktop-only {
display:none !important;
}
}

Learn more about creating two different custom classes so you can display different content via desktop and mobile here.

In response to will this hurt your rankings—I found this article that discusses how to properly go about hiding content on mobile WITHOUT hurting your rankings on SERPs. There is a statement from Google that says, "Hidden content can be discounted in ranking, but if the content is visible on the desktop version of your site, we can crawl it and use the information for ranking your mobile site as well since we can share indexing signals between the desktop and mobile versions." So, as long as the content is visible on the desktop site, Google can utilize this information to properly rank you on the mobile search results.

Hope this helps and answers your question!