In the past few weeks someone posted the code for making the H1 font smaller and more attractivel. I've searched and searched and cannot find that post.
Does anyone recall who posted this great code and where it appears?
Thanks!
Full Version: Changing H1 Appearance Through A Style Command
It might have been me. Here is for both the h1 and the h2 to be smaller.
Put this in your custom css.
Put this in your custom css.
| CODE |
h1 { margin-bottom:0px; font-size: 18px; } h2 { margin-bottom:0px; font-size: 16px; } |
Thanks! It will also work if we put it in the Top of Page field, won't it?
I don't see why It wouldn't but putting it in custom.css will keep your page cleaner. I believe google themselves even reccomend calling css from an external file.
I personally find it easier this way:
| CODE |
<H1 style='font:10px arial;color:#333'>Your Tag</H1> |
The above way will work just fine too.
Well that depends on how you are using it.
If you are using the <h1> in your top of the page editor, then yes that way is great.
But if you plan on adding it to each product page like I do, its easier to just put the code in custom.css instead of typing it over and over again for every product. It all depends on how you plan to use it.
If you are using the <h1> in your top of the page editor, then yes that way is great.
But if you plan on adding it to each product page like I do, its easier to just put the code in custom.css instead of typing it over and over again for every product. It all depends on how you plan to use it.
I guess there are many ways to skin a cat. Do these style definitions affect Google's processing of H1 codes? Captain feels that H1 is a great place for keywords. Just wondering if we get in the way of Google's robots when we follow the H1 commands with style= information.
I would suggest using styles externally whenever possible.
| QUOTE (robert @ Nov 11 2003, 11:20 AM) |
| Just wondering if we get in the way of Google's robots when we follow the H1 commands with style= information. |
Thats another reason why I use the external custom.css.
Because then its just a simple <h1>, no style tag needed. Google doesn't know any difference.
| QUOTE |
| I would suggest using styles externally whenever possible. |
I completely and 100% disagree with that. Depends on where and when you're using the style. Especially in the case of MC software where everything is dynamic, an internal style will be just as effective and much simpler to manage/change/manipulate if it's internal. If your pages are static and you're accumulating hundreds of pages... then absolutely... use an external sheet. Using an external CSS is not always the best option to go, particularly in this instance:
| QUOTE |
| If you are using the <h1> in your top of the page editor, then yes that way is great. |
Ewestforth hit it dead on.
| QUOTE |
| It all depends on how you plan to use it. |
As for this:
| QUOTE |
| Just wondering if we get in the way of Google's robots when we follow the H1 commands with style= information |
Here's a great example:
http://www.debramessing.com
It's certainly not the best pagerank in the world, but notice the H1 tag in the top right which is styled. In your Google Toolbar take a look at the site's cache and you'll notice that the H1 tag cached just fine. So I think Google picks those up.
Thanks, Ultra! That's proof enough!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.