What should an HTML document contain in order to increase its web standards and its search engine optimization
There is a huge range of tasks that Dreamweaver can perform once you learn it, but there are quite a few functions it cannot.
1. You should have a DOCTYPE (document type declaration) in your first
line of code, because DOCTYPE's are a key component of compliant web pages:
your markup and CSS won't validate without them. DOCTYPES are also essential
to the proper rendering and functioning of web documents in compliant browsers
like Mozilla, IE5/Mac, and IE6/Win.
Now, I use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">,
but my pages do not validate as that. In fact, my version of DW doesn't
code according to the World Wide Web Consortium (W3C). Later versions
of DW may.
You should validate your HTML. You can do that at the W3C validator service for free. Okay, mine has many errors but many of those are a lack of ALT tags (the name you give to images) and Javascript codes and other codes from advertisers. I don't worry too much about that, unless the ALT tag is really useful.
2. DW does not insert javascripts for you and I am using many on this page to improve its functionality. You can look at anyone's Page Source to see their codes, by the way. You do this by going to View - Page Source on any browser. You can't morally use the other person's code, but you can learn a lot from it. The reason you can't see the code sometimes is because it has been disguised or the web designer has used Frames. The other reason is that they want to copyright their code. To do this you need a piece of software called HTML protector.
3. DW doesn't make graphics. I'll be guiding you through web graphics
later, but I advise you to download the best free graphic editor other
than Jasc
Paint Shop Pro 8 or
Adobe
Photoshop CS2
.
It is called Irfan
View. It will perform quite a few functions with your graphics
but not as many as the ones for sale, of course. I also recommend Xara
products. They are much cheaper.
4. DW does not produce Javascript or DHTML menus. These are Server side menus.
One of their disadvantages is that Search engines cannot read them, so I have
reverted to text links. Mind you, I can't see much difference in terms of
traffic. Server side menus are a separate file from your web pages that you
upload to your host's server. That also means you can change them for all
pages at once. Consider how useful that is every time you add a new page.
You don't have to go through every single page you have made to change the
menu.
Firstly though, here is a tip. If your server has this function (mine
doesn't) you can make a menu which changes across your web site without
buying anything. It is called includes/sections.txt What that means is
that on your server you must be able to use a sub directory called 'includes'
and within that upload your sections.txt file which is your HTML menu
details.
I recommend the Xara menu and the allwebmenu. Both have many designs and look very professional. The one I use is no longer free as it was when I got it.
5. A robots.txt file which should be uploaded into your root directory on your server. You can see mine at http://www.ozwebhub.com/robots.txt
6. Possibly an .htaccess file or SSI features
7. A google site map uploaded to your server
9. Follow advice from Google webmaster tools
10. A search feature which you can get as on this page on the right by going to google adsense > Content for search.
11. A favicon
12. Imported css stylesheet and/or inline css
© Jenny Campbell
