Tech Bootstrap and the long dead art of SEO - GoFuckYourself.com

pinkz · 03-04-2015, 07:59 AM

Using the visible/hidden css for bootstrap to hide or show content thus:

<div class=" col-xs-12 visible-xs">
TITLE
<iframe 1>
same descriptive content
</div>

<div class="col-xs-12 hidden-xs">
TITLE
<iframe 2>
same descriptive content
</div>

Would this be considered as duplicate content and bad seo practice?

If so and I changed the title and description on one of the div's would this then be considered for some other penalty by the powers that spider?

Looking for the best solution to a responsive design, your opinions are welcome. Flame on!

JD · 03-04-2015, 11:17 AM

Depends on the overall amount of duplicate text. If that block of text is 1500 words...

if that block is 50 words and a link

Best-In-BC · 03-04-2015, 11:43 AM

Lost art ? may be I should seak employment, LOL

Manfap · 03-04-2015, 12:36 PM

Manipulate the DOM with jquery via media quieres.

https://css-tricks.com/enquire-js-me...in-javascript/

pinkz · 03-05-2015, 05:52 AM

Quote:

Originally Posted by Manfap

Manipulate the DOM with jquery via media quieres.

https://css-tricks.com/enquire-js-me...in-javascript/

this might just work, thanks

Miguel T · 03-05-2015, 10:32 AM

Or using PHP could even be better...
https://code.google.com/p/php-mobile-detect/

StinkyPink · 03-05-2015, 10:49 AM

From the jquery page...

Event Handling

Show the #banner-message element that is hidden with display:none in its CSS when any button in #button-container is clicked.

Code:

1 var hiddenBox = $( "#banner-message" );
2   $( "#button-container button" ).on( "click", function( event ) {
3   hiddenBox.show();
4 });

Not sure if this has anything to do with anything. I just literally was looking at it when I read the thread.

pinkz · 03-05-2015, 12:07 PM

Quote:

Originally Posted by AbsolutePorn

Or using PHP could even be better...
https://code.google.com/p/php-mobile-detect/

I have no knowledge of PHP so not an option for me.

Quote:

Originally Posted by StinkyPink

From the jquery page...

Event Handling

Show the #banner-message element that is hidden with display:none in its CSS when any button in #button-container is clicked.

Code:

1 var hiddenBox = $( "#banner-message" );
2   $( "#button-container button" ).on( "click", function( event ) {
3   hiddenBox.show();
4 });

Not sure if this has anything to do with anything. I just literally was looking at it when I read the thread.

this looks like it requires a user to click on a button to show the content, not what I am looking for, thanks all the same tho.

03-04-2015, 07:59 AM	#1
pinkz Mr 1% Industry Role: Join Date: May 2005 Location: Nomad Posts: 1,397	Bootstrap and the long dead art of SEO Using the visible/hidden css for bootstrap to hide or show content thus: <div class=" col-xs-12 visible-xs"> TITLE <iframe 1> same descriptive content </div> <div class="col-xs-12 hidden-xs"> TITLE <iframe 2> same descriptive content </div> Would this be considered as duplicate content and bad seo practice? If so and I changed the title and description on one of the div's would this then be considered for some other penalty by the powers that spider? Looking for the best solution to a responsive design, your opinions are welcome. Flame on! __________________ $$$$ Video Secrets $$$$

03-04-2015, 11:43 AM	#3
Best-In-BC Confirmed User Join Date: Jun 2002 Posts: 9,506	Lost art ? may be I should seak employment, LOL __________________ Vacares - Web Hosting, Domains, O365, Security & More Unparked domains burning a hole in your pocket? 5 Simple Ways to Make Easy $$$ from Unused Domains

03-05-2015, 10:32 AM	#6
Miguel T ♦ Web Developer ♦ Industry Role: Join Date: May 2005 Location: Full-Stack Developer Posts: 12,467	Or using PHP could even be better... https://code.google.com/p/php-mobile-detect/ __________________ Full Stack Webdeveloper: HTML5/CSS3, jQuery, AJAX, ElevatedX, NATS, MechBunny, Wordpress

03-05-2015, 10:49 AM	#7
StinkyPink It's all goooood. Industry Role: Join Date: Aug 2009 Location: The Hoe Stroll Posts: 1,590	From the jquery page... Event Handling Show the #banner-message element that is hidden with display:none in its CSS when any button in #button-container is clicked. Code: 1 var hiddenBox = $( "#banner-message" ); 2 $( "#button-container button" ).on( "click", function( event ) { 3 hiddenBox.show(); 4 }); Not sure if this has anything to do with anything. I just literally was looking at it when I read the thread.

03-04-2015, 11:17 AM	#2
JD Too lazy to set a custom title Industry Role: Join Date: Sep 2003 Posts: 22,651	Depends on the overall amount of duplicate text. If that block of text is 1500 words... if that block is 50 words and a link

03-04-2015, 12:36 PM	#4
Manfap Confirmed User Industry Role: Join Date: Jan 2013 Posts: 2,608	Manipulate the DOM with jquery via media quieres. https://css-tricks.com/enquire-js-me...in-javascript/