How to do Header tags in iWeb – the easy way
SEO for iWeb, Tutorials, Web Design Add commentsSubscribeFor 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.





February 2nd, 2010 at 8:53 pm
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
February 2nd, 2010 at 11:55 pm
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
February 3rd, 2010 at 1:31 am
[...] Originally posted here: How to do Header tags in iWeb | All About iWeb [...]
February 3rd, 2010 at 5:31 am
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
February 3rd, 2010 at 12:58 pm
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
February 6th, 2010 at 7:11 pm
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
February 6th, 2010 at 9:11 pm
Michael,
Try deleting the title text-box and creating a new one with the code in.
Tim
February 22nd, 2010 at 4:27 pm
Does any one know why when I change the font family in the code, it seems to default to a Times font? Bummer.
March 3rd, 2010 at 2:17 am
I love this tutorial. I am having an issue with the text not retaining its location after adding the tag.
March 4th, 2010 at 2:31 am
Jonathan, I’m having the same issues. Gosh golly darnit.
March 9th, 2010 at 7:10 pm
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!
March 11th, 2010 at 9:52 pm
Wonderful thank you, I have been using other editors but for a simple site iweb is the best.
I have a huge problem with site verification using iweb (Google) and so are many others.
Can you tackle this issue PLEASE PLEASE PLEASE,God bless you and keep up the great work.