More Search Engine Optimization
This page is all the little things that you will need to do to get your
pages ready. You are getting close to going live. Just a couple more steps
and you will be ready to show the world what you have done.
Here we are going to deal with alt tags and title tags. This is kind of
tedious but it will be well worth the effort.
This might be a little confusing at first but once you do it a couple
times, it will be much easier. Some HTML editors will be very helpful with
this process. I am sure Dreamweaver has simplified this process and I know
FrontPage has. You will have to check your editor to see what you have
available.
OK, On with the work.
Title Tag
A title tag is something you add to your
hyperlinks.
It gives the hyperlink a title. Blind people use this title when their
computer is reading the page to them.
The added benefit of this title tag is that it gives you another chance
to add more relevant keywords to your page. Hover over the link to
hyperlinks above. See the little box pop up that says "Read more about
hyperlinks here". This is the title of that hyperlink.
Make sure everyone of your hyperlinks has a title. Make the title
relevant to the hyperlink. Take advantage of using keywords whenever
possible but don't annoy your visitors. If you write a book here rather than
a small description of the link, it will block all the other info on your
page. I'm sure you have seen this on other websites. Example below.
If your HTML editor has a way for you to add these titles, you are in
luck. On FrontPage, all you have to do is right click on the hyperlink and
select "Screen Tip". A little window opens for you to type your title. You
will have to check your own editor to see if it has this option. If you have
to manually insert titles, don't worry, it's easy.
Here is the above hyperlink without the title tag:
<a href="hyperlinks.htm">hyperlinks</a>
Her it is with the title tag:
<a title="Read more about hyperlinks here." href="hyperlinks.htm">hyperlinks</a>
Notice where the title is and the quotes around it. (title="Read more
about hyperlinks here.") Just copy this example on all your hyperlinks if
your editor won't do it for you.
Remember the example I promised you? Hover over this
link. This would also be extremely confusing to a blind
person. They would not know it is a link if it sounds like a whole page.
Use these title tags to plug in keywords that are relevant to the link
and the page whenever possible.
Alt Tag
An alt tag is very similar to a title tag. It is used to add a
description to your graphics. You shouldn't have more than 2 or 3 graphics
on any one page, (Unless your site requires it, like a product page.) Add
alt tags to every picture.
Many people with slow computers or slow connections will turn pictures
off on their browser. You picture will just be a little red X in the area
where the picture would be. When you add this alt tag, you are describing
the picture to the viewer. Try to make it keyword rich but don't make it
look stupid.
Use a different keyword for each picture so you don't spam the search
engines. Or you can use the same keyword if you add .jpg or .gif to the alt.
i.e. alt="computer parts.jpg" This looks kind of funny to your visitors so
don't over do it.
Applying the alt tag is the same as the title tag above if you are doing
it manually. Just use alt instead of title. If your editor has a shortcut,
it will be in your picture properties.
In FrontPage it is under the 'general' tab then alternative
representations. Sorry I don't have information for all editors. That is
what help files are for. I am sure almost all editors have this function.
You will just have to find it.
Make sure you add title tags to all your hyperlinks and alt tags to all
your images. Remember, if a picture links to another page, you can add an
alt tag and a title tag to this picture. Take advantage of every opportunity
to add more keywords to your pages.
One more page to go and you will be done with, on page,
search engine optimization. Keep it up, you are almost there.
|