Keyword font size for good on-page optimization

We spoke about the general HTML tags in our previous tutorial, additional optimization factors, and how to use appropriately them.
In this one we will continue with the body text optimization and the next factor is:

Keyword font size

If you are going to create a website with good quality, and you want your customers to stay and return on, it should look well and user-friendly.
In the same time probably you want the search engines (SE) to determine relevant keywords and to send more visitors.

How to accomplish that?

The answer is to play on the search engine terms. What I mean?

If a keyword is in H1-H3 tag, or it is bolded, or underlined, the search engines consider it at least as different and maybe important.

If you just follow this rule your text maybe will look like on the next image.

Keyword font size for good on-page optimization

Good for search engine optimization, but not so good for a reader, right?
Yes, but you still want to push SE to ‘like’ your site.

Some sites do this trick:

Keyword font size for good on-page optimization

Do you see the lilac text, so called ‘SEO cloud’, in the bottom right?

I have marked it in this color to be different on purpose.

As you can see this ‘cloud’ is used by some sites to wheedle the search engines and in the same time, it is separated from the main text which is for the visitors.

I have seen even Yahoo doing this on their page.

Good trick right?

Some blogs like Word Press have even plug-ins automatically creating such ‘clouds’, and SE still bear such behavior indexing well such pages.

Ok, what if you want to use conventional methods like the general HTML tags and do not want your visitors to see such ‘tricks’?

The answer here is simple. Use or force your designer to use CSS (cascade style sheets).

This section is for on-page optimization and we are in the part of body text optimization, so I won’t talk over about CSS.
In one of my colleagues’ post How to make a horizontal navigation bar with CSS is given a good example of CSS usage, and here I will just touch the theme and will show you an example of changing H1-H3 HTML tags as I promised in the previous tutorial.

On the next image you will see an example of pure HTML tags and same managed with CSS, changing the font size

Keyword font size for good on-page optimization

You can see the difference of between H1 and H1 with changed style.
This style sheet code is similar to <H1>keyword</H1> if the code from the image, provided bellow is used.

For your information on this site H1-H3 tags are still involved, but parsed through CSS they look different.

Hope you enjoyed this part about keyword font size optimization. Let’s proceed with keyword proximity and phrase order.

Filed Under: Google

Anthony Gee About the Author: Anthony G. is an IT specialist with more than 9 years of solid working experience in the Web Hosting industry. Currently works as server support administrator, involved in consultative discussions about Web Hosting and server administration. One of the first writers in the website, now writing for Free Tutorials community - he is publishing tutorials and articles for the wide public, as well as specific technical solutions.

Leave a Reply