Forum Moderators: open
<title> Super Widget </title>
now I will just show the visual layout:
<div id="header">
A. [Widget-Products] <- Bold large text
</div><div id="main">
B. [Widgets-Products > Super Widget] <-- Breadcrumb NavigationC.
<div id="content">
[ [Super Widget] ] Article title is given underlined
--[Content............] <-- Begin Content
--[Content............]
--[Content............] <-- End Content
</div> <-- content end
</div> <-- main end
Granted the page has more than that, and looks nicer, but that is the basic outline for it.
Now I am struggling to figure out how I can correctly use the proper tags and keep my site SEO'd. The way I have it structured now is:
A is just in it's own div with no tags
B I have as the <h1> tag
C Article Title in <h2> tag and content in <p>
Initially, I thought this would be a good structure for the layout, but now the more I am reading, I am wondering if that is the case. I know that the <title> and <h1> tags are weighed heavily by the SE's so I will be sure to include keywords in them. The concern I have with this layout is that the <h1> doesn't really seem to be giving a heading for the page, as it is a breadcrumb and gives more a pathway to the page. However, I had thought this would be a good idea because with it set this way, I would be sure to include good keywords always within the <h1>.
The article title in the <h2> tag most clearly describes what the page is itself about and would be the keywords I am optimizing for, however, since it is in the <h2> I am concerned about it not getting that much weight and thus not be considered strongly enough. The way it is setup now, the keywords from <h2> would also occur in <h1> but not soley (most likely at the end of the <h1> tag), and from what I have read, "super widget" by itself is better than "widget products super widget."
I have full control over what I would put in both the <h1> and <h2> but I am concerned if whether the way I have outlined it right now, would be the most optimal way.
Some other things I had considered:
Removing the <h1> from the breadcrumb and turning the article title into <h1>, but with tha method what would lose the valuable keywords inside the breadcrumb and then what would I use <h2> for? I could switch them, but then the layout would be <h2> then <h1> and that certainly isn't semantically correct.
With the way it is setup now, the <h1> would contain keyword(s) > keyword(s) etc. Would the '>' have any negative effect?
Ultimately, I am wondering what I should do with this design? Maybe sticking with the way I have it now would be best, but I just want to receive some input on it first.
Any help or creative ideas would be greatly appreciated!
Thanks!
P.S. Sorry this post is so long, but I wanted to try and be as clear as possible :)
All my new sites use h2 for all normal text but only because I can just click a button to get the text in the format I specified for H2. A lot of css designed sites are using h2 as default font and the SE's are aware of this and they seem to be moving away from given the h2 tag higher priority.
Although you have slightly less control over the design you might want to think about using css in a way that your main text div is located just below the <body> and all the links etc are placed in divs below it. If you're unsure about css then this sounds a bit confusing so I'll try to explain...
One of my recent sites had a header div, a links div and a text div. Normally you would go:
<body>
header div (top)
links div (left)
text div (right of links div)
But in css you can control which div goes where in the html so you can have the text div all the way at the top, the header div at the bottom and the links div in the middle if you so wanted to.
By having all your text at the very start of the html has helped a number of my sites because the first thing the bots see is exactly what I wanted them to see, the important text.
I would give more thought to this than to H tags.
Just an idea.
Simon.
Because of the decreasing importance of <h2> would you recommend I just put the article title as <h1> and then just let the breadcrumb be on it own, and not use <h2> at all?
Thanks martinibuster for that link, I guess I have a good few nights worth of reading to do :)
Kept me awake for many nights.
Don't hesitate to ask for clarification, etc.
Simon.
