Several methods of webpage optimization and website Optimization

Source: Internet
Author: User
Tags website performance

Many people have no idea about the optimization of web pages, and many people in the industry have little or no idea about the optimization of web pages. Speaking of my understanding of web page optimization, I once searched for "Web page optimization" topics on various search engines. The results were all articles about how to optimize the search engine ranking, in fact, this is only an integral part of the optimization concept, and the optimization of web pages is composed of many optimizations. As an excellent web page optimization staff, they must have a wide range of knowledge, not only do you need to master website design and production technologies (including website architecture design, webpage design, and webpage coding ); we also need to master a lot of other computer knowledge (including e-commerce, human-computer interaction, ease of use, and some related software knowledge), and even relevant knowledge such as psychology and business operations.

I think the optimization of web pages should be composed of two aspects: 1. Technical Optimization, 2. Humanistic optimization (this classification is just summarized by me, and no one has given a specific definition ). Technical Optimization refers to code optimization, directory structure optimization, search engine optimization, and other technical optimization work, it is invisible, but it will bring a lot of convenience to users and bring more benefits to the website, there are certain technical optimization modes and the things to be optimized are relatively fixed and relatively simple. Some are only time problems. Humanistic optimization refers to Interactive Optimization, usability optimization, and other optimization work for user use, this part is something that website users can see and touch. Humanistic optimization is the most difficult part of our experience because we need to guess the user's psychology. Next I will explain these two aspects separately.

1. Technical Optimization:

Technical Optimization consists of code optimization, directory structure optimization, and search engine optimization. This part of optimization work is mainly completed by the website developers to test and propose solutions, and there are certain rules, so it is only a matter of time.

(1) code optimization:

Code optimization mainly solves the problem of page browsing speed and adaptability. Text and images are the two main factors that make up the page. Therefore, our optimization should also begin with text and images. When we create a page for text, we basically define the general use of and 12px. With the code standardization of the font style size and so on, we should use CSS style sheets to complete, currently, labels such as

If a large table contains many small tables, the browser will read the entire large table before displaying the entire content. When browsing some pages, the page is often displayed for half a day. Finally, we can't wait to press the "stop" button, and the page is displayed at once, this is because a large table is nested outside some small tables, and the small table has been read, that is, the entire table browser is not displayed, which will greatly slow down the page browsing speed. Therefore, we need to minimize table layers and avoid embedding small tables in the middle of large tables. It should also be noted that a lot of junk code often appears when using Dreamweaver to create a webpage. Check and delete some useless code. The adaptability of web pages is the ability to adapt to different systems, different browsers, and different resolutions. Note that the resolution should be taken care of at least 800x600 users (resolution 800x600 display size 780x428, resolution 1024x768 display size 1007x600 ), therefore, the page width must not exceed 780. Do not drag the page horizontally.

If a large table contains many small tables, the browser will read the entire large table before displaying the entire content. When browsing some pages, the page is often displayed for half a day. Finally, we can't wait to press the "stop" button, and the page is displayed at once, this is because a large table is nested outside some small tables, and the small table has been read, that is, the entire table browser is not displayed, which will greatly slow down the page browsing speed. Therefore, we need to minimize table layers and avoid embedding small tables in the middle of large tables. It should also be noted that a lot of junk code often appears when using Dreamweaver to create a webpage. Check and delete some useless code. The adaptability of web pages is the ability to adapt to different systems, different browsers, and different resolutions. Note that the resolution should be taken care of at least 800x600 users (resolution 800x600 display size 780x428, resolution 1024x768 display size 1007x600 ), therefore, the page width must not exceed 780. Do not drag the page horizontally.

(2) directory structure optimization:

Currently, many websites place Scattered pages in the same folder without classification. This can be done but will cause great trouble for future maintenance and other work. It is recommended that you create a large folder, including folders for various channels, picture folders for webpages, picture folders for webpage content, and so on, this makes it easy to find the specific location of each page during maintenance.

(3) Search Engine Optimization:

Search engine optimization is a kind of optimization item that many people know. It is also an essential step for complete optimization work.

