Talk about web optimization and website optimization skills

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 understanding of Web optimization, I have been to the major search engines to search the topic of the Web page optimization, 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 song body 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 &font Size=xxcolor=xxfont 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 the CSS style sheet is our optimization process should pay attention to check the problem ( 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 be reading the entire large table to display 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.