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

I think I understand about using CSS to sort the large text, but I don't want it to appear under my Navbar, it makes my template look terrible.

Can we have it appear somewhere else and still do the same job?

Thanks in advance

Great example Mert. Thanks

1 question.

I usually put my H2's in the SHOWTHREAD template just underneath $navbar

So can I put the css script part in the same file as well? (im guessing near the top of the page)

Originally Posted by jimjam

I think I understand about using CSS to sort the large text, but I don't want it to appear under my Navbar, it makes my template look terrible.

Can we have it appear somewhere else and still do the same job?

Thanks in advance

Think about a book, do you put chapter title in bottom of the page ?

The best usage of header tags is to start from top of your page.

Originally Posted by mikeinjersey

Great example Mert. Thanks

1 question.

I usually put my H2's in the SHOWTHREAD template just underneath $navbar

So can I put the css script part in the same file as well? (im guessing near the top of the page)

You can put the CSS part inside Additional CSS in your style options.

Do you think that making text that is already the title of the page (ie. thread title) and H1 will make a difference? Seems like the page title should already carry alot of weight.

Originally Posted by Mert Gökçeimam

You can put the CSS part inside Additional CSS in your style options.

just below the $navbar on SHOWTHREAD, I put -

<h1 class="anyclass">$thread[title]</h1>

And I copied and pasted exactly the .anyclass CSS code you made into "Additional CSS" like you said in Style Options. But it isnt finding the class.

Its displaying default H1 style & color. (big & black)

How do I tell the "anyclass" class to find its css coding?

hi Mr Joe

i used method 2 along with my old Relevant Replacements which were as this:


<!--VBSEO_RR_1-->

PHP Code:

<h2>[forum_title]</h2><p id="relevant_replacement">Below you will find a list of discussions in the <b>[forum_title]</b> forums at the [bb_title]. The [forum_title] forum [forum_description]</p>
<h2>[thread_title]</h2><p id="relevant_replacement">This is a discussion on <em>[thread_title]</em> within the <b>[forum_title]</b> forums, part of the [parent_forum_title] category; [first_post_20_words]...</p> 


now it appears good as

PHP Code:

<h1><a href="http://krwetatnt.net/vb/">&#1605;نتديات كرويتات نت</a></h1> 


and H2 for forum and title under it.

do you advice me to try it ?

I like the idea, I am sure that it works well. but repeating the page title under the navbar looks so naff on my skin that I think I will give it a miss. Thanks anyway.

Originally Posted by mikeinjersey

just below the $navbar on SHOWTHREAD, I put -

<h1 class="anyclass">$thread[title]</h1>

And I copied and pasted exactly the .anyclass CSS code you made into "Additional CSS" like you said in Style Options. But it isnt finding the class.

Its displaying default H1 style & color. (big & black)

How do I tell the "anyclass" class to find its css coding?

Hello Mike ,

Can you please paste me the code you used within Additional CSS

Originally Posted by Mert Gökçeimam

Hello Mike ,

Can you please paste me the code you used within Additional CSS

.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.
}

Nevermind, I figured it out. The style was working everything except the Color. For some reason, the default colors specified on the same "all style options" page overwrites the color style specified in the custom css section.

But anyway, im using a DIV tag to center the title.

This specific DIV tag isnt deprecated yet, is it ?

Code:

   <div style="text-align: center;"> <H2>Thread Title</H2></div>

i am using vbseo 3.7 style shold i do this..?

Originally Posted by maltepeli

i am using vbseo 3.7 style shold i do this..?

No , vBSEO Style already have H1 Tags

Originally Posted by mikeinjersey

But anyway, im using a DIV tag to center the title.

This specific DIV tag isnt deprecated yet, is it ?

Code:

   <div style="text-align: center;"> <H2>Thread Title</H2></div>

You are using 2 block elements, <div> and <h2> (always use lower case). You do not need both. You can style head tags the same way you style DIV tags. I usually put the styling in the Additional CSS Definitions box at the bottom of the Style Options page (this is MY code, it's isn't generic code):

Code:

h1 {font: bold italic 1.9em Tahoma, Arial, sans-serif; color: #353E49 margin: 10px 0 0 0;padding-right:6px}
h2 {font: italic bold 1.7em Tahoma, Arial, sans-serif; color: #353E49; margin: 0;}
h2.thread {font: bold italic 1.2em Tahoma, Arial, sans-serif; color: #353E49; margin:6px 0; padding:0 10px;}
h2.thread a {text-decoration:none;}
h3 {font: bold 1em Tahoma, Arial, sans-serif; color: #000; margin: 0;}
h3.thread {font: bold italic .9em Tahoma, Arial, sans-serif; color: #353E49; margin: 0 0;}
h3.fhome {font: bold 1em Tahoma, Arial, sans-serif; color: #353E49; margin: 0 0;}
h4 {font: bold .9em Tahoma, Arial, sans-serif; color: #000; margin: 0;}

Note that I have 2 different sizes of <h2> and <h3> tags - depending on what page they are on.

But you can do it inline too (a correction of YOUR code):

Code:

<h2 style="text-align:center;">$thread[title]</h2>

R'gards,

Jim

I implemented method 2 along with adding an H2 tag for thread title. After a couple of days, I've noticed that the number of links on google have dramatically dropped. Also, new threads that were indexed almost immediately before (and easy to find in google) are gone from google now. The only thing that is showing up with google seems to be posts that are several years old. I also noticed that the links that google had previously indexed (and still show on google) had a title like "threadname - sitename", whereas now the title is just "threadname" for anything it recently indexed. I'm not sure if that is good or bad for SEO?

Is this google behavior normal? Is google just reindexing my site because I now have H1 and H2 tags and everything will be back to normal in a few days? If not do I have a problem to be concerned about? I did go ahead and rebuild the sitemaps to see if that helps. Has anyone else seen this type of thing?

After implementing a H1 tag of my sites name and h2 as thread titles, I moved to the first page on google for a search for my sites name after a couple of weeks (originally page 3). A few weeks later and it's now the 1st result!!!