Search Engine Optimization Strategies

How To Change Header Font Sizes With CSS

One common use for CSS is to change the properties of header tags and links. This is useful when you want to highlight an important keyword phrase in a page, but don’t want to have a huge heading on the page.

For example, this reduces the size of the heading text to medium.

<H1 STYLE="font-size: medium">Search Engine Optimization</H1>

How To Remove The Line Underneath Links With CSS

The following removes the underline of a link. This is useful for creating attractive, search engine friendly navigational bar links at the top, side, or bottom of a page.

<A HREF="index.html” STYLE="text-decoration: none”>Home</A>

How To Change A Link Color With CSS

The following example shows you how to change the link color to fit the style of your site. The link color stays the same, even if the user clicks on it. i.e. The link color does not change to the “visited link” color.

<A HREF="index.html” STYLE="color: blue”>Home</A>

You may include CSS within a HTML tag (as above), in a webpage, or placed in a separate file and linked to from a webpage.

How To Add Cascading Style Sheet Commands To A Webpage

With the above examples, I have set the Cascading Style Sheet (CSS) attributes in the HTML tags themselves. If you would like to use the same CSS attributes throughout a page, you can set the CSS attribute for a HTML tag once in a page, and it will the changes will be reflected throughout the page.

To do this, add the CSS attribute in between the HEAD section at the beginning of a HTML document.

For example:

<HEAD>
<STYLE TYPE="text/css">
<!--
H1 {
font-size: medium;
}
-->
</STYLE>
</HEAD>

How To Set Cascading Style Sheet Attributes For Use On All Webpages

It is common practice to set Cascading Style Sheet (CSS) attributes in a CSS file so that they are reflected across an entire website. This not only saves you from having to repeatedly enter in the same CSS attributes, but also reduces the size of a HTML document, which means shorter download times.

To do this, add the CSS code to a new document and save it as a .css file.

For example:

css-file.css
marketing.css

Then add a link to the CSS file in between the HEAD section at the beginning of a HTML document.

For example:

<HEAD>
<LINK REL="stylesheet" HREF="marketing.css" TYPE="text/css">
</HEAD>

Web Browser Support Problems For Cascading Style Sheets

One disadvantage with Cascading Style Sheets (CSS) is that earlier browsers (Internet Explorer 3.0 or Netscape 4.0 or earlier) do not support them. So if you change any HTML tags drastically, and someone uses an old web browser that does not support CSS, the page could be a total mess to the user.

However, only a tiny percentage of internet users are still using web browsers that don’t support CSS. So you should use it without too much concern.

What Are Site Maps?

Site maps are visual models of a site's content that allows users to find specific content or page. They are like an interactive table of content, with links leading to the most important topics or pages of a site. Site maps are organized hierarchically, breaking down the site's information into increasingly specific subject areas.

Site maps can help search engines find, crawl and index all the pages in a website. As such, I do recommend you create a site map for every site.