: Can tabs of content be made SEO friendly? My customers are eager to show news categorized in tabs. I recently developed it for them. In my experience in web designing, display:none is used

@Sarah324

Who said display:none is bad for SEO? That sounds like a myth to me. There are lots of legitimate reasons for using display:none and as always it's not the technique but the intent. Using display:none for style purposes is perfectly fine.

As mentioned by Pumbaa80 you'll almost certainly want to take advantage of JavaScript for this. Have all of the tabs available using regular links (reload the page to show the proper tab). This allows users who don't have JavaScript turned on to view the content. Then use JavaScript to hide the tabs except for the default one when the page loads. JavaScript will also be used to show and hide tabs as the user clicks on a tab and cancel the page load when they click on the link. This is 100% search engine and user friendly.

You can see this in action here. If you click on the tabs you'll see the page never reloads but the content changes when each tab is selected. If you turn off JavaScript the page does reload but the exact same content is available. A little less flashy then before but it's still accessible.

Vote Up Vote Down

@Jessie594

Hide your tabs using JavaScript, just like validator.w3.org/ does. This is also a great way to make sure your site is accessible to users with JS turned off.

Vote Up Vote Down