Linking A Background Image
Search Engine Optimization October 2nd, 2006
Generally, when you place an image or logo on the top of your website you are going to lose valuable space for your important keywords. These keywords are often denoted by H1 tags where you try to maximize your website’s placement in the search engines by finding a unique marketable niche. The niche is required to find untapped hot spots where competition is low but searches are high and valuable.
Aside from adding an ALT anchor tag which will allow for your top logo or graphic, the most valuable way to promote your site is to creatve the top image as a background with CSS scripting. Then place the name of your website and keywords over the top background. This way, when search engines crawl your website they will not be interrupted by an image when does not notify a search engine robot of your sites content. The keywords at the top of your page are the most valuable placement real estate you can use.
The only downside of this is that the majority of internet users are used to clicking on a top logo or graphic to return to the home page. The way to solve this is through simple CSS scripting. Click ‘continue’ to see the CSS and HTML to use for your website.
#peschong {
position:relative;
background:url(’../home/images/your_logo.gif’) no-repeat 50% 0%;
text-align:center;
width:800px;
height:80px;
margin:auto;
z-index:0;
}
#peschong p {
font-size:100%;
z-index:1;
}
#peschong a {
background:inherit;
color:#FFFFFF;
text-decoration:none;
}
#peschong a span {
position:absolute;
top:0;
left:0;
width:100%;
height:95px;
z-index:2;
}
And here is the HTML to embed in the body of your website.ÂÂ
< div id="peschong" >< a href="http://www.caffeinemarketing.com/index.html" mce_href="http://www.caffeinemarketing.com/index.html" >< strong > Your Site’s Name and Keywords ÂÂ



Leave a Comment
You must be logged in to post a comment.