Forum Moderators: open
Now, I found an opportunity to use header tags on each text page. In order for the header to scale properly, I need to issue a <H5> header tag command...anything less is just too large for the page.
And now my question...does Google differentiate between header sizes? In other words, if Google is supposedly assigning "points" for header tags, will it assign more credit to a <H1> tag versus a <H5> tag?
You can use CSS on inline style to adjust the Header tags to how you want them to look.
As an example.....
h1{font-family : Arial;font-weight : bold;font-style : normal;text-align : center;font-size : 24px;}
In fact I've noticed by sticking to a
<html>
<head>
<title>Wdgets'R'Us</title>
</head>
<body>
<h1>Wdgets'R'Us</h1>
<h2>What's them widgets?</h2>
<p>Pretty pretty Widgets</p>
<p>More Pretty pretty Widgets</p>
<h2>Why Your widgets?</h2>
<p>Super Widgets</p>
<p>Better Super Widgets</p>
</body>
</html>
structure, and doing EVERYTHING else in CSS I get GREAT results in google and it's accessible too!
SN
No CSS required.
Scroll down past the list of errors (if there are any), to the section marked "Document Outline". If the result there does not look like an outline of your document then you are abusing the tags.
h1 {margin-bottom: 1em}
Authoritative reference: CSS1 box properties [w3.org] -- see sections 5.5.1 - 5.5.5.
Nick
That works great. Looks like 0em works as well to bring the margin right down to the edge. Thanks!
There is a legitimate new technique going around that uses H1 tags to display header IMAGES on your site. So, you'll use an H1 tag with text inside, but then it'll load up a graphic and 'hide' the text, so that you can have a cute 'designed' title rather than a plain text one. The way this works is that inside the H1 tag is a SPAN, and this is set to display:none.. then an image is loaded as the CSS background for the H1 tag.
All legitimate and works wonderfully in practice, but would Google ever ban a site for using display:none, over areas of text, particularly headings? This is a legitimate use, but one that could be misinterpreted. Some sites implement this scheme by using font-size: 0px or similar, which again looks like a scam, but isn't.
Any thoughts?
Also with regard to H1 tag, I am wondering how google treat such H1 tage if I change the size and color directly without CSS?
Of course, I can see the danger in that idiots will use it, stuff their H1 full of keywords, and then just show an image of something totally irrelevant. But people already stuff areas of their pages with nonsense without CSS (the TITLE tag, for example, or their hyphenated domains). Ah, what a bizarre game this is :-) That said, perhaps someone will find a better method for it.
Bek
In essence, the H1 tag is swapped-out with an image file and you then specify what the H1 header text should be. It works wonderfully in IE 6.0 but the image does not pull in Netscape 7.1. The page in question fully validates under W3C 4.01.
Has anyone encountered this in Netscape?
You can make H1 any size you want by assigning a standard fixed size to it no problem.
I read somewhere here that Google penalizes putting anything but text in between <H1> & </H1> saying that it is H1 "spamming".
<h1 class="image1">Headline for screen readers + Lynx people</h1>And then in your CSS file you can make it so that it shows an image, rather than the text, for people running CSS compliant browsers, but Lynx/robot/screen reader users will see the H1 text. This is accessibility at its best. I hope Google doesn't condemn it (except in the cases where people are using it to cheat).
PChristensen: I run Mozilla Firebird 95% of the time (I use IE6 occasionally to check the stuff still 'works' though) which uses the same underlying engine as your Netscape, and I have had no problems. If you could stickymail me the URL to a particular page where you have implemented the method, I can check it out and see if anything's wrong, if you like.
I read somewhere here that Google penalizes putting anything but text in between <H1> & </H1> saying that it is H1 "spamming".
Nick
<a href="#main">Skip to main content</a>
... navigation bar...
<h1><a id="main">Main heading</a></h1>
