Web site optimization seo

		

	
	Wikipedia definition point of view, seo = Search (search) Engine (engine) Optimization (optimization), namely search engine optimization. 
	Refers to the understanding of the search engine based on the principle of sorting, optimize the site outside the station and station optimization, so as to enhance the probability of the current site keyword ranking, 
	get traffic. 
	
	
	not just seo ranking, it is a collection of five elements, namely search needs to cover a collection, sorting, displaying, and data analysis. 
	
	// included 
	site included simply means that the website is search engine crawlers, and means that search engines know the existence of the site. 
	Baidu grabbed called "Baidu included," Google grabbed called "Google included", 360 grab what is known as "360 included", 
	Sogou grab what is known as "search dog included" and so on, the more website content search engine crawled content, the higher the weight of the site, 
	the location of keyword ranking more forward. 

	What is search needs? 
	In short, demand is search through the search engine users, active or passive by querying the word, search out the search results to match your search query requirements. 
	
	What is the search needs to cover 
	assume your site is "Iron Gate" category sites, whether to overwrite the user's search needs of industry segments, that is, 
	your site contains the "Iron Gate", "iron ornamental gate", " iron gate "," garden gate "and other words. 
	
	What is to show the amount 
	of web sites to show when users search for the amount that is relevant keywords, impressions of our website is triggered 
	impressions over time our websites collectively show the amount 
	of hits to show the amount ÷ = click-through rate, 
	
	
a typical feature of high-quality sites.

1: Web keywords rational layout. There are systematic industry segments keyword database, can meet different users' keyword search needs differentiation. 

2: Sites with good inclusion ratio. A large number of effective inclusion reduces the proportion of invalid pages. 

3: Brand or word, or long tail keywords, or secondary keywords reasonable position in search engines. Especially larger proportion of long tail keyword traffic. 

4: website layout is reasonable, beautiful interface, strong visual perception, the appropriate interactive features are available to meet most of the sub-user search needs, can keep clicking the incoming new users and old users to convert. 

5: Site open speed stable and fast, has a good user experience. 

6: For users using different devices to browse websites, websites targeted to adapt the other settings, users can easily protect, normal browsing. 

7: sites outside the chain was the natural growth. 

8: website content audience large, high quality content. 

9: have good historical data accumulated, have a greater influence brand in search engines. 

10: Users have better access to deep, low bounce rate, a long residence time. 



Specific Optimization 

// how to create the most streamlined source code for the site 
a, remove the comment content of the site 
two, JS and CSS styles not directly in the source code of all 
three properties are always defined text with CSS style 
four or delete the site does not make sense program code 



// increasingly feel the importance of high-quality original articles, the site foundation work 
in the // search engines increasingly focused on visitor experience, high-quality original article is the most important, 
// see people find they need helpful knowledge, more than anything else. 

Third, the front-end SEO
　　Through structural design of the site layout and page code optimization, the front page not only allows browser users to read, but also allows "spider" understand. 

　　(1) Layout Optimization site structure: as simple, straight to the point, promoting a flat structure. 
　　 
　　In general, a site created fewer structural level, the more likely to be "spider" crawl, it can easily be included. Most small and medium website directory structure more than three, "spider" would not want to climb down, "If dark lost how to do." And according to the relevant survey: Guest If after three jumps have not found the required information, it is likely to leave. Therefore, the three-directory structure also requires experience. To do this we need to do: 

　　1. Control the number of links Home 

　　Home is where the highest weight, if too little home link, there is no "bridge", "Spider" can not continue to climb down inside pages, a direct impact on the number of sites included. But the Home link can not be too much, too soon, no substantive link, it is easy to affect the user experience, Home will reduce the weight, included the effect is not good. 

　　So for SME website, the proposed home in less than 100 links, the nature of the link may include page navigation, bottom navigation, anchor text links and so on, pay attention to the link to be established on the basis of a good user experience and user's guide on access to information . 

　　2. Flat directory hierarchy, try to make "Spider" As long jump three times, will be able to reach any inside pages within the site. Flat directory structure, such as: "plant" -> "Fruit" -> "apple", "orange", "bananas", by Level 3 will be able to find a banana. 

　　3. Navigate to optimize 

　　navigation should try to use text mode, you can also navigate with pictures, but pictures of code must be optimized, <img> tag must add "alt" and "title" attribute to tell search engine positioning navigation, so that even if when the picture is not normally displayed, the user can see the prompt text.

