ComFi Affiliate Program

Make the right choice – become our partner!
Home » My Account » Training » Shop Promotion » Edit META Tags

Training

META tags

Your website will be incomplete if it doesn't have META tags. Overestimating their significance would also be a mistake – META tags are just one of many important elements in the structure of a successful website. The web content itself if far more important than META tags, although having them is a good courtesy and speaks of website owner's good attitude towards his visitors. With that thought in mind, we'll proceed.

Open your HTML document in any text editor (Notepad, for example) and find the beginning of the document. META tags are located between the HEAD tags of the page. In most cases HTML editors do not provide all necessary META tags, and we recommend that you edit the beginning of your page manually by inserting the following block:

<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0 Transitional // EN">
<html><head><title>Title</title>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META http-equiv=Content-Language content="en">
<META http-equiv=Resource-Type content="document">
<META http-equiv=Distribution content="global">
<META name="distribution" content="global">
<META name="language" content="en">
<META name="robots" content="index,follow"">
<META name="description" content="Description">
<META name="keywords" content="Keywords">
<META name="GENERATOR" content="MSHTML 5.00.2614.3401">
... This is where your CSS and Javascript goes (if any) ...
</head>
<body + your page settings – text color, background color, margins, etc.>
........then follows the content of your page....

Of course, after adding this block you need to adjust the Title, Description and Keywords to your own website. Also, do not forget to delete the beginning part of your document that was in the place of a new block (down to the tag) before you changed the file. Below we provide you with description of META tags which are added to your page:

  1. "<!DOCTYPE HTML PUBLIC..." – used for informational purposes, this tag defines the HTML version that was used to create current page. Here we see a new version – 4.0, which you can change if your version is older. "EN" defines the page's language – English. We will see more documents which also define the file's language. Note that if you compose your site in another language, you will need to change "EN" to the approved abbreviation of your language.

  2. "<title></title>" – here you specify the title of the page. This element is displayed in the title line of the browser window.

  3. "http-equiv=Content-Type content="text/html" – this text indicates that the content of the document is an HTML file.

  4. "charset=iso-8859-1" – indicates encoding of the document. If you create your website in another language, you need to replace "iso-8859-1" into the type used by you.

  5. "http-equiv=Content-Language content="en" – is another indicator of file's language. This parameter should also be adjusted if you construct your website in a different language.

  6. "http-equiv=Resource-Type content="document" – defines the type of web page, which is a document. This tag is a formality since document is the only type for a web page right now.

  7. "http-equiv="Distribution" – defines document's distribution zone. "Global" means that the document is for distribution in all countries.

  8. "name="distribution" – acts the same as "http-equiv=Distribution"

  9. "name="language" – acts the same as "http-equiv=Content-Language"

  10. "name="robots" content="index,follow" – allows search engines to index your page (add it to their database) and follow from one link to another.

  11. "name="description" / name="keywords" – these are your description and keywords tags, which are meant for search engines. We recommend that you do not fill these tags with any words if you do not know correct way of doing it. Please read our articles on working with search engines, and you will find answers to these questions.

  12. "name="GENERATOR" – is a service tag which is inserted by most HTML-editors. You should leave it where it is without changing.

  13. <body> – this is where your page settings are defined – text color, background color, margins, Javascript initiation, etc. If you don't know the syntax of this tag it is better to copy and paste the BODY tag created by your HTML-editor.