Reversing the Text Bold Effect to Emphasize/De-Emphasize Words
One of the most widely-used HTML tag is the BOLD tag and is denoted by either a or a tag. This is also one of the most important tag in search engine optimization where words or phrases inside these tags are treated to have more dominance over others that do not. Take this code as an example:
This text is more dominant than this one outside the bold tags.
In our example, the phrase “This text is more dominant” will be marked by search engines as one of the dominant keywords in the page while “than this one outside the bold tags” will be treated just as an ordinary phrase and will be have less dominance over the other phrases. This is very important as the amount of emphasis (or weight) given to a certain keyword or keyphrase will be the basis of search engines in deciding what particularly your page is all about and how to place you in the listing for that particular search keyword.
There are, however, some instances that you will need to set a non-keyword phrase’s formatting to bold or set a dominant keyword’s formatting to normal for design considerations without hurting your SEO strategy. Luckily, with the help of CSS, reversing the effect of bold tag is now possible. If my targeted keywords for a certain page are ‘SEO’, ‘CSS’ and ‘bold tag’, my page may look like the one below:
Hurting your SEO strategies. An example is the bold tag which plays a
Significant role on how search engines analyze your pages.
Normally, this page will display as follows:
SEO Tips: The CSS Bold Tag
With CSS you can manipulate how texts appear in your pages without
Hurting your SEO strategies. An example is the bold tag which plays a
Significant role on how search engines analyze your pages.
As you can see, we have emphasized our three most important keywords in our page using the bold tag. However, by doing so, our page looks a bit unlikely bolded words seem to be scattered all over our page. Remember, that in all aspect of web development, we are always working for the favor of two groups of audiences, the search engine and the people visiting our site, and they always has to be a balance between these two scrupulous observers: developing solely for the human visitors will result to poor search engine ranking and developing for the search engine alone will drive our human visitors away.
Taking this into consideration, we will then have to do a little fixing to our page. A more appropriate HTML code for our page will look like the one below:
.Nobold strong { font-weight:normal }
Hurting your SEO strategies. An example is the bold tag which plays a
Significant role on how search engines analyze your pages.
SEO Tips: The CSS Bold Tag
With CSS you can manipulate how texts appear in your pages without
Hurting your SEO strategies. An example is the bold tag which plays a
Significant role on how search engines analyze your pages.
By manipulating the default behavior of HTML using CSS our page now looks better for both our human visitors and the search engine.
This entry has been submitted by Edward Royston. Edward is also one of the three orginal writer on Remote Brains and has published many articles concerning oak.