Web Development Network  |  Sites:    Capital Tutorials    Internet Marketing Books    Arcade Games
Depiction- Webmaster Resources
Stock Image


Contributors: SSD VPS in Europe  |  SEO Las Vegas |  EsqRank |  Free SEO Report

Dental SEO Marketing  |  Best Las Vegas SEO Company  |  Currency Converter Live

Misc Links: Submit Tutorials (Earn $$) l Advertising l Privacy Policy | Site Map

Tutorials > CSS > Invisible Objects

 

Make objects or elements on a page invisible.


Use CSS's visibility property to make objects or elements on a page invisible.

Normally this feature is pointless, but it is an excellent way to improve your search engine rankings. This enables you to add or restate search terms on your page that are related to your site's topics, but make them invisible to visitors. If not made invisible, the extra words will affect the feel and appearance of the site. (A paragraph of nothing but search terms doesn't look good.) Even though visitors will not be able to see the text, search engines will be able to crawl it.


Start off by adding the following to the head section of your page. (between <head> and </head>)

Code:
------------------------------------------------------------------------
<style type="text/css">

#invisibleobject {
     visibility: hidden;
}

</style>
------------------------------------------------------------------------

Now add the following code anywhere in the body section of your page. Where it says content, add any text or objects that you want to make invisible.

Code:
------------------------------------------------------------------------
<div id="invisibleobject">content</div>
------------------------------------------------------------------------

That's it!

 



 
 

Affiliates

New Tutorials Photoshop Tutorials
Tutorial Man Wallpaper Stock  More

Resources