"Keyword" is a core term in the search engine topic. Almost all search engine optimization problems are centered around "keyword. Many people blindly seek to embody keywords everywhere on the web page, and feel that this will be more easily searched by search engines. In fact, this is not necessarily appropriate. For example, the ghost and shadow secret, which has been popular for a while, is used to hide many keywords in the page in the same color as the webpage background. Many people are still using this method, however, as search engines become more and more powerful, this method is not so easy to use and may even be counterproductive. The embodiment of "keyword" should be reasonable. For example, if we can create a "website navigation" page, the website navigation page will fully reflect the various keywords, this page is easier for users to use and can be found by search engines to get twice the result with half the effort.

As search engines have the image search function, images in the web page are also a good place to reflect keywords. After adding images to the page, do not forget to give the image a "name" (for example: ) the name we give the image can be a keyword. The domain name contains keywords that are also very important, but should not be too many. Generally, one or two of the most important keywords are enough. Too many keywords will affect the ranking of websites in the search engine and make it difficult for users to remember. The same is true for sub-pages. Currently, the sub-page names of many websites are stacked with keywords, which reduces the probability of each keyword, as a result, each keyword is discounted or even ignored, which is counterproductive.

There is also a lot of knowledge in the naming of subpages. Several keywords constitute the names of subpages, but what are the connections between these keywords? If keywords are disconnected using delimiters, the search engine does not consider them to be one word, but does not recognize them as a word, for example, "_" and "-" underline in Google "_" are not accepted, so we recommend that you use "-" And space (space code: % 20 ), generally, all search engines accept the request. Do not name a page in Chinese. The page name and image name must contain English letters (for example, "homepage .html" or "image .gif" must be written as "index.htm" "image.gif ).

Although many web pages are nice but not practical, let's take the page Jump that is very popular now! Nowadays, many enterprise websites are popular with jump pages, dynamic flash, and beautiful pictures. They think that this is very beautiful and especially reflects the company's image, in fact, they do not know that this will affect the search engine's search for your website.

2. Humanistic optimization:

Humanistic optimization mainly involves the optimization of interaction, usability, and website performance. I have read a book written by Steve kroge, a famous American optimization master. The first principle of effect optimization he advocates is "don't let me brainstorm ". Maybe this concept seems to have no clue at all. I was a little dizzy when I first came into contact with this sentence. It would be very difficult to do this. The concept of "Don't let me brainstorm" has different concepts for different people, this goes back to the phrase "Humanistic optimization is the most challenging experience because we have to guess users' psychology. People and people are different. Each person may have cultural differences because of different regions of life, or because of different educational experiences, they may have different understandings, or there are various differences in personal opinions and habits, it is too difficult for us to make everyone understand that our website can be conveniently used to achieve what he wants, what humanistic optimization needs to do is to unify these differences.

Websites have different purposes, such as e-commerce websites, enterprise websites, and personal websites. Now we will take the e-commerce website that requires most humanistic optimization as an example to study the general process of humanistic optimization. The concept of e-commerce websites is very clear, that is, to reflect business, such as online shopping, online ticketing, and online transaction platforms, in short, it enables users to achieve business purposes on the Internet. At present, e-commerce websites generally have two parts: B2B (sellers for sellers) and B2C (sellers for common scattered users). B2C is the highest level of e-commerce website design, if you can make a successful B2C website, then any other company that displays the website or B2B business website is nothing. The reason is also very simple, that is, the difference between people mentioned above and people. An important indicator for e-commerce websites is the "conversion rate" (that is, the ratio of visitors who browse Web pages to customers ). This concept is an important indicator for us to determine whether an e-commerce website is successful. It also plays an important role in the optimization process. After introducing some related concepts of e-commerce, we will get back to the point. When we want to optimize the website, we will soon complete the technical optimization, because there are specific steps for technical optimization, the project to be optimized is also relatively fixed and well-founded.

However, many people do not know how to start with humanistic optimization. In fact, it is also very simple, that is, "trial". Generally, the trial will be divided into two parts: first, we will try it ourselves and have a rough understanding of the website, then we need to find some common users for trial, during the trial use of common users, we will not give any prompts, but only need to observe their operation steps silently to record the operation process and time of each step to understand their ideas. After "trial", we can analyze the test results and find the part to be modified. Remember that during the trial, we should never give any prompt to the tested users to try not to disturb them. Speaking back to the concept "don't let me brainstorm" mentioned above, this sentence actually expresses the meaning of "simple". Simplicity is the foundation for the success of an e-commerce website. "Simple" is designed to run through every part of the entire website.

Next we will analyze the issues that need to be paid attention to during the optimization process according to the "trial" process. Can we see clearly what the website name is from logging on to this website? What is it? Is there a product directory? Is there a navigation menu? Where are the key products recommended today? Is there a discount product area? This series of question marks are for e-commerce websites. If we consider other factors for other websites, for example, for a news page, we will consider the headlines today? I want to see where the score and picture of the Chinese team's football match last night are? And so on. There is no specific specification for such tests. Any action is random and it is a sudden action, therefore, such a test cannot be like a test in a mall, store, or other places. This gives us a long table for us to draw a picture. All tests must be very natural, only in this way can we truly understand that the user is willing to take advantage of the downgrading, selection, and selection of N yi machinery, neon baking equipment, and wish to take advantage of the Yun keumeng drink the old emblem of the Alliance and throw it with the puton, alternatively, they can search for the latest message or even a message a month ago. The entire test should be conducted in a harmonious environment. Do not make the participants feel nervous, which will greatly reduce the correctness of the test results. The test also requires different plans based on funding, website size, and so on.

The following is a process diagram of a user browsing a website. This diagram helps us understand the whole process of browsing a website. Based on the steps listed in this figure, we can carefully observe what time the user has done in each step when completing a job on the website during the test, record and carefully analyze the data, which is also the basis for our optimization actions.

We usually focus on navigation menus, product catalogs, intra-site searches, page la S, and purchase processes. Below I will give some small examples to analyze the mistakes made by many websites and how to optimize them.

Let's first look at a text error that most websites will make. Text is one of the most important elements of a Web page. We can use the color, size, and location of the text to distinguish their importance, it can be divided into titles, content, and so on. There are a lot of websites on the homepage. We can see a piece of black text at a glance, and we will not like this website immediately. This is why many websites in China have errors. websites have different design directions for different purposes, and many enterprise leaders do not understand design, they will refer to other people's websites to propose design requirements and ideas for their websites to designers, which will lead to the same feeling for websites in whatever direction, thus losing their themes.

For example, when we go to some enterprise websites and do not see what the company is doing after going up, we first see a large piece of Enterprise news. Such a large piece of news feels that the enterprise website has become a news website. Someone said that we should put the company introduction on the homepage so that people on the homepage can see what our company is doing. It looks like a good idea, but we should make it clear that users are "browsing the Web page" rather than "reading the web page", so that no one will be interested in reading such large texts, users can only read the things they are interested in. Other things are basically browsing.

We can make a simple experiment. Now you can hand a newspaper to a person around you, let them read the newspaper, and observe how they read the newspaper carefully, everyone will flip the newspaper. At least he will read the title of a full version and start to read an article. No one will read a newspaper with a word starting from the upper left or lower right corner. The advantage of a website is "Link". We can make full use of the link to guide users to read what they are interested in, or to guide them to read what we want them to see. Now we can optimize the previous website, remove the text of the huge homepage, and change it to a link as needed.

Another mistake made by various commercial websites is that there are too many required topics for customers to fill in registration information. Many online users have such experiences. Most of them now say that a business website will have a registration column. If you register as a member, what kind of services will you provide? Well, let's register it. Click the "register" button to open the page. Why do you need so many entries? The red asterisks are required! Forget it! All of a sudden, this website will lose many customers due to registration.

Some people are not scared away and insist on entering them. Okay, I started to fill in the user name, password, and confirm the password ...... "ID number "? "Mobile Phone number "? All of a sudden, we stopped. Can we leave it empty? However, if I do not want others to know the information, I should move on to see if other websites have the same service and require less information, although other websites have poor services and are not as famous as this website. This is the experience of many people accessing the internet. Many website owners are eager to seek success and want to immediately control the customer's information. They will feel that this will take the lead in the market. In fact, they are wrong. Let's first let users use our website. Slowly, they think we are safe and have good services, and someone will want more services, naturally, they will register the information.

However, if we scare users away from this website, we will completely lose these users, in this way, the loss to websites and enterprises is far greater than the benefits of users who will register in any way. Therefore, when we see these topics during the website registration process during the optimization process, we recommend that you change the required fields to voluntary ones, in addition, you can add some tips on the different benefits that registered customers and common customers will enjoy on some key pages. This will help you get twice the result with half the effort.

We have already introduced two examples of humanistic optimization. Since many examples are not listed one by one, we should summarize them in actual work. Not the best-looking web page, but the best web page, is more practical than artistic.

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.