This page has been robot translated, sorry for typos if any. Original content here.

Site pages analysis

After designing a unified page, it is carefully analyzed . The fact is that when a developer finds an inaccuracy or plans to make any improvement at a later stage of creating the site, the process rolls back to the very beginning.

To perfect the perfection of this stage of development, you still need a lot of practice, but these basic methods of analysis are useful to you:

  • Check the page on various browsers . Although the statistics of many search sites indicate that about 90% of visitors prefer MSIE browser, you still do not have to write off the remaining 10% - this is a very large audience.
  • Check on various screen expansion modes.
  • Source code analysis.
  • Link analysis.

Let's now dwell on each of them in more detail.

Browsers and standards proposed by the W3C HTML standards are an actual topic today. The fact is that browser developers seeking to contribute to the development of the HTML language often create their own elements (tags, attributes) that are incompatible with other browsers. This is more often a DHTML language. Therefore, if you develop a navigation menu based on this language, take this very seriously, otherwise your website in another browser will be paralyzed.

In other cases, the losses look less noticeable. In the popular browsers MSIE 6 , Opera 7.x / 8.x, Mozilla 1.7 and Netscape 7.1 (namely, you are invited to perform tests on them), the attitude to the HTML language is not so fundamental. Common HTML editors , such as Macromedia Dreamweaver MX or Microsoft Front Page, have built-in tools for solving such problems (all errors will be highlighted) at the first page creation stage.

As for cascading style sheets , the Netscape browser developers have proposed many new CSS elements that are not supported by other browsers.

Pages are scanned in various screen resolution modes in order to establish errors in the compilation of tables (indicating the width and height). If the positioning method has been applied, the result will be visible in different ways . Do not neglect such a check. Although the majority use the 800x600 extension, but with the growth of modern equipment , the number of users with a high resolution is constantly increasing .

Source Code Analysis

The HTML source code includes everything that is in the <HEAD> container. This is a vital part of the site. It is her browsing the search engines , ignoring the beautiful pictures, the magnificent navigation bar and all the other artfully designed elements of the web page itself. Let's get serious about source code research .

At the very beginning of the document its type is indicated. Example:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 document_type // EN"

By type they are:

  • strict (exact) - do not contain tags and attributes that are considered undesirable by the W3C consortium.
  • transitional (transitional) - may contain unwanted tags and attributes.
  • frameset (frame) - can contain both unwanted elements and frames.

This information will provide any HTML-editor . You only need to make adjustments if necessary.

The <TITLE> tag should be excluded from the template. It carries the name of the page, which is most often unique to each of them. On the other hand, it will not interfere . Only after the completion of the revision should be made to the title of the page, which will have the form of simple , attractive and at the same time understandable to read phrases or words.

The <META> tag has universal use. It serves to provide search engines with keywords or phrases, page encoding , copyright information , reload, and page redirection . as well as in the HTML 4.01 specification allows you to specify the date of creation of the document.

If you have to make up a few dozen or hundreds of pages, then it is obviously better to unify everything in the source code, except for page redirection. The latter is used as desired .

The NAME attribute on the <META> tag indicates informational information for search engines. The value "keywords" indicates that keywords will be used, and the CONTENT attribute lists the last. It is for these words, visitors through the "search engines" will find your site. Keywords must be entered separated by commas and they must correspond to the subject of the site. In doing so, you need to learn how to put the selected keywords into your Web pages. It may be necessary to correct words in different pages, depending on their content.

The same principle is used to compile a code with values:

  • Description - a summary of the site. It will be later shown in the search results "search engines"
  • Author - an indication of the name of the author.
  • Generator - index of the name of the HTML editor with which the page was compiled.
  • Copyright - copyright information.

Example of writing source code:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"
<META NAME = "Generator" CONTENT = "Ace HTML 6 Pro">
<TITLE> Video </ TITLE>
<META http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<META NAME = "Author" CONTENT = "VideoService LLC">
<META NAME = "Keywords" CONTENT = "CD, DVD, videotapes, mail, action, comedy, mysticism>
<META NAME = "Description" CONTENT = "The widest selection of films. Lowest prices.>

Link Analysis

Check again how you posted the links . They should somehow stand out from the main content and be constantly under your control. When composing the pages avoid the "dead" links. Dangling links create impressions for your visitors that the site is served carelessly and rarely.

Use links more often , because they are the basis of Web-surfing. But they should be in reasonable quantity .

When embedding references in text, they must be inextricably linked in meaning to the text itself. Different calls for "Look here" or "Click here!" distract from reading any information.

Well, the most important link should be transparent , that is, the site visitor understood where he would go.