Tips for Webmasters - Top 100 +

Tips for Webmasters - they are all short and with the intent!

 

Theory and practice of navigation on the site

Rule: Use simple and memorable URL, to improve navigation.

Rule: Do not hide URL - it is complex or simple - unless you do not want people could not be invoked directly.

The rule: Use a consistent and clear labels that distinguish one page to another.

Rule: Words such as names of institutions or logo must always return the visitor to the home page.

Proposal: state of the buttons should be considered as an additional form of tag pages.Button pressed down must always be depressed, but not convex.

Suggestion: If you use color markings to indicate the location on the site, be sure to use the colors are very different from each other.

Suggestion: Do not attempt to repeat the history mechanism to link the browser.

Rule: Stay away from options, simply titled "Back". Always explicitly specify where you want to read the feedback.

Rule: Avoid creating pages that can not go back using the browser button "back".

Suggestion: Do not hide the selected address from the visitor, unless the link is unimportant or does not create interference.

Suggestion: Do not place the main navigation at the right edge of the screen.

Suggestion: The main page or other pages, references must use the central navigation to differ from other pages.

Rule: stay navigation should be kept within the page layout.

Rule: Navigation should be constant, and page elements should be in the same order.

Proposal: Targeting the navigation pages should be placed vertically on one screen whenever possible, the same must hold for the main navigation in all other types of pages.

Suggestion: Minimize the distance between the main navigation buttons to your site and "Back" button.

Suggestion: Always try to limit the movement of the mouse between the successive elements of navigation.

Suggestion: Do not use frames to create the page structure. Use it for navigation.

Suggestion: If you use frames, make a smaller frame control large.

Suggestion: Do not unplug the possibility of changing the size of the frame and scrolling, unless permission is not picked up very well.

Rule: The maximum limit the scrolling and mouse movements necessary for navigation.

Rule: A visitor should not make more than three clicks from page to page to find information.

 

Links: Text, Buttons, Icons and Graphics

Suggestion: Always create text links at the bottom of pages when using long pages or pages with graphical buttons.

Suggestion: When using the images (image maps), always provides an additional text navigation.

Rule: Do not completely remove the indication of visited links.

Rule: Do not change the color options.

Rule: Avoid stress the text, not a reference. Instead, use italics or bold.

Suggestion: Do not turn off underlining. If you do this, then think of another form of tagging.

Suggestion: Graphical buttons should have a minimum of unselected and selected state.The state with the induced mouse button pressed and should be considered separately.

Proposal: Provide well-marked, indicating the format of the document. Use the icons to show it.

Proposal: Indicates whether the link leads to a transition within the page within the site, or on another site. Do not hide the URL, the visitor can get from him the answer to this question.

Suggestion: Specify the external link, showing the URL or use the icon. Specify the file size, which offers downloadable.

Suggestion: Use the icons or symbols, or dialogue warning before the link.

Suggestion: Do not change the color of visited links.

Proposal: Add date of last modification of the document and, where necessary, use the icon New.

Suggestion: Use a warning or obvious notation.

Suggestion: If you use messages in the status bar provides information about the URL for external references.

Rule: Invalid links should be regarded as a catastrophe.

Suggestion: Avoid automatic redirection error 404.

 

Search and Design

Rule: Use the experience of visitors of the work with search engines. Use the same location and designation as a means of local search on the computer, but avoid emulate search engines with well-known sites.

Rule: Do not design the page exclusively in order to attract search engines. Ultimately, the pages are designed for people.

Rule: If a site consists of identically processed data, difficult to find, or contains more than 100 pages, create search engine on the site.

Rule: If you want visitors to return frequently to your site, provide search tools on the site.

Suggestion: If your site has a search engine, turn on the search button on every page.

Rule: The Search form, as well as on SERPs, shall comply with the site design.

Rule: The search form should correspond to the content that a visitor can search the site.

Suggestion: The main text field of the search form should be twice as much extra.

Suggestion: It is better to limit your search topic, category, or idea than the site section.

Rule: Advanced search mechanisms should have instructions for use and examples.

Rule: the search results page should provide the visitor as much information so it can decide which pages to look further.

Rule: The format of search results must include the return of search engine data.

Rule: The page talking about the negative result of the search should include information about why the request failed, and perhaps how to fix the query.

 

Page Types and Templates

Rule: Choose a page size so that their content was always close at hand.

Rule: Avoid large pages, especially with horizontal scrolling.

Rule: Try to place the important elements, such as the main navigation bar on the first screen.

Suggestion: Determine what is placed in a visible on the screen of the page, and try to hint at the content of the page outside of the first screen.

Rule: If possible, avoid the limit of allowed sites.

Rule: When creating pages for WebTV, create multiple pages with a rigid structure of width 544 pixels.

