How to do Header tags in iWeb – the easy way

SEO for iWeb, Tutorials, Web Design Add commentsSubscribe

For those of you that have purchased the iWeb SEO video from Rage Software (you can still get 15% off the purchase price with All About iWeb) this iWeb tutorial may not come as much of a surprise to you, however if you haven’t (why not? it’s full of useful iWeb SEO tips and tricks) you may want to pay attention. Regular readers of this blog may also remember my previous tutorial explaining how to get ‘header’ tags into your iWeb site, but it involved a bit of faffing about.

All that has changed with the release a few weeks ago of version 1.7.1 of the iWeb SEO Tool from Rage. Now adding ‘header’ tags to your iWeb site is as easy as putting a tick in a box!!

Why do you want header tags in your iWeb site?

Quite simply they help with your iWeb site’s SEO rankings. A search engine bot (or spider) will crawl your iWeb site looking at all of the text. It will read what keywords you put between your header tags and judge them to be more important than other keywords on your site, and because you have taken the time to put <h1> before your headers they must be really important.

The trick is not to abuse the header tag though. Do that at your peril. Each page should only have one <h1> tag and you should on no account stuff the tags with keywords. That will get you dropped like a sack of spuds.

So how do you add the tags to your iWeb site?

Open iWeb and go to the page you want to add the tags to.

Scroll up to the title of your page and, before the title add <h1>.

After the title add </h1>.

You can see in the image below that the title of this site is ‘Artist | Designer | Photographer’ and I have added the header tags around my title.

Repeat this for all your pages, save your iWeb site and then you can either publish to a folder (if you are uploading to your own host) or MobileMe.

Download and install version 1.7.1 of the iWeb SEO Tool. Once that is done open the application and open your iWeb site within it by selecting the correct method from the top left corner.

On the left hand side should appear a list of the pages within your site. You now have to simply click on the relevant pages one by one and then tick the box that tells the application to ‘Convert Header Tags in Textboxes to HTML Code’.

Don’t forget to apply the changes to each page as you go. Once done you can either upload via the built in ftp to the host of your choice, or if you elected to open an iWeb site from your iDisk you have finished.

You now have header tags in your iWeb site. Your site won’t look any different of course, but you can check by loading it a browser then right-clicking (CTRL-click) your mouse and selecting ‘view source’ form the drop-down menu. Scroll down a bit and you should see your title surrounded by the tags.

Of course if you wanted you could add a sub-title to your main title with more keywords in it only use <h2> rather than <h1> at the beginning and end of the sentence.

Have you added title tags to your iWeb site? How easy did you find this method? Leave a comment and let us know.

Bookmark and Share

Follow me on Twitter.

11 Responses to “How to do Header tags in iWeb – the easy way”

  1. Thierry Says:

    Tim,
    So if I had the and tag in all my titles they will still look the same? It’s great news but also bad news for me I have around 250 pages on my site and it’s going to take me a while… :-)

    Thierry

  2. All About iWeb Says:

    Thierry,

    Depending on whether or not you have a serif or sans-serif font they should look the same, hence my second tutorial. Good luck with so many pages though.

    Tim

  3. How to do Header tags in iWeb | All About iWeb | Mac Affinity Says:

    [...] Originally posted here: How to do Header tags in iWeb | All About iWeb [...]

  4. shana Says:

    hi tim – i am a little confused. are header tags and title tags the same thing? and if they are does that mean that in the iweb seo tool we no longer have to fill in the title tag for each page?
    thanks so much from shana

  5. All About iWeb Says:

    Shana,

    No Title tags and header tags are 2 different things. The title tag controls what appears in the bar at the very top of your browser. Header tags are used as a way of highlighting text on a page (ie paragraph headers). Search engines rank them all in order of importance ie H1 is more important than H2 and they are all more important than P (the normal paragraph tag).

    I hope that helps.

    Tim

  6. Michael Says:

    I tried to do this, I’m on 1.1.2 old skool style, and the / is not allowed in the title page? I even tried to cut and paste it. Any ideas? Thanks in advance for the time and effort.

    Michael

  7. All About iWeb Says:

    Michael,

    Try deleting the title text-box and creating a new one with the code in.

    Tim

  8. Ashley Says:

    Does any one know why when I change the font family in the code, it seems to default to a Times font? Bummer.

  9. Jonathan Says:

    I love this tutorial. I am having an issue with the text not retaining its location after adding the tag.

  10. Ashley Says:

    Jonathan, I’m having the same issues. Gosh golly darnit.

  11. Weeda Says:

    Tim, just want to say THANK YOU for all this great resource! This is a wealth of information in one stop! I am learning so much from this priceless site!
    Thank you again!

Leave a Reply

Designed and maintained by AllAboutiWeb. Based on a theme from N.Design Studio
Entries RSS Log in