Web page, website optimization

Web site optimization Talk about the optimization of the Web page of the problem many people do not have any concept, there are many industry people do not know about the optimization of Web pages or very little. Talking about the optimization of the Web page, I once went to the major search engines to search for "Web optimization" a class of topics, the results are introduced how to optimize the search engine rankings, in fact, this is just an integral part of the concept of optimization, and the optimization of the Web page is composed of many aspects of optimization As an excellent web optimization staff must have a wide range of knowledge, not only to master the Web design and production technology (including Web site architecture design, web design and production of page writing code, etc.), but also have a lot of computer knowledge of other aspects (including E-commerce, human-computer interaction, Ease of use and related software knowledge, etc.); even need to master psychology, business operation and other related knowledge.

I think the optimization of web pages should be made up of two aspects: 1. Technical optimization, 2. Humanistic optimization (This classification is just my summary, no one has given a specific definition). Technical optimization refers to the code optimization, directory structure optimization and search engine optimization for the technical aspects of the optimization work, is generally invisible but will give users a lot of convenience will also bring greater benefits to the site, Technology optimization has a certain pattern and need to optimize the things are also relatively fixed relative simplicity is only a matter of time; Humanistic optimization refers to the optimization of the user's usage, such as interactive optimization, usability optimization, and so on, which is what the website users can see and touch. Human optimization is the most difficult to spend because we have to guess the user's psychology. Let me explain the two aspects separately.

1. Technical optimization:

Technical optimization is divided into three parts: code optimization, directory structure optimization and search engine optimization. This part of the optimization is mainly by the site developers to test the proposed solution, and there are certain rules, so relatively simple some is only a matter of time.

(1) code optimization:

The main problem that

    code optimization solves is the speed and adaptability of page browsing. Text and pictures are the two main factors that make up the page, so our optimization starts with text and pictures. Text we are in the production of the page is basically defined by the general use of the Arial and 12px, with the code of the standardized font style size and so on to specify should use CSS style sheet to complete, and now widely used < H1 >

If a large table contains a lot of small table, then the browser will read the whole large table to show the entire content. We are browsing some of the pages of the time will often appear in the page will be displayed, and finally can not wait to press the "Stop" button, the page is displayed at once, this is a small table outside the nesting of a large table, And the small table has been read is not finished reading the entire table browser will not be displayed, this will greatly slow down the page browsing speed. So we should try to reduce the table level, try to avoid some small table nesting in the middle of the large table. It should also be noted that when you use Dreamweaver to make a Web page often appear a lot of garbage code, pay attention to check the deletion of some unused code. Web page adaptability is the ability to adapt to different systems, different browsers, and different resolutions. To be aware of the resolution, should be minimal care to 800x600 users (resolution 800x600 display size 780x428, resolution 1024x768 display size 1007x600), so the page widest not more than 780, must not allow users to drag the page horizontally.

If a large table contains a lot of small table, then the browser will read the whole large table to show the entire content. We are browsing some of the pages of the time will often appear in the page will be displayed, and finally can not wait to press the "Stop" button, the page is displayed at once, this is a small table outside the nesting of a large table, And the small table has been read is not finished reading the entire table browser will not be displayed, this will greatly slow down the page browsing speed. So we should try to reduce the table level, try to avoid some small table nesting in the middle of the large table. It should also be noted that when you use Dreamweaver to make a Web page often appear a lot of garbage code, pay attention to check the deletion of some unused code. Web page adaptability is the ability to adapt to different systems, different browsers, and different resolutions. To be aware of the resolution, should be minimal care to 800x600 users (resolution 800x600 display size 780x428, resolution 1024x768 display size 1007x600), so the page widest not more than 780, must not allow users to drag the page horizontally.

(2) directory structure optimization:

Now many sites are scattered all the pages in the same folder without classification, this can be done although it will be in the future maintenance and other work brought great trouble. I suggest that it should be a large folder, including the various channels of folders, Web page Pictures folder, Web content Pictures folder, and so on a separate category of folders, so that in the maintenance time can easily find the specific location of each page.

(3) For search engine optimization:

Search Engine optimization is a kind of optimization project that many people know, and it is also an essential step for the complete optimization work.

"keywords" in the search engine this topic is a core word, almost all of the search engine optimization problems are around the "keyword" launched. There are a lot of people blindly pursuit in the Web page everywhere embodies the keyword, feel that this will be more easily searched by search engines, in fact, this does not necessarily fit. For example, the popular "Ghost Shadow", the method is to use the same color as the background of the page in the page hidden a lot of keywords, many people are still using this method, but as the search engine function more and more powerful this method has not so good, and even counterproductive. "Keyword" embodiment should be reasonable, such as we can make a "website navigation" page, the site navigation page will vividly reflect the various keywords, this page not only user-friendly users will also be easier to be found by search engines to play a multiplier effect.

