PROBLEM CONTENT DUPLICATED IN RESPONSIVE
Good afternoon,
After several years working with you I have realized, in a project with which I am working lately, that although I use the "hide on mobiles" system the content really is but on display none, and google and bing are not dumb and they are telling me that I have duplicate content.
I noticed, especially in the "H" headers.
This is a serious problem since, in addition to the new BERT algorithm, Google has become very very severe with these issues and this is damaging the indexing.
Any solution to respect?
It is that if I do not see sense in being able to "have" a responsive version and a desktop version because the content is really duplicated in the code and the trackers see it, even if it is in "display: none".
The web, for example, is https://desatec.cat. I have first header in desktop with video, and responsive without video but with other image background adapted to responsive.
Other example, i have 2 different contact forms and "H" in https://desatec.cat/vaciados/
Thanks
Comments
Hi,
I've been thinking about the code and something like that would work perfect.
Obviously I can implement it in the custom JS but I think it would be good if a function of this type of base was implemented.
-------
if ( $(window).width() < 768 ) {
$( 'div.hide-mobile' ).each( function (index) {
$(this).remove();
});
}
else if ( $(window).width() >= 768 && $(window).width() <= 959 ) {
$( 'div.hide-tablet' ).each( function (index) {
$(this).remove();
});
}
else {
$( 'div.hide-desktop' ).each( function (index) {
$(this).remove();
});
}