A quick SEO tip to change h1, h2, h3 tags on your site
- SEO |
Hi folks
I'm just making some changes to my sales page and so I thought I'd give a quick CSS/HTML lesson for anyone who needs a bit of help with onsite SEO.
Most people believe that over use of H1, H2, H3 tag is bad news for Panda & Penguin, so this is one way to convert just a bog standard paragraph <p> into a heading without using H1, H2, etc...
This is quite general and simplistic and you'll need access to your CSS stylesheet.
So, you need a add a 'class' to your chosen paragraph to make it big and bold, so add this to your stylesheet:
That creates a 'class' called big heading. You can call it whatever you like.
In your source code locate the opening <p> tag of what you want to make a heading and do this
This will then make that paragraph look like a heading.
Like I said, it's a simplistic tutorial and you'll need access to your site files but it should help if you have too many H1's H2's etc...
It will possibly be affected by other stylesheet factors too but should work for the majority.
An alternative would be to just add the CSS rule directly to your 'p' tag like this:
Just ask if it's not clear.
Shayman
I'm just making some changes to my sales page and so I thought I'd give a quick CSS/HTML lesson for anyone who needs a bit of help with onsite SEO.
Most people believe that over use of H1, H2, H3 tag is bad news for Panda & Penguin, so this is one way to convert just a bog standard paragraph <p> into a heading without using H1, H2, etc...
This is quite general and simplistic and you'll need access to your CSS stylesheet.
So, you need a add a 'class' to your chosen paragraph to make it big and bold, so add this to your stylesheet:
Code:
.bigheading {
color: red; (or a color of your choice)
font-size: 200%; (or a percentage of your choice)
font-weight: bold;
} In your source code locate the opening <p> tag of what you want to make a heading and do this
Code:
<p class="bigheading">This Is Your Headline</p>
This will then make that paragraph look like a heading.
Like I said, it's a simplistic tutorial and you'll need access to your site files but it should help if you have too many H1's H2's etc...
It will possibly be affected by other stylesheet factors too but should work for the majority.
An alternative would be to just add the CSS rule directly to your 'p' tag like this:
Code:
<p style="font-size: 200%; color: red; font-weight: bold;">This Is Your Headline</p>
Just ask if it's not clear.
Shayman