You could, but then a screenreader could possibly read that out twice (the image’s alt text and the contents of the span), which is almost as bad as it never being read out at all. Stick with the simplest solution (h1/img). Anything else is a lot more trouble than it’s worth.
Use text indent instead
<style type="text/css">
<!--
#head {
background:transparent url(img/head.jpg) top left no-repeat;
width:700px;
height:100px;
}
#head h1 {
text-indent:-9999px;
margin:0;
padding:0;
border:0;
}
#head h1 a {
text-deocration:none;
display:block;
width:700px;
height:100px;
}
-->
</style>
Read Post 14 again.
I use h1 as header text. I know it looks ugly!
As demonstrated above, it doesn’t have to!
Check out the following link, down at the bottom where it says “Outline”:
http://validator.w3.org/check?verbose=1&outline=1&uri=http%3A//ashwebstudio.com/portfolio.php
This is what H tags are for. Well structured pages should follow an outline format with all the information organized appropriately. You can use tons of H tags without sacrificing any of your design.
All I know is that 2 days after rediong my site in XHTML and tons of H tags, I went from nowhere to be seen to second page on Google for “San Diego Web Design”
I don’t think anyone has quite said it yet, so I’ll say it. Old browsers can completely choke up on CSS; a lot of people choose to hide it altogether for that reason. If you use h tags then at least you’ll give the user some stylistic impact without CSS, it may not look pretty, but at least the user with the old browser can still see a big bold header staring out at them.
I use <hX> tags for a combination of the last 2 reasons. If you look at the w3 validator outline, you’ll get a good idea of how what info is laid out on my site. And, if CSS is disabled, the information will be more logically and nicely formatted.
I have a question though, is using hidden <hX> tags considered SE SPAM? I was actually doing it for the last couple reasons, not for SE SPAM (I actaully don’t want my site listed under “sidebar” abd “content”).
I used to rank high in google without H tags
Now i’m using them, restyled with css however and i’m ranking no higher, no lower
I think they can be important for google which text to display in search results
I do terrible on Yahoo and MSN, but awesome on Google using H tags. As with most things SEO, no real idea why.
What are css. I am real new at this and dont know all the terms. yet.
Cascading Style Sheets.
It is a more advanced way of controlling the style of your HTML markup (colors, sizes, positioning).
So my best bet is to stay away from it being a new comer to web design?
I am just seeing the best way to get my site spider freindly.
Thanks
You should leanr CSS right away. A good clean design (which CSS is a part of) indirectly helps you rank better. The clean design itself is not a factor in ranking well but because a clean design is structured properly and uses the appropriate tags accordingly they naturally cater to a search engine’s algorithym.
What happens if we use h1 tag inside the title tag
<title><H1>Welcome to my site</H1></title>
Using this i checked the page for optimization anf the result showed that H1 tag present… so will this work…
No. That is invalid markup and clearly spam. You’ll get penalized for doing things like that.
Well I’m very surprised that nobody has mentioned accessibility. H tags help provide a logical format for screen readers.
So again being a newcomer to the web designing bizz. What should you put in these <h1> tags. Can someone give me an example by code.
Thank You
<h1>Main Topic</h1>
<p>
Paragraph describing what this page is about.
</p>
<h2>Sub Topic 1</h2>
<p>
Paragraph with some information.
</p>
<h2>Sub Topic 2</h2>
<p>
Paragraph with some information.
</p>
<h3>Sub-Sub Topic 1</h3>
<p>
Paragraph with some information.
</p>
<h2>Sub Topic 3</h2>
<p>
Paragraph with some information.
</p>
<h3>Sub-Sub Topic 1</h3>
<p>
Paragraph with some information.
</p>
<h3>Sub-Sub Topic 2</h3>
<p>
Paragraph with some information.
</p>
Ty Kindly. Now this goes after the title and header right? And do you want them on evey page, some or just the index, sorry if I ask alot of qeustions. cant learn if I dont and You all on sitepoint have taught me alot.
So Thank You to all of you