Add meta description, title, robots, keywords, etc
by Christopher Heng,
In my article on How to Use Meta Tags In Search Engine Promotion, I wrote about the usefulness of using certain meta tags on your website, particularly the Meta Description tag, which you can use to suggest a snippet of text that search engines can use to display in the search results, and the Meta Robots tag, which can be handy to control search engine robots behaviour on your web page. This tutorial describes how you can add such tags to your web pages using Dreamweaver.
I will assume here that you already know how to use Dreamweaver to create your website. If this is not true, please see my tutorial on how to design your website with Dreamweaver. In fact, if you are completely new to creating websites, you should probably start with How to Design / Create a Website: The Beginner’s A-Z Guide.
Another assumption I will make is that you know the text to include for the meta tags and what they are for. If your knowledge of this is shaky, please read my meta tags primer for the missing information. The page you are currently reading only deals with the practical steps of how to add meta tags to your website.
Adding Meta Tags with Dreamweaver
Adding meta tags with Dreamweaver is a fairly simple procedure, since the editor actually provides a built-in facility to do this.
In the paragraphs that follow, I shall use shorthand notations like “select ‘Insert | HTML’ from the menu”. This means that you are to click the “Insert” menu in Dreamweaver, followed by the “HTML” item on the menu that appears.
How to Add Meta Description Tags
To add a META description tag to your web page, open your web page in the editor. Then select “Insert | HTML | Head Tags | Description” from the menu.
A dialog box will appear. Enter the description for your web page in the space provided. Click the “OK” button when you’re through with it.
How to Add Meta Keywords Tags
If you want to add the mostly useless META keywords tag, select “Insert | HTML | Head Tags | Keywords” from the menu.
In the space provided in the dialog box, enter your comma-delimited list of keywords. As mentioned in both my general META tags tutorial and the more specific Keywords Meta Tag discussion, it’s probably a waste of time to do this.
How to Add Meta Robots Tags and Other Arbitrary Meta Tags
Dreamweaver also allows you to add other Meta tags, even those that it doesn’t know anything about, like the Robots meta tag. To do this, select “Insert | HTML | Head Tags | Meta” from the menu.
A dialog box appears, allowing you to add any Meta tag that takes the “name”, “http-equiv” and “content” attributes. For the robots meta tag, make sure that the Attribute box is set to “Name” and enter “robots” (without the quotes and in the plural) in the Value box. In the space provided for Content, enter the robot control directives you want there.
How to Add the Image Toolbar Suppression Meta Tag
Since you can add arbitrary meta tags using the editor’s built-in facility, you can also suppress the IE 6 image toolbar which many people find irritating. If you don’t know what I’m talking about, you can read more about it in my article Disabling the Image Toolbar in IE 6 for Your Site.
Select “Insert | HTML | Head Tags | Meta” from the menu.
In the Attribute drop down box, select “http-equiv”. Then type “imagetoolbar” (without the quotes) into the Value box. The Content box should contain the word “no” (again, without the quotes).
Adding the Author and Copyright Meta Tags
The “author” meta tag merely identifies the author of a page. The “copyright” meta tag allows you to place a copyright notice into your page. They are not actually used by search engines, displayed by the web browser or anything else for that matter, as far as I know. If you want to include them, select “Insert | HTML | Head Tags | Meta” from the menu.
To set the author, make sure that “Name” is selected in the Attribute box and type “author” into the space for Value. Then enter your name into the Content box.
To include a copyright notice, type “copyright” instead of “author”, and put your copyright notice into the Content box.
If you already include a printed copyright notice on your web page, these tags are mostly unnecessary but they are there if you want to use them.
How to Add the Title Tag
The title tag of a web page is added differently. Although it is often regarded as part of a web page’s meta data, it is not encoded using a literal META tag on the page, but has its own specialised HTML tag. If you have used my Dreamweaver tutorial, you will probably have already added a title tag to your web pages. However, I’m including this information here for the sake of completeness, as well as for those who are reading this article mainly to get this particular item of information.
There are at least a couple of ways to add or change the TITLE tag of your page. Here’s one. Select “Modify | Page Properties” from the menu. A dialog box appears. In the “Category” list on the left side, select the “Title/Encoding” item. Insert your title into the “Title:” field.
As explained in my articles on creating a search engine friendly website and ranking well in Google, the title tag is not the same as the text displayed in the main area of your web browser. Please see those articles for more information if you don’t already know what a title tag is for.
That’s it. The meta tags that you have added to your web page will not be visible on your page itself, although things like the title tag will be recognised by the web browser and displayed in its title bar.
Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.
This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.
- Should You Use Cloaked Domain Redirection to Point to Your Website?
- Your Website’s Spelling and the Search Engines
- Which Font Should I Use for My Web Page? Tips on Choosing Fonts for Your Website
- The Fine Print in Web Hosting: Resource Usage Limits
- How to Register Your Own Domain Name
- How to Make Money From Your Website
- How to Accept Credit Cards on Your Website
- Which Web Host Do You Recommend? (FAQ)
- Can I Change My Website’s Address to HTTPS Without Getting an SSL Certificate?
- How to Make a Button Run a Server-Side Script (eg, a PHP, Perl, or Python Script) (HTML)
- How to Add a (Self-Hosted) Video to Your Website with Expression Web
- How to Prevent Your Website from being Placed in a Frame
- How to Move a Website from Dreamweaver to BlueGriffon
- How Do You Get Access to a Domain Name You Just Purchased? What to Do After You Buy a Domain Name
- What’s the Difference Between a Domain Name Registrar and a Web Host?
- How to Make a Mobile-Friendly Website: Responsive Design in CSS
- What’s the Difference Between a Content Management System (CMS), a Blog, a Web Editor and an Online Site Builder?
- How to Create a Blog
- How to Make / Create a Website: The Beginner’s A-Z Guide
- Tips on Choosing a Good Domain Name
- Expression Web Tutorial: How to Design a Website with Microsoft Expression Web
- Dreamweaver Tutorial: How to Design a Website with Dreamweaver CS6
- BlueGriffon Tutorial: How to Design a Website with BlueGriffon 3
- How to Design and Publish Your Website with KompoZer (free WYSIWYG web editor)
- Free Feedback/Contact Form Wizard
To link to this page from your website, simply cut and paste the following code to your web page.
It will appear on your page as:
Copyright © 2008-2014 by Christopher Heng. All rights reserved.
thesitewizard™, thefreecountry™ and HowToHaven™ are trademarks of Christopher Heng.
This page was last updated on 18 September 2014.