On the Optimization of Web page and the way of website optimization

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

Talk about the optimization of the Web page many people do not have any concept, there are a lot of people in the industry have no idea about the optimization of Web pages or know 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 the production of page coding, 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:

Code optimization solves the problem of page browsing speed and adaptability. 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 ></h1 >, < font size =xxcolor=xx></font > and so on tags are not standard, will slowly be replaced by CSS, now many large web sites, including the various portals such as non-standard problems or a wide range of almost every page will have, So CSS stylesheet is a problem we should pay attention to in the optimization process (in fact, this problem should be in the page when the production of the solution). Picture problems are mainly the size of the problem, where we put the image optimization in the code optimization part of the introduction and not another category, because the picture optimization and Code content optimization is the same purpose. The Web page generally applies two formats for pictures of JPEG and GIF, the application of these two kinds of pictures is not very good, jpeg for more color, the composition of more complex pictures (such as some photos, gradient colors, etc.), GIF for less color, the composition of relatively simple pictures ( such as the logo of the website, large color block composition of the picture and so on. GIF pictures especially note that when you export, select the number of colors that will also achieve a good reduction in the size of the effect. For some of the larger picture we can also cut it into a relatively small picture stitching this can also improve the download speed of the Web page. Reduce the size of the Web page to improve download speed There is a simple way to use some of the Web page to lose weight of gadgets, we can go to download some of the tools they can make your Web page to reduce 20%~50% to achieve a multiplier effect. Table is the most important layout of the page, when the browser read the page code, you must read a complete table will be displayed,

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 want to minimize the table level and try to avoid nesting small tables in the middle of large tables. 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 want to minimize the table level and try to avoid nesting small tables in the middle of large tables. 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= "images.gif" width= "" height= "100" border=0 alt= "picture name" > The name of the picture can be a 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 search engines do not think they are one word and when they are a word processing, but some of the separator search engine also do not recognize, such as "_ "and"-"in Google Underline" _ "is not accepted, so we suggest that you use"-"and Space (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 many 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 that doing so affects search engines search your site.

2. Human optimization:

Humanistic optimization is mainly interactive, 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 site will have different purposes, 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 as an 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" purpose we need to run through every part of the 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 are not able to clearly see what the name of this site? What is it? Where is the catalogue of the products? Where is the focus of today's recommendation? Where is the discount product area? If we consider other factors for other sites, such as for a news page, we will consider where is the headline today? 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 can we really understand the user in the use of the process of buck down? Choose N Yi-蛞 irresolute delicacy evenly 饽 The cough union? ネ finish? A hot bail-out? ネ? Under the old 蛞, the plutonium-throwing shore VD, Or they're looking for the latest news, even a one-month old message. 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 that 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.

Usually the focus of our optimization will focus on the navigation menu, product catalog, site search, page layout, purchase process and so on. Below I want to give a few examples to analyze how many websites now make mistakes, how do we optimize.

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 a dark piece of text, immediately we will have no goodwill to this site. This is our domestic many websites have the error, 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 their 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, good boy how to day so many, but also are painted with a red asterisk must fill! Forget it or not! 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 username, password, confirm password ... "ID number"? Cell phone number? All of a sudden we stopped, do not fill 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!