How to design a Web site that combines user experience and search engine friendliness

After a long period of development and change, the Internet's basic industry now has slowly entered the rational development track, especially today in search engines more and more control of people's information search, good user experience and good search engine rankings throughout the site is the focus of the construction process is to consider the direction.

Web design from the past in the blind and fashionable state, and now the user-oriented transformation and search engine is irreversible trend. Adapt to search engines, or search engine friendly, are emphasizing the importance of search engines on the site-no search engines, where to visitors? The user experience, or to improve the amount of access, or to enhance the depth of the page, this search engine and user adaptability as the main site design of the new concept, It has become a new trend through the testing of many successful websites.

　　

So how to take into account the search engine ranking algorithm, but also improve the good user experience that? Web design should consider the SEO factors? The following several as Web designers have to pay attention to.

1, the code is streamlined, the layout is clear and smooth.

Search engines do not like a large number of redundant code, as far as possible with a small amount of code to complete the same function is a guiding standard, such as table to the div layout of the transformation, the refinement of CSS code, in the use of div layout is as little as possible to reduce the div layer nesting, such as these

At the same time the layout of the page without confusion, in the beginning to do the Web page static before the entire page of the layer structure has a clear plan, the use of a reasonable div structure to the static end of the page is kingly. Reference standard: Generally speaking, the page size should not exceed 125K.

2, JS script, CSS script external call processing.

In the process of static some sites need to use JavaScript and CSS style and so unified into the corresponding JS file, CSS file to do external external calls, generally do not write the code directly in the Web page, so that you can maximize the reduction of page code volume, More conducive to Web page loading speed is also conducive to search engine spiders crawl! At the same time, in the merge JS code as long as not JS file too large, to minimize the number of script files, this is a rule!

3, eye-catching and clear navigation system

Navigation for the search engine is important, the site's leading navigation and secondary navigation is generally the whole station, so the navigation should be as clear as possible, clear to really play the role of navigation.

On the other hand, when handling navigation as far as possible to use text to do navigation, as far as possible to avoid using pictures or flash, if you must use the picture must be added alt attribute. Flash is as far as possible, although the performance of Flash is particularly good, but the current search engine is still unable to read the Flash file, this is a typical user experience and neglect of the search engine friendly degree.

4, picture and a link tag plus attributes

Now the search engine also can not read the picture information, so in the design of static pages should pay attention to all pictures plus Alt description attribute, search engine is able to crawl to the image of the ALT attribute. Both the Alt attribute of the picture and the A tag plus title attribute are consistent with the international standards of the consortium and can help users navigate.

In the design of some column title class is special to pay attention to, these are the search engine plays an important role in the place, as far as possible to reduce the use of pictures and special fonts, these places will not seriously affect the user experience degree also take into account the search engine crawl!

5, page title and other information to complete

In the static design diagram of each page we change the title, keyword (keywords), description (description) and so on should be perfect and in the process of processing should pay attention to synchronization of the difference update. The designer completes the template in the procedure processing must be related with the page content!

6, the use of HTML tags should be reasonable

Proficient in the CSS operation of the art often to the same performance effect to use any kind of HTML tags can be achieved, such as the title, with H1 and span tags can achieve the same effect will not affect the user experience, but the search engine is a world of difference. For search engines, the H1-H6 tag is the most important thing to judge which is the secondary reference.

In general, a page can only use one H1 tag, can use multiple H2 and H3 tags to indicate the level of content and description of similar content areas, H4-H6 tags can be ignored.

7, the page layout structure should be reasonable

This is mainly a few trivial considerations, do a good job can be the user side directly to find content and search Spider row (PS: These are so-called station optimization).

1) bread crumbs type navigation;

2 The structure of tree-like flat;

3 Set up the previous article, the next article;

4 According to the article set the key words "related articles" column and so on.

8, the directory of the site column

In the static time should pay attention to the site column catalog processing, simple is to different columns to set different directories, is the site in the physical structure to maintain a clear hierarchy, such as a simple enterprise station: News Center, Product center, online services, etc. can be in the site and directory to set news, products, Services directory to store the section of the Channel page, column page, Terminal page these. At the same time in the Directory division is as far as possible not more than three times, this can shorten the URL address to the length, or use static URL or pseudo static all line!

In short, the above is listed in the web design when some should pay attention to matters, do these basically can be in the Web site construction and static page when the user experience and search engine friendliness of these do the best balance, can be described as "fish and Bear Bear" of the lift.

This article has the Zhengzhou website construction Company (http://www.371518.cn) original start, reprint please indicate: http://www.371518.cn/article/show/70.aspx