　　Secondly, on each page should add breadcrumbs benefits: from user experience, it allows users to understand the current position and the position in which the current page throughout the site to help users quickly understand the organization of the site to form a better sense of location, while providing a return each page of the interface, user-friendly operation; on the "spider", being able to clearly understand the structure of the site, while also increasing the number of internal links, to facilitate capture, reduce Bounce Rate. 

　　4. The structure and layout of the site - a non-negligible detail 

　　1) head of the page: logo and main navigation, and user information. 

　　2) Page body: the body of the left, including breadcrumbs and body; the right to put popular articles and articles related benefits: retain visitors, make visitors stays on the "spider", these articles belong links, enhanced page relevance, can enhance the right of the page weight. 

　　3) bottom of the page: copyright information and links. 

　　Special attention: writing page navigation, recommended wording: "Home 123,456,789 drop down box", such a "spider" jump directly according to page number, page jump direct selection drop-down box. The following wording is not recommended, "First Next Last", especially when the number of pages especially for a long time, "spider" to go through a lot of times to climb down to crawl, will be tired, it would be easy to give up. 

　　5. control the size of the page, reduce http requests, increase the loading speed of the website. 

　　A page should not exceed 100k, too, slow page loads. When the speed is very slow, the user experience is not good, unable to retain visitors, and once the timeout, "spider" will leave. 

　　(2) page code optimization 
　　 
　　1. <title> Title: only emphasized the focus can, try to important keywords on the front, do not repeat the keywords appear, as far as possible not to set up each page of the <title> of the same title Content. 

　　2. <meta keywords> tag: keywords, include important keywords to a few pages, remember too much stuffing.

　　3. <meta description> tag: page description, need highly summarized web content, remember not too long, excessive keyword stuffing, each page should be different. 

　　4. <body> tag in: semantic codes as far as possible, using an appropriate label in place, do the right thing with the right label. Let those who read the source code and the "spider" at a glance. For example: h1-h6 is a title type, <nav> tag is used to set the main navigation page, and the like. 

　　5. <a> Tags: links within the page, to add "title" attribute to illustrate, let visitors and "spider" know. After the external links, links to other sites, you need to add el = "nofollow" attribute, told the "spider" Do not crawl, because once the "spider" climb external links, it will not come back. 

　　6. The title text use <h1> tag: a "spider" that it is the most important, if not like <h1> CSS default style can be set. As far as possible the text of the title with the <h1> tag, with the subtitle <h2> tags, and elsewhere should not lightly use the title tag h. 

　　7. <br> Tags: wrap only for text content, 

　8. The table should be used <caption> tag table heading 

　 9. <img> should use the "alt" attribute will be described 

　10. <strong>, <em> tag: use needs to be emphasized. <strong> tag in the search engines can be a high priority, it can highlight key words, important performance content, <em> tag to emphasize the effect after the <strong> tag. 

　　　 <b>, <i> tag: except for displaying the results, in the SEO not play any effect. 

　11, text-indent Do not use special characters "" It should be set using CSS. Do not use special symbols copyright symbol "©" can be used as the input method, fight "banquan", select No. 5 will be able to play copyright symbol ©.

　12, clever use of CSS layout, will be an important part of the HTML code on the front, the front of the content is considered the most important priority so that "spiders" to read, content keywords crawl. 

　13. Do not output an important part of JS, because the "spider" does not know 

　14. minimize the use iframe framework, because the "spider" generally do not read the contents 

　15. The careful use of display: none: do not want to display text, z-index should be set or a display provided to the outside of the browser. Because the search engines will filter out display: the contents of none of them. 

　16. continue to streamline the code 

　17.js the code if it is operating DOM manipulation, should be placed before the body closing tag, html codes afterwards. 