With the search engine has a picture search function, the page inside the picture is also a good place to embody the keyword, in the page to add a picture after don't forget to give the picture a "name" (such as:< IMG src= "http://edu.cnzz.cn/NewsInfo/ Images.gif "width=" height= "border=0 alt=" picture name >) We can give the name of the picture to be the keyword. The domain name contains keywords is also very important, but not too much, generally one or two of the most important can be, if too much will affect the site in search engine rankings and inconvenient user memory. The name of the child page is the same, now many of the site's sub-page name is the keyword stack, in fact, this will reduce the occurrence of each keyword probability, the results of each keyword has been a discount or even ignored the opposite.

In the name of the sub-page also has a lot of knowledge, several keywords constitute the name of the child page, but these few keywords with what connection? If you break keywords with delimiters then the search engine doesn't think they're one word and when they're a word processing, but some of the separator search engine also recognized, such as "_" and "-" in Google underlined "_" is not accepted, so we recommend the use of "-" and spaces (Space code:%20), generally all search engines will accept. Do not use Chinese to name the page, page name, picture name and so on should be in English letters (such as: "Home page. html" or "picture. gif" must be written "index.htm" "Image.gif" and so on).

Now many web pages although very good-looking but not practical, we take now very popular jump page to say it! Now a lot of corporate websites are popular to do a jump page, or a dynamic flash or a beautiful picture, they think it is very beautiful especially to reflect the company's image, in fact, they do not know how to do this very impact search engines searching your site.

2. Humanistic optimization:

Humanistic optimization is mainly about interaction, usability and website performance optimization. I once read a book that was written by Steve Krueger, the famous American Master of optimization, and the first principle of effectiveness optimization He admired was "don't let me get my brain." Maybe this concept seems to be a bit of a clue. No, I was a little dizzy when I first touched it, and it was very difficult to do that. The concept of "Don't let me move my brain" has a different concept in people, which goes back to the phrase "human optimization is the most difficult because we have to guess the psychology of the user." People are different from each other because there are cultural differences in the geographical difference of life, or because the education experience is different from the difference of understanding the problem, or the difference between personal views and habits and so there are all kinds of differences, We have to make it easy for everyone to understand that our site can use the site to achieve what he wants to achieve this is simply too difficult, and the humanities optimization to do is to make these differences into unity.

Each website will have different purposes, there are e-commerce sites, corporate display sites, personal sites and so on. Now we have the most need for humanistic optimization of E-commerce type Web site for example to study the general process of human optimization. E-commerce website This concept is very clear, is to reflect the business, can be online shopping, can be on-line ticketing, can be the online trading platform, in short, to enable users to achieve business goals on the network. Now E-commerce sites generally have two parts of business-to-business (merchant to merchant), consumer (merchant to ordinary fragmented users), the business is the highest level of E-commerce website design, if you can make a successful business web site so what other companies to show the site or business-to-business business sites and so on is nothing, The reason is also very simple, because the above mentioned the difference between people and people. E-commerce website has a very important indicator is "conversion rate" (that is, the Internet browsing the Web browser to change to the customer ratio). This concept is that we measure the success of an E-commerce site is an important indicator, he also plays an important role in the process of optimization. Introduce some related concepts of e-commerce we get to the point, when we want to optimize the site, we quickly completed the technical optimization, because the technical optimization has specific steps to optimize the project is also relatively fixed and according to.

But many people do not know how to start the humanities optimization, in fact, is very simple that is "trial", the general trial will be divided into two parts: first of all we will try to own a site has a general understanding, and then we need to find some ordinary users for trial, We will not give any hints during the trial of ordinary users just observe their steps silently to record the process of each step and the time to understand some of their ideas. After "trial" we can analyze the part that needs to be modified according to the result of the test. Remember that in the trial process we must not give the tested users any hints to try not to disturb them. Said back to the above "Don't Let me Move brain" this concept, in fact, this sentence to express a meaning is "simple", the use of a simple E-commerce site is the basis for success. "Simple" purposes we need to penetrate every part of the entire site.

