Make a good website it should pay attention to what points

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

How to make the site more excellent, more suitable for the standard and have a good user experience, this is a lot of Web page production personnel are faced with the problem, but also we all want to know things, netgather webmaster in the long-term practice of the end of the work of the following points, hope to bring help to everyone, the deficiencies please criticize.

1. Understand the theme of the site, clear the content of the site and most of the audience

Want to build a website, and is a useful site for users, should first consider the content of the site and site functions, what users need? How quickly and conveniently do they find what they want? As a web designer, it should be done around this area throughout the design. If users don't get what they want quickly, or if your site isn't easy to operate, the site is a failure. Users will be disappointed and may never log on to your site again. A small example: if you want to do a stock site, but the font size of the site is 12px words, you think, now retired elderly people, the number of stocks is not a small number, even if your site content is good again brilliant, they can not hold a magnifying glass to see your website, The result is that you've lost a large number of users.

2. Reasonable color Matching

For a web designer, the process of design is painful is also happy, clear to do what kind of site, to the theme more reasonable embodiment will go through a process of color selection and typesetting. Personally, if not to do a personalized web site, then color matching is not a difficult task. First, clear the main color. In fact, the color of the industry is not very heavy, but people's perception of an industry has caused the industry and color collocation of the association, such as to do a home site, of course, can not be red, why? In fact, rooted in the perception of people, because we all think that red is a kind of festive color, and therefore with the pavilion does not match. Like blue generally used in technology or technology sites better, pink used in the feminine aspects of the site better. Second, auxiliary color and eye-color, a website subject color recognition, but also to complement the color and eye-color, auxiliary color more use the same color collocation and adjacent color matching. The same color collocation is based on the main color to change its transparency, saturation, fade or deepen the page, adjacent color matching is the main color to take color ring adjacent color, such as red and orange. Focus color general and main color difference is larger, generally used in the Web page more important content or button, its role is to attract the user's view, clear Web page to the fatigue of visual, focus color reasonable use, avoid too many appearance, otherwise it will backfire.

3. Good Web layout

Page layout should grasp the elements are primary and secondary, coordination and tidy, respect for the user's visual habits, reasonable according to the contents of the row. Show what the user wants as first as possible, while paying attention to potential user behavior. As the saying goes: good memory is not as bad as writing, in the design of a website interface, we should first sketch the site with a pencil layout, to achieve the desired effect and then use cartography software to make and modify. Details determine success or failure, in the design effect diagram, as far as possible with a large color block, highlighting navigation, plate clear, in order to achieve clean neat and tidy coordination effect. For example, the navigation bar appropriate to add mouse effect, web lines to avoid too much color difference; The silhouette shadow is not too obvious, is not the best; appropriate illustrations; the space between the pages is reasonable and uniform; the same level of text style is uniform; respect for the physical properties of everyday life achieve realistic results As a ribbon around an object, the turning point should be slightly prominent and have a subtle rounded shadow.

When the page effect drawing is confirmed, we will begin to make the HTML page.

4. Web page title and meta

Page title and meta should not be with the root column and content page, do not use a whole station form, keywords can not add, to search engine function is not big, head label to avoid the keyword heap cut.

Use of 5.H1-H6 labels

A Web page H1 label can only be used once. In a website's homepage, the Channel page, the list page, the H1 label may use separately for the website name, the channel name, the column list name, but in a website article detail page, H1 label must use in the article title. H2-H6 tags can be reused on one page, followed by the site hierarchy.

6.CSS file

Try to import CSS files from the outside with link, write a reset.css CSS style that you often use. Avoid using *{}. A style written on one line, reduce the size of the file, can use class definition as much as possible to reduce the definition of the ID, as far as possible to avoid the use of different browsers for CSS hack skills, million.

7. Background Map optimization

In addition to the actual content of the site outside the framework used in the picture, as far as possible defined in the CSS file, according to the actual, as far as possible to merge the background map to improve loading speed. It is best not to make a very small picture tile a larger range.

8.DIV+CSS layout, reducing page nesting

The purpose of using div layout is to reduce the page code, so that the structure of the website is structured and the content can be separated from the form of expression. Reduced nesting not only for search engine friendly, but also to reduce the page size more convenient for later maintenance changes.

9. Optimize Page JS

Can merge JS files into one, reduce the large-scale cycle and excessive level of reference, improve loading and running speed.

10. Avoid dead links and empty connections

For users, it would be frustrating to click on an article they want to open, "the page cannot be displayed."

11. Appropriate text and graphics and Mao

Do not deliberately fill your site with pictures, search engines In addition to get the ALT attribute, they do not know the picture. Adding pictures in the right place helps to attract visitors and eliminates the fatigue of reading large texts.

12. Web page Picture Requirements

Page picture plus ALT attributes and wide-high properties, do not deliberately compress the picture to ensure that the picture is not distorted.

13. Test your site in different browsers.

To allow more people to view your site normally, test your page with different mainstream browsers to make sure your site is working.

14. Through the certification of the consortium.

Http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri