css - SEO Impact of Bootstraps visible - lg/md/sm/xs - classes -
i wondering if knows seo impact of using bootstraps visible
classes creating responsive website? have created new website bootstrap using these classes. on of pages main content on left , there number of links on right side of page. structure this:
<div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> //main content here on left of page </div> <div class="col-lg-6 col-md-6 visible-lg visible-md"> //content on right of page large , medium devices </div> <!--small starts here--> <div class="col-sm-12 visible-sm"> //same content drops below main content of page small devices </div> <!--extra small starts here--> <div class="col-xs-12 visible-xs"> //same content again drops below main content , rendered phones </div> </div>
so question if bad idea or not? worried google/bing/yahoo see duplicate content on pages , penalise me it. issue should worried about? thanks.
you don't need have separate div similar content. code below equivalent have written provided content same written in comment in code i.e. //same content
<div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> //main content here on left of page </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> //content on right of page large , medium devices </div> </div>
for pull right , pull left can achieve adding pull-left , pull-right classes
<div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-left"> //main content here on left of page </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-right"> //content on right of page large , medium devices </div> </div>
if want content on right not drop have instruct not drop this
<div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pull-left"> //main content here on left of page </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pull-right"> //content on right of page large , medium devices </div> </div>
i not advise duplicate div content aware not seo , not maintenance friendly(update div every change instead of 1 div )
Comments
Post a Comment