Important SEO Tip: Essential H1 Tags Missing in vBulletin Default Templates

Originally Posted by foghat

I tried Method 1 on the this page and it produced a line underneath the h1 tag.
[How To] Add H1 Tags to your vBulletin Templates for Long Tail Search Optimization

I removed your process due to the error. I'm using version 3.8.

Perhaps your CSS is setup to render an underline for H1 tags.

If it is, how do I verify so I can follow your process?

Great tip, thanks! I have add method one & I will post my results in a few months.

Thanks, dreck

If your h1 tag is a link and you choose to keep underline within your urls , h1 tag will also use the same.

Originally Posted by Joe Ward

Should I use H1 or H2?

Some SEO discussions on the Web have indicated a preference for using H2 instead of H1. Some even claim to have done comparison tests and received better results with the H2.

Regardless, a H2 should not exist on the page unless it is first preceded by a H1 tag (to maintain the hierarchy). Doing otherwise is using these tags in a way in which they were not intended to be used, and could at some stage cause possible problems with SEO.

If you want to use a H2 for your title instead of a H1, make sure you include the H1 at a higher level such as around the logo

webhatti don't use h1 Tags, they use tags like h2, h3 and h4 an look at the site statistic: webhatti.com - Traffic Details from Alexa


Just my 2 cents...

I used Ultracompare and I really don't see any reason why there's a break under the h1 tag. In the orignal file it would present
<!--/ PAGENAV POPUP --> and three close </div> tages

In using method 1:
I would see my comment tag and
<!-- added H1 data --> two empty lines
<h1>title</h1> and three new blank lines

Header tags have margin top and bottom variables as headers should be clear from other content. You need to specify it from CSS. Like :

Code:

<h1 class="anycss">h1 content</h1>
.anycss {
margin: 0;
padding: 0;
}

Originally Posted by Joe Ward

If you wanted to use Hx tags in your post body, then you could do so with some custom bbCodes.

I dont quite understand.. A tutorial would be great.. then i'd use H1 tags all the times in my Guide Threads.

Also, are certain font styles preferred over the default H1 font style. (by using CSS to change font style of H1)

Originally Posted by Mert Gökçeimam

Header tags have margin top and bottom variables as headers should be clear from other content. You need to specify it from CSS. Like :

Code:

<h1 class="anycss">h1 content</h1>
.anycss {
margin: 0;
padding: 0;
}

I understand your reference above, but not being an expert on VB templates and there locations, where could this modification placed. Where is the CSS template?

I will review to see why three blank line are provided when H1 is added.

Originally Posted by Mert Gökçeimam

Header tags have margin top and bottom variables as headers should be clear from other content. You need to specify it from CSS. Like :

Code:

<h1 class="anycss">h1 content</h1>
.anycss {
margin: 0;
padding: 0;
}

Im wondering as well which CSS file to put that in?

And once that is done, how to add the icon to the text editor ? (so that I could include them in my posts)

Nedir bu olay mail olarak gelmişde.
Mert konuya gelirsen bi cevap yazarsan sevinirim teşekkürler

First I read this and searching through the web about h1 tags and that's 100% true about their importance for SEO.

I had some problems using this guide.

If I use method 1 I get big black letters everywhere and even using CSS as described on method 3 nothing changes.

When I use method 2 my logo is smashed in and just a small part of it is showed.

And Method 3 make only make my forum title to be show in big black letters all over the pages.

I'm not using a so much customs style, basically same default structure with different colors and so on.

Is there a way to make those changes bee effective and not changing appearance of my board at all ?

Thanks for the tips.

Edit: Sorry guys, could you move this post to [How To] Add H1 Tags to your vBulletin Templates for Long Tail Search Optimization Really sorry, too much windows openned.

If I implement the changes the H1 Tag appears under my navbar and looks terrible, is this what is supposed to happen?

Originally Posted by jimjam

If I implement the changes the H1 Tag appears under my navbar and looks terrible, is this what is supposed to happen?

You can control the appearance of the text with CSS. Our 3 methods are just options. With some template editing you can get them to display wherever you feel they would work (and look) best for your forum.

Hello JB ,

You can define CSS class to h1 tags. En example :

Code:

<h1 class="anyclass">Header Style</h1>

Code:

.anyclass {
	font-size: 1.2em; // size of your font , you can use px , em , % 

	color: #ff0000; // the color you want your font to be displayed

	font-weight: 100 // The font-weight property sets how thick or thin characters in text should be displayed.
	font-variant: small-caps // The font-variant property is used to display text in a small-caps font, which means that all the lower case letters are converted to uppercase letters, but all the letters in the small-caps font have a smaller font-size compared to the rest of the text.

	font-style: italic; // The font-style property sets the style of a font.

	margin: 0px; // The CSS margin properties define the space around elements. It is possible to use negative values to overlap content. The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used to change all of the margins at once.

	padding: 0px; // The CSS padding properties define the space between the element border and the element content. Negative values are not allowed. The top, right, bottom, and left padding can be changed independently using separate properties. A shorthand padding property is also created to control multiple sides at once.
}

It will be displayed like

HEADER STYLE