Suggestion: When you create a design for a certain size screen, leave the free, 10 percent of available space.

Proposal: Allow visitors to stretch and fold the page. Do not make the page, filling all available space at any screen resolution, only if the structure will not be lost without an increase in size.

Suggestion: If you are using fixed width pages, align the contents of the center, to reduce the perception of empty space on large displays.

Suggestion: Do not use the sprawling structure with a small amount of content.

Suggestion: If possible, try to accommodate the content of a page within 3-5 screens vertically.

Proposal: Manage Fields page with a certain coefficient.

Suggestion: Provide a clear link so you can quickly skip the splash page.

Rule: The main page should set the visual tone and navigating the site.

Rule: The main page should load quickly, but be interesting enough to attract visitors.

Rule: The main page should clearly indicate the content of the site.

Proposal: The main page should provide basic information about the site and information about the changes on the site.

Suggestion: If a separate page is important or is the beginning of the section, then select it visually.

Rule: These pages should follow the style and navigation system of the home page, at least in spirit.

Suggestion: Make FREQUENTLY ASKED QUESTIONS easy one printed page, if they have a reasonable length.

Suggestion: Provide a link to return to the beginning of a document or list of questions after each response.

Suggestion: Consult with a professional to draw up or check any used legal terms.

Suggestion: Point out the pages of the last modification date.

Rule: If your site collects personal information, provide easily accessible, understandable terms and conditions of confidentiality.

Rule: Full contact information should be available via a link from any page, e-mail address must be included in every page.

Proposal: to warn visitors that the printed page will be different from that seen on the screen, or specify the print version.

Suggestion: Use the PDF-files for complex duly information that must be clearly printed, such as spreadsheets, technical drawings, and complex financial and mathematical information.

Suggestion: Point out PDF-files with text and icons, and provide information on the use of this file.

Rule: Create a final page for each section.

Proposal: Provide a link to return to the main page of the site from the page output.

Rule of thumb: hold visitors with the world. Avoid phrases like "please do not go" or pop-ups.

Suggestion: If you use a text design, provides the navigation bar on a par with contextual ssykami.

Suggestion: Consider using a text design for the site, where the speed of downloading or viewing flexibility have the highest priority.

Suggestion: Avoid using metaphorical design sites for experienced users or for heavily visited.

Suggestion: Avoid non-traditional interfaces on frequently visited sites.

Suggestion: Use headers and footers for sites aimed at providing large amounts of information.

Rule: In the web design always strives to be consistent, but the original.

 

Text

Rule: Increase the size of the text to improve its readability.

Proposal: Create a hierarchy of types, changing the text color, size, style and position to improve the readability of the page.

Rule: Some details in the design of the site can strongly influence its perception.

Suggestion: Do not use anti-aliasing in the inscriptions made by the fine print.

Suggestion: Use the three fonts in the design of the page: one for headers, one for the main text, and one for navigation.

Rule: The text in columns of text on Web pages should never be transported from the bottom of one column on top of another.

Rule: Navigation page page require less space in the text, as page information.

Suggestion: Be careful about using words that have alternative values in the network.

 

Colors, Pictures and Backgrounds

Rule: To color was reproduced accurately, always use its hexadecimal value unless the basic colors: white, black, red, and so on.

Proposal: To safely use more than 216 colors, use so-called hybrid colors.

Offer: Because of the poor browser compatibility avoid using the tag <BASEFONT> to install the font in the document - especially if you are working with flowers.

Rule: Always store the image in a separate directory.

Rule: Call images meaningful names, grouping them on purpose.

Rule: You can not use the tag <IMG> no attribute SRC.

Proposal: The text of the ALT attribute should increase the value of important images, if the image does not carry significant meaning, it is better to leave it blank than clutter up the page with unnecessary prompts ..

Rule: Always use the WIDTH and HEIGHT attributes in the tag <IMG>.

Rule: Never use the WIDTH and HEIGHT attributes to resize the image in HTML. If you need an image of smaller size, create a smaller version.

Rule: Always install BORDER attribute to zero, unless you have no reason to do otherwise, and remember that the images inside links without zero BORDER attribute will default to have a colored border.

Proposal: Limit JPEG and GIF up until the rest will not be common systems.

Suggestion: Do not rely solely on the color of links and information graphics.

Rule: When you create a page layout with sliced images placed in a table, make sure that the attributes WIDTH and HEIGHT in the images and table cells are the same.

Rule: For the correct location of sliced images in table cells set the attributes table CELLPADDING and CELLSPACING zero.

Suggestion: Do not make the background image is very small (eg 1-2 pixels), as this can irritate the eyes.

 

If you can guarantee that your site follows all these rules and proposals, it will be a success, and your visitors will appreciate good design.