...

View Full Version : hidden heading? still seen by search engine?



lookkool3
01-21-2012, 05:10 AM
if i hide a heading or something will the search engine still be able to pick it up?

maybe i should be more specific
so theres two ways to hide an element but what i want to know is ... if a search engine like google will still recognize the hidden element


http://w3schools.com/css/css_display_visibility.asp


visibility:hidden hides an element, but it will still take up the same space as before. The element will be hidden, but still affect the layout.

<html>
<head>
<style type="text/css">
h1.hidden {visibility:hidden;}
</style>
</head>

<body>
<h1>This is a visible heading</h1>
<h1 class="hidden">This is a hidden heading</h1>
<p>Notice that the hidden heading still takes up space.</p>
</body>
</html>

display:none hides an element, and it will not take up any space. The element will be hidden, and the page will be displayed as the element is not there:

<html>
<head>
<style type="text/css">
h1.hidden {display:none;}
</style>
</head>

<body>
<h1>This is a visible heading</h1>
<h1 class="hidden">This is a hidden heading</h1>
<p>Notice that the hidden heading does not take up space.</p>
</body>

</html>

spencerr3
01-21-2012, 06:43 AM
Content is still there even with display:none. Yes, it's all hidden, but it still gets put on the page (and search engines will look for actual content, not the fact that it's hidden).

Arbitrator
01-21-2012, 07:02 AM
if i hide a heading or something will the search engine still be able to pick it up?Google reads the HTML, so, of course, it will know that that content is there. There's no telling how their algorithm uses such content though since it's secret if I'm not mistaken.

If you're trying to manipulate search results, note that they consider that an offense that warrants de-indexing your Web site; see http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66353.

lookkool3
01-21-2012, 08:44 AM
lol i wasn't guna do that but that seem like a good idea now that you mention it jk jk ... i was actually going to make the header an image since the font looks better as an image but i still wanted it to have the text of what the header says some where in the code so if can be like hidden inside ya know? that way im not really losing any key words but im still new to all this stuff i bet theres a better to do that like the meta tags aint that for search engines?

Arbitrator
01-21-2012, 10:10 AM
lol i wasn't guna do that but that seem like a good idea now that you mention it jk jk ... i was actually going to make the header an image since the font looks better as an image but i still wanted it to have the text of what the header says some where in the code so if can be like hidden inside ya know? that way im not really losing any key words but im still new to all this stuff i bet theres a better to do that like the meta tags aint that for search engines?If you plan to use an image representation of text, the proper way to supply the text to a search engine is to put it in the alt attribute of an img element. For example:


<header>
<h1><img alt="CodingForums.com: Web coding and development forums" width="361" height="67" src="http://www.codingforums.com/img/logo.gif"></h1>
</header>

The search engine will simply see <h1>CodingForums.com: Web coding and development forums</h1>, and users that have images disabled (maybe because they're on a mobile phone) will see this text also.

Alternatively, you can use CSS3 Fonts or an object element which would allow a more optimal structure for the above case:


<header>
<hgroup>
<h1>CodingForums.com</h1>
<h2>Web coding and development forums</h2>
</hgroup>
</header>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum