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 used to search for "Web page optimization" on various search engines. The results all showed how to optimize the search engine ranking.ArticleIn fact, this is only an integral part of the optimization concept, and the optimization work of the web page is composed of Optimization in many aspects. 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 preparation)CodeAnd so on. You also need to have a lot of computer knowledge (including e-commerce, human-computer interaction, ease of use, and some related software knowledge), and even have knowledge about 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
Image problems mainly involve the issue of excessive size. Here we will introduce image optimization in the code optimization section, but not in the other category, this is because image optimization and code content optimization are aimed at the same purpose. Generally, two formats of JPEG and GIF images are used on webpages. Many people are not very familiar with these two types of images, JPEG is applicable to images with many colors and complex components (such as some photos and gradient colors ), GIF is suitable for pictures with relatively few colors and relatively simple components (such as the logo of a website, images made up of large color blocks, etc ). When exporting GIF images, You must select the number of colors to reduce the size. For some large images, we can cut them into smaller images for splicing, which can also improve the download speed of webpages.
Reduce the page size to increase the speed of webpage download. Another simple method is to use some small tools for webpage weight loss. We can download some of these tools to reduce your webpage size by 20% ~ 50% get twice the result with half the effort.
Table is the most important page layout method. when reading the webpage code in a browser, you must read a complete table to display it, 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. (This approach will be punished by search engines and has a dedicated reporting system)
The embodiment of "keyword" should be reasonable. For example, we can create a "website navigation" page, which 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 image name 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, underscores (_) and hyphens (-) in Google are not accepted. Therefore, we recommend that you use hyphens (-) and spaces (Space Code: % 20 ), generally, all search engines accept the request. Do not use Chinese characters to name a page. The page name and image name must contain English letters (for example, the first page of ".html### I .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. (The search engine cannot find your real content page through Flash)
From: http://www.blog.edu.cn/more.asp? Name = ntu& id = 52967