Below we follow the "trial" process to analyze the optimization process need to pay attention to the problem. From the landing of this site, we can not clearly see what the name of this site? What's it for? Where is the product catalog? Where is the navigation menu? Where is today's key recommendation product? Where is the discount product zone? This series of question marks is for the E-commerce site, if for other sites we will consider other factors, such as for a news page, we will consider that there is today's headline news? I want to see the scores and pictures of the Chinese football game last night. Wait a minute. This test does not have a specific specification, any action is random is our sudden action, so such a test can not be like the kind of shopping malls or stores and so on places such as the test to give us a very long form to draw on the sketch of the Pitchfork. All testing to do is very natural, only in this way we can really understand the user in the process of using the difficulties encountered. Sometimes we can give the person who is being tested a title to do it, such as: Let him go to the website to buy a new large DVD, or they go to find the latest news or even a one months ago news. The whole test should be in a harmonious environment, do not let the people involved in the test feel nervous, which will greatly reduce the accuracy of the test results. The test also needs to be based on funding, site size and so on to develop different scenarios.

The following is a process map of a user browsing a Web site, which helps us understand the entire process of browsing the site. We can follow the steps outlined in this map to carefully observe the test time users on the site to complete a work in each step of the time spent, what has been done, and recorded to carefully analyze the data, these data is also the basis for our optimization action.

We first look at a majority of the Web site will make the error of the text is the most important elements of the Web page, we can use the text color, size and position to distinguish their importance, divided into headings, content and so on. There are a lot of home page in our first look at the dark of a piece of text, immediately we will have no goodwill to this site. This is our domestic many websites all have the mistake, site for different purposes have different design direction, a lot of corporate leaders do not know how to design, they will refer to some other people's website to the designer to put forward their own site design requirements and ideas, which will cause no matter what direction of the site feel the same, Thereby losing his own subject.

For example, now we go to a number of corporate websites, went up and did not see what this enterprise is doing, the first eye is large corporate news, such a large number of news of the corporate web site into a news site. Someone said that we put the enterprise introduction on the home page, so that a home page on the Internet to see what our company is doing. It seems like a good idea, but we should make it clear that the user is "browsing the web" rather than "reading the page", so that no one is interested in the text, the user will only be interested in the things to read, the other is basically browsing.

We can make a simple experiment, now you can pass to a person around you a newspaper, let them read the newspaper, carefully observe how they read the newspaper, everyone will turn the newspaper, at least he will read a full version of the title and then began to read an article. Absolutely no one will pick up the newspaper from the top left corner or the bottom right corner to start a word reading newspaper. The advantage of the site is that "link", we can use the link to guide users to read what they are interested in, or to guide them to read what we want him to see. We can now go to optimize the previous site, remove the large text page, as needed to change into a link.

There is also a variety of commercial sites will make mistakes, is to allow customers to fill in the registration information required to fill the column too much. Many people on the internet have such experience, now most of the business site will have a register, if registered as a member will have what kind of service, very good we go in to register it. Click on the Registration button, open the page, the boy how to day so many, but also are painted with a red asterisk must fill! Forget it or not sign up! All of a sudden this site will be missing a lot of customers because of registration.

Some people are not scared run insist fill, well start to fill in the user name, password, confirm password ... "ID number"? "Mobile phone number"? All of a sudden we stopped, do not fill out these can? But with the red asterisk, forget it. I don't want anyone to know about this, so I'll go and see if other sites have the same service and need less information, even though other sites are not well served and are not as reputable as this site. This is the experience of many people on the Internet, many of the owners of the site, want to immediately control the customer's information, they will feel that this will occupy the market opportunities. In fact, they are wrong, think of us first let users to use our website slowly they feel that we are safe here and the service is very good people will want more services, they will automatically register the information.

But we do not know this site when users scare them away we will completely lose this part of the user, so the loss to the site and the enterprise is far greater than those who are registered regardless of how the benefits of the users to be big. So when we are in the process of optimization to see the registration process of the site has these columns when we have to suggest that they will be filled out to volunteer, and in some key pages to add some about the registration of customers and ordinary customers will enjoy different treatment tips, this will play a multiplier effect.

We have introduced two examples of human optimization, because many of these examples we do not enumerate, to be summed up in the actual work. Not the most good-looking page is the best Web page, practicality is more important than artistry.

Above these optimization questions apply to us to an existing website to optimize, if we want to do a new website, it is best to consider some of these problems in the early stage, after all, do anything in advance to consider than the ex-post is much better. These are my own experience of some of the summary and share with you, the article has a lot of deficiencies, I hope we can mention more! My qq:250596 after a lot of communication! Hope everyone can make the best website, improve the Chinese website design production industry in the world's status!