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

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -