Adding H1 Tags to your Vbulletin Forum and Threads

[Spiral]

H1, H2 and H3 tags can help search engines such as Google, Yahoo and MSN figure out what a web page is about.

SO this is an important mod to make. It also is good for your members as it gives a more descriptive introduction to a thread.

As always, you should back up your forums before making any changes.

In the FORUMDISPLAY template find

$navbar

and Below it add:

<br />
<center>
<h1 class="myh1">$foruminfo[title_clean]</h1>
<h2 class="myh2">$foruminfo[description]</h2>
</center>
<br />

This adds the Forum Name in the H1 Tags and the Forum Description in the H2 tags. It also places these items below the navbar when you visit a forum.

In your SHOWTHREAD template find

$navbar

and Below it add:

<br />
<center>
<h1 class="myh1">$thread[title]</h1>
<h2 class="myh2">$foruminfo[title_clean]</h2>
</center>
<br />

This adds the Thread Title in the H1 Tags and the Forum Name in the H2 tags. It also places these items below the navbar when you visit a thread.

Now. You can control the size and appearance of H1, H2 and H3 tags via your CSS if you choose.

For example. In your Style Manager, Main CSS, under Additional CSS Definitions, scroll to the bottom and add something such as this:

(This will make all the H1 & H2 tags using this class appear like this, forum wide) This is the code we use here to give you an idea of how it looks.

/* ***** H1 Tags ***** */
h1.myh1 {font-family: Arial; font-size: 20px;
color: #000000; font-weight: bold;}

h2.myh2 {font-family: Arial; font-size: 16px;
color: #000000; font-weight: bold;}

You can change the font, font size and whether its bold or not by simply changing the variables. You can also change the color if you like.