I have heard that keywords embedded within an H1 tag may be beneficial for SEO. I use cascading style sheeds for my website. I know how to make the text bold
.cssheader
{
font-weight:bold
}
but how do you make h1 tags with cascading style sheets?
Subscribe to HRA Now!
Are you a Google Analytics enthusiast?
Share and download Custom Google Analytics Reports, dashboards and advanced segments--for FREE!
www.CustomReportSharing.com
From the folks who brought you High Rankings!
More SEO Content
International SEM | Social Media | Search Friendly Design | SEO | Paid Search / PPC | Seminars | Forum Threads | Q&A | Copywriting | Keyword Research | Web Analytics / Conversions | Blogging | Dynamic Sites | Linking | SEO Services | Site Architecture | Search Engine Spam | Wrap-ups | Business Issues | HRA Questions | Online Courses
Sponsored Content
H1 Header Tags And Cascading Style Sheets
Started by
JeffSmith_NH
, Nov 19 2004 05:20 PM
6 replies to this topic
#1
JeffSmith_NH
-
- Active Members
-
- 50 posts
HR 3
- Location:New Hampshire
Posted 19 November 2004 - 05:20 PM
#2
SearchRank
-
- Active Members
-
- 2,333 posts
HR 7
- Location:Phoenix, AZ
Posted 19 November 2004 - 05:43 PM
Something like this:
h1 {font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 14px;
color: #21427B;
font-weight: bold;
text-align: left;
}
h1 {font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 14px;
color: #21427B;
font-weight: bold;
text-align: left;
}
#3
JeffSmith_NH
-
- Active Members
-
- 50 posts
HR 3
- Location:New Hampshire
Posted 19 November 2004 - 07:24 PM
Thanks for the reply. While that will work to get the right look, I was looking for a way to user CSS to generate the H1 tags in the html.
CODE
<h1>text</h1>
#4
qwerty
-
- Moderator
-
- 8,292 posts
HR 10
- Location:Somerville, MA
Posted 19 November 2004 - 07:35 PM
A CSS can't generate HTML. It's not a scripting language. All it can do is instruct a browser how to display the HTML in the page.
#5
Connie
-
- Active Members
-
- 428 posts
HR 5
- Location:The Hills of Missouri
Posted 19 November 2004 - 08:24 PM
David and Bob answered part of your question. In my openion I don't think the h1 tag carries any weight. I see to many sites in my industry that do not use header tags at all.
Header tags should be used for the user not the search engine. I know some of the stuff I read says use h1 bold underline and italics. I don't see any top ranking sites using much of that. That might have worked a few years ago but I don't think it does today.
Use what makes sense to your reader. Use header tags for page structure. Use other tags to emphasize what you want to stand out to your user.
Header tags should be used for the user not the search engine. I know some of the stuff I read says use h1 bold underline and italics. I don't see any top ranking sites using much of that. That might have worked a few years ago but I don't think it does today.
Use what makes sense to your reader. Use header tags for page structure. Use other tags to emphasize what you want to stand out to your user.
#6
leadegroot
-
- Active Members
-
- 488 posts
Lea de Groot
- Location:Brisbane, Australia
Posted 19 November 2004 - 09:30 PM
The actual H1 goes in the HTML.
CSS controls the appearance (and possibly placement) of the H1 content.
Thus, the HTML, the actual page, would contain
<h1>page heading</h1>
and the CSS would have:
h1 {
font-size: 2em;
background-color: inherit;
color: red;
font-weight: bold;
}
or whatever you wanted for that heading.
CSS appears in the heading (between the <head> and </head> tags) , either directly or as a link to an external file.
The HTML tags supply the actual content, the CSS controls the formatting.
HIH
Lea
CSS controls the appearance (and possibly placement) of the H1 content.
Thus, the HTML, the actual page, would contain
<h1>page heading</h1>
and the CSS would have:
h1 {
font-size: 2em;
background-color: inherit;
color: red;
font-weight: bold;
}
or whatever you wanted for that heading.
CSS appears in the heading (between the <head> and </head> tags) , either directly or as a link to an external file.
The HTML tags supply the actual content, the CSS controls the formatting.
HIH
Lea
#7
lyn
-
- Active Members
-
- 940 posts
HR 6
- Location:London, Ontario
Posted 20 November 2004 - 04:19 PM
There seems to be an ongoing debate about the SEO value of H tags and other kinds of text emphasis. Sometimes it's <H1> tags get you points and sometimes it's all <H#> tags are equal in value (which may or may not be zero!) and sometimes it's that <H#> tags are scored as another kind emphasis like bolding or italic with whichever keyword you use.
My own suggestion, FWIW, would be to include specs for <H#> in your CSS file as Lea and David described, and then apply them to text appropriately for your page structure. If a class in the CSS does no more than make the text bold or italic, I wouldn't do it - just use the HTML tags for the same purpose.
For my money, if the <H1> tag is used for anything more than the one most important heasding on the page, it's being abused. If they run all through body copy in hopes of attracting SE benefits, they're courting trouble.
L.
My own suggestion, FWIW, would be to include specs for <H#> in your CSS file as Lea and David described, and then apply them to text appropriately for your page structure. If a class in the CSS does no more than make the text bold or italic, I wouldn't do it - just use the HTML tags for the same purpose.
For my money, if the <H1> tag is used for anything more than the one most important heasding on the page, it's being abused. If they run all through body copy in hopes of attracting SE benefits, they're courting trouble.
L.
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
