Hide mobile content element

[MarcelMoz]

Hello,

We are optimizing our mobile (responsive) website at this moment and we want to change some elements on the productpage of our webshop in order of rank. This is the outcome of a data analysis which proves a change in rank of order will result in a higher conversion rate. No doubt.

By technical limitations there is no other option but duplicating the element 'product description' in the source of the page to be able to show in on the spot on the product page we like to. Because our webshop is responsive we can not just move the element to the right spot for mobile because the tablet and desktop version then will change as well.

My question is: will it be a problem for Google if we hide the original element of the product description on mobile pages by using the bootstrap class "hidden-xs" and duplicate it on another spot in the page to show it with the "visible-xs" class?

My concern is that this will create duplicate content and hiding content for Google is not particularly good.

On the other hand, I think Google is smart enough to understand that this is not to manipulate visitors or rankings, but this is only for a different look of the mobile website.

I hope you guys can give me some good advice.
Thanks in advance.
Marcel

[MarcelMoz]

Hi Dave,

Thank you for the tips.

Is there any one else who has some advice for me in this situation?

Thanks,
Marcel

[danwebman]

As you say I think Google would understand the hidden object in mobile view,

Normally the content isn't what get's hidden it's the images. instead of using a preset class (which is literally a bunch of CSS).

You could create your own CSS to re-position and change the styling of the element.

However Accelerated Mobile Pages is the way to go with unique URLs i.e. 'm.domain.com'

It would be a massive development for you to change but would see a huge benefit in mobile sales.