What are the characteristics of rational web design?

According to Google's latest algorithm rules, user behavior patterns are becoming more and more important, which requires that you pay attention to the "reasonable webpage structure" during webpage design ", the SEO industry also has a consensus that "webpage design first faces visitors and then search engines ".

Fenglin was lucky to have read the valid Web Design written by Tasneem rangoonwala. the literal translation is "effective web design", and the exact point should be translated into "rational web design ".

Tasneem rangoonwala should pay attention to the issues of web page design in a very detailed manner. It refers to the issues that should be paid attention to in terms of the structure, color matching, text, image design, and link status of the web page.

Feng Lin elaborated on "rational Webpage Design" from the front:

How can we determine whether the webpage structure is reasonable?

As mentioned above: A: Most visitors are more accessible and more acceptable. B: a good search engine structure is reasonable.

Fenglin believes that what needs to be done to achieve reasonable webpage design is:

1. Website Positioning

Website positioning is very important. Website positioning means that you need to have a goal before you start the website. Your Website is mainly targeted at the customer groups and the age groups, this directly determines the structure of the following website.

2. Reasonable Structure

The rationality of the structure directly determines the customer's experience on the site. The details can be divided into: navigation bar objective design, Image Layout, column arrangement, and text highlighting position.

You can conduct a column survey on your site to solicit comments from netizens. The layout of different types of sites is also not the same. All industry sites have their own rules, visitors in specific industries also have different access habits, so it is necessary to conduct industry surveys.

3. Program Selection

This is mainly for the search engine. Generally, users will not notice what programs your website uses. The search engine's habits should be as friendly as possible to the program structure of the search engine.

At present, the popular design program is XHTML + CSS or Div + CSS, many companies and individuals have made new choices for website design programs to adapt to the trend. Of course, Web2.0 has its own background: advocating people-oriented, comprehensive and humanized ideas.

Note that this is not absolute. Since HTML has a table tag, it has the value of its existence, but the DIV design can be a little simpler than the table program structure, coupled with CSS packaging, this accelerates the download speed and enhances the user experience.

4. Use of images, Flash, and frameworks

This is an old topic. Many people do not want to use it unless they try to use it. However, fenglin believes that there is a need for images, Flash, and frameworks.

If you use less or do not use these originals, you only need to consider the search engine and not the visitors. From the perspective of visitors, they do not like pure text pages, when they enter a page, they want to experience the "fun" of the station. This entertainment station is even more experienced.

Tasneem rangoonwala also said too much text is boring. fenglin himself does not like plain text pages. Such pages are very slow to visitors, but it can be said that they are good for search engine 100%, I think this is also the reason why seoer is unwilling to use images on the homepage or inner pages of his blog. They are more concerned with the search engine, and there is no evidence of art in these blog opportunities, I remember that I saw a reader's article in dianshi Forum saying: Baidu prefers beautiful pages.

Feng Lin made a guess: Does Baidu think that the plain text and multi-link pages are intentionally made by the factors? What about these pages for Baidu?

If this conjecture is correct, it is not difficult to explain which blog posts have been written by Baidu. You can check out that there is a picture on your page. This is not important at all, what's important is the percentage of these components in the entire site? Do you think this is a normal webpage?

Fenglin believes that these webpage elements should not be avoided, or they will not starve the artist to death. What we can do is to optimize these elements, such as slice compression and ALT, which are familiar to many people.

5. Deployment of keywords

Keyword deployment is also considered from the search engine perspective. However, reasonable keyword deployment is also beneficial to visitors, they can quickly understand the meaning of the webpage through keywords at some locations.

In this way, the keyword at the top of the article is particularly important, just like some newspapers and periodicals, Feng Lin believes: add some summaries or introductions to the headers of some articles, add keywords of proper density to these summaries or introductions (for Google, it is reasonable to include 100-2 keywords per 1.5 words) it is important for visitors or search engines.

Do not think that the keyword deployment is actually done after the website is completed. At that time, you will have to spend more than the current cost.

6. navigation bar Design

The navigation bar does not have a fixed deployment location, so it is easy for the customer to find it. The navigation bar can be left and right on the top. Note that the structure should be clear and the layers should not be too many. This should be taken into account, fenglin believes that it is reasonable for a visitor to enter the page and find the desired content at a distance not greater than 3. Do not arrange the click distance.

Some seoer think that the shorter the click distance, the better, so they will try every means to modify the design and utilization, such as using Level 2 domain names and rewrite to shorten the path as much as possible, fenglin believes that this is not a great benefit to the station. Take the Z-blog used by many seoer for example, the default webpage files are stored under the Post directory. First, the classification is chaotic, and second, this structure may be regarded as cheating by search engines, the downgrading or website blocking process, especially for websites with a lot of content, has a large number of such short-path pages and is all in one directory, which is of no benefit to their sites.

7. Website bottom Processing

When writing an article, we should also pay attention to the head and tail of a tiger. Fenglin believes that this idea can be applied to web design. Fenglin is very reluctant to make the bottom file Js for calling. In this way, your keywords will lose more opportunities to be displayed in the search engine. Some seoer thinks that the search engine spider crawls the top 100 links in the page at most, feng Lin believes that this statement is a bit one-sided. More people may think that the crawling habits of robots are top-down. Feng Lin wants to talk about the copyright and filing information of the bottom website, the bottom has a certain priority.

It can be said that some website copyright information, contact information, and filing information are all placed at the bottom, and robots will not turn a blind eye to it,

According to Fenglin's observation, adding appropriate keywords at the bottom is more effective than keywords in the center of the website. These keywords are often fixed, that is, the bottom information of the website appears on each page.

For example, fenglin does not guarantee the general applicability of this method, but Fenglin believes that his eyes are for reference only:

Http://hiphotos.baidu.com/seozone/pic/item/9952b5006f4af887e850cd41.jpg

The figure shows Fenglin's Seo blog. Search Baidu for "Fenglin" to see it. Then, go to the blog and check the deployment location of the keyword, the first "Fenglin" is displayed on the blog content page named "SEO network Soho". The second "Fenglin" is me, but in order to promote my resume, intentionally added at the bottom of the SEO blog. Of course there are other cases, which will not be listed here. The above points are purely my opinion of Fenglin. Due to the limited level, errors and unreasonable points are inevitable. Please forgive me.

# Html/XHTML/XML Column