Scrapbook 5.2 - Russian translationHiding Header Text
I am using an image as my blog header but, in order to not display the Blog Title & Tag Line, I have blanked these out in my settings. I know this is SEO suicide, but I do not know the correct way to hide this text in the header of my site and yet still provide the search engines with this valuable information.
Yes – this is SEO suicide. As far as the search engines are aware, your blog is now nameless.
So the first order of business is to put the title and tag line back in again. Then you need to look at ways to hide this text within the graphical display only using CSS.
Example Header Markup
<div id="header"><h1><?php bloginfo('name'); ?></h1>
<p class="description"><?php bloginfo('description'); ?></p>
</div>In the example above, both the Blog Title (<?php bloginfo('name'); ?>) and the Tag Line (<?php bloginfo('description'); ?>) are in a block with the id of “header”.
The Blog Title is inside an <h1> tag whilst the Tag line is in a paragraph with the class name “description”. So we can use a combination of #header, h1 and .description to move this information off the screen using CSS.
Adding the following to the bottom of the theme’s stylesheet:
#header h1,#header .description {
position:absolute;
top:-5000px;
left:-5000px;
}will shift the text off the screen but still leave this valuable information available for use by non-graphical browsers and search engines.
Now you can have your Title and hide it!
You might also be interested in