Performance optimization: 
(1) reduce http requests (Solution: Merge pictures, merge js and css; pictures more pages can use lazy loading technique). 
(2) minimize repaint and reflow 
(3) reducing the DOM manipulation (solution: reduce query and modify operations to Dom, you can assign it to a local variable when the query). 
(4) for data exchange in JSON format (in JSON, there are two configurations: an array of objects and objects:. Var obj = { "name ": "darren", "age": 24, "location": "beijing" }; array: var jsonlist = [{ "name ": "darren", "age": 24, "location": "beijing"}, { "name": "weidong.nie", "age": 24, "
(8) the use of compressed images and pictures sprite technology (picture compression: reduce the image resolution, image format change, reduced picture quality preservation; 
Picture Wizard: is to reduce the number of http requests) 
(9) size and pollution control cookie 


SEO optimization: 
(1 ) site layout style to do with the page separation, remove unnecessary tags and elements; 
(2) page generated as small as possible, to compress the size of the page, the page as much as possible to use static or pseudo-static; 
(3) are all css and js to use an external call 
(4) js file code at the bottom of the best external calls, page calls the best css file into the head, the same page so as not to over three js external call; 
(5) each page can only appear once h1 tags, h2-h6 tags can be used multiple times, so you can increase the weight of heavy h1. 
(6) In addition to other home pages to add breadcrumbs path 
(7) Pictures plus alt attribute, plus the link href attribute 
(8) website was flat tree structure, the directory structure should not be too deep, each page from Home Up to 3 clicks, too deep is not conducive to search engine crawling 
(9) do 404 pages 
(10) ensure that the site code is correct, HTML version by W3C 
(11) with caution display: none; if you replace text with pictures, to text is provided a text-indet large negative value 
(12) will improve the page layout semantic seo effect 
(13) less iframe frame 


a reasonable title, description, keywords 
    the search-by-three decreases toward the right, title key value to emphasize; description the page highly summarized the content, not too much stuffing keywords; keywords include important keywords. 

1, title

title, is that the content displayed on the browser, users can not only see, but also to be search engines that the page title (search engines when crawl the web, the first reading, so the title is set correctly is extremely important. ) title generally not more than 80 characters, and use English words in between "-" character, because the computer only for English high sensitivity, sensitivity to Chinese is not high. 

Usage: <title> Website title </ title> 

(1) Home title written, generally "site - the main keywords or a description containing the main keyword." General Site name put back, because search engines give words of the title is higher than the top of the back. For example, do "refrigerator" is the word, so write "refrigerator _ inverter refrigerator - Haier official website." 

(2) columns page title written, generally two kinds: "column name - site name", "Column Name column Keywords - site name." And the name of the column to determine the best use keywords, such as corporate recruitment section on the use of best business recruitment, rather than from a people does not recognize names such as corporate messenger, enterprise look, plus some special symbols or business, this Although very personal kind of writing, but will make your site accounted for under the wind on optimization. 

(3) classification list page title written, generally "category list page name - column name - site name" column of this page and similar. 

(4) title page article written, generally three kinds: "Article Title - Site Name", "content title - Column Name", "content title - Column name - site name." Among them, "the contents of the title - the section name - site name" the wording of the most regulated, but relatively complex, it can give the user a good tip, let the user know where he visited articles, and under which section of which is in the site . 

2, description (summary)
Usage: <meta name = "Description" Content = " Description of your web page">

description is a brief overview of the contents for a web page. description generally not more than 150 characters to describe the content and page content related. 


(1) Home description writing, usually the home page title, keywords and something special section is fused to the inside, written brief. 

(2) columns page description writing, usually the column title, keyword, category list names fused to the inside, written brief. 

(3) category list page description, this is relatively simple, usually just need a list of headings, keywords together, write a brief introduction. 

(4) Articles page description writing, generally two kinds of writing, the standard wording on the front and, like the title of the article, the article of the important content and keywords together, write a brief introduction. This is the best and most standard wording. But this is too much trouble to write, there are a variety of methods lazy, you can first paragraph in the article title and add keywords, such as my article is about the title, keywords, description, then joined in the article title and first paragraph the contents, then simply copy the contents of the first section of the article to the description can be. 

3, keywords (keywords) 

keywords, the main role is to tell the search engines what the page content is organized around the word. So each word keywords must be able to find the corresponding match in the content and can help rankings. generally not more than three keywords, each keyword should not be too long, and between words to use English, "" separated. Why I have said above in English. Also, try to put forward the important keywords, keyword ranking because of the poor rearward, unless you have a high weight station. 

Usage: <meta name = "Keywords" Content = " keyword 1, keyword 2, keyword 3, keyword 4"> 

(1) Home keywords written, generally "site name, the name of the main sections, the main keyword" .

(2) columns page keywords written, generally "column name, column keyword, category list column names." 

(3) classification list page keywords wording, this is relatively simple, as long as you write this column the main keywords. 

(4) written article on page keywords, we recommend you to extract the key words in the article, such as my article is mainly about SEO optimization, then I certainly SEO keyword optimization, if you think you are less able to extract keywords, but also you can select more word appears in the article as a keyword, for example, I now write something about the title, keywords, description, and that my article is that keyword page 3. 

https://blog.csdn.net/yuyuking/article/details/89374794