"SEO in the application of Web page production" video notes

Learn the MU class network "SEO in the application of Web page production" video, today will be inside the knowledge to tidy up a bit.

First, the introduction of SEO

1. How Search engines work

Search engine now mainstream Baidu, Google,  they have a huge search engine database, each keyword corresponds to a lot of URLs, search engine crawler from a link to another link, analysis and refinement of the content, find keywords, if it is important or the first occurrence of content, will be added to the search engine database, If it is junk content or repeat within the day you give, the crawler will skip over. When users (such as Baidu) search for information, the search engine from the database to retrieve the relevant URLs, and then show to the user, because a keyword can correspond to a lot of URLs, so there will be a sort of problem. If the crawler can understand the language, the crawler will be able to accurately comprehend the content of the Web page, it would be included in the crawler. How to use the crawler to understand the language, is today to talk about SEO.

  2. Introduction to SEO

SEO is by the English search engine optimization abbreviation, Chinese free translation for "Search engine optimization".

SEO is to improve the number of pages in the search engine, as well as the sorting position to do the optimization behavior. In fact, Baidu, Google and other search engines to include a lot of our carefully crafted website, while users search for relevant content, the site link is ranked in front of the search engine.

3. SEO Categories

White hat seo. To improve, standardize the role of website design, make it more friendly to search engines and users, and the site can also get more reasonable traffic from the search engine, which is encouraged and supported by the search engine. We say that the SEO is white hat seo.

Black Hat seo. Use, enlarge the flaw of the search engine, to obtain more user's visit quantity. This type of behavior is mostly deceptive search engines. This is what the search engine opposes.

Second, the website content SEO

1. Carefully design the title, keywords and description of the website. Reaction site positioning, let the search engine understand what the site is doing.
2. Website content optimization. Increase the density of keywords and add long tail keywords.
3. Set the Robot.txt file reasonably on the website.
4. Generate a site map for search engine friendly.
5. Increase the use of the chain.

Third, the front-end siege division and SEO

Site Structure Layout optimization

Plan the site structure rationally. We advocate flat structure.

1. Controls the number of page links. Site home is the highest weight of the place, too much or too little, for small and medium enterprises, home link control within 100, the nature of the link can include page navigation, bottom navigation, anchor text links, etc., the premise to have a good user experience.
2. Flatten the directory hierarchy. Try to make the spider jump three times to reach any page within the site.
3. Navigation SEO optimization. Main navigation, sub-navigation, breadcrumb navigation, navigation is generally text-based, if using IMG, to add the title and ALT attributes. Breadcrumb navigation allows users to know where they are, and where the current page is located in the entire site, and to return to the various levels of access for user-friendly operation.
4. Note that the site loading speed, too slow loading speed is not enough to keep the user. control the size of the page, a page is better than 100k, too large to affect the page loading speed.

Web page code optimization

1. <title> title. Emphasis on the key, the key words in front, do not repeat, the title of each page do not set the same.
2. <meta keywords> keywords. Enumerate a few important key words, do not pile up too much.
3. <meta description> page description. To highly summarize the content of the page, not too long, and do not over-stack keywords. Each page description also needs to be different.

Page code advocates semantic code. HTML each tag has its meaning, in the appropriate location with the appropriate label, better to let users and search engines are at a glance.

2. <ul> tags are most used for unordered lists.
4. <ol> tags are used for sequential tables.
6. <dl> tags are used to define data lists.
8. <em>, <strong> labels are emphasized.
10. <a> tags. To add the title, for links to other sites, to add rel= "nofollow", said to tell the spider do not crawl to this link, if crawling to this link, it is not necessarily able to come back.
14. <p> tags are used for body paragraphs.
16. <br> tags. Can only be used for wrapping text content, and cannot be used directly for wrapping of labels. such as the following:

    <div><span>title</span><br><span>item1</span><br><span>item2 </span></div> the above <br> tag is wrong, so use:<p> text first line <br> text second line <br> text third line </p>
    Or
    <p> Text First line </p>
    <p><br></p>
    <p> Text second line </p>

      

18. <table> tags. To define the table name with <caption>.
20. tags. The Alt attribute to add.
22. <strong><em> and <b><i> tags.

<strong> tag is the representative of the weight label, can be highly valued in the search engine, it can highlight key words, performance key content. <b> tags appear in the browser and <strong> is the same, but in the SEO does not play a very good effect, so it is recommended to use <strong> tags.

<em> and <i> tags appear in the browser in italics, meaning is to emphasize the subject content, to attract users attention, their weight is second only to <strong>.

If the page is only shown as bold italic effect, it is recommended to use <b><i> tags, if the use of <strong><em> will affect the effect of SEO.

If you want to emphasize text, the <strong><em> label is recommended.

 Tips

1. Put the HTML code on top of the important content. Spider crawl is from top to bottom, using this feature can give priority to read important code, advertising and other unimportant code below.
2. Important content do not use JS output.
3. Use the IFRAME framework as little as possible.
4. Use display:none sparingly;. For temporarily do not want to display the text, you can use Z-index and other methods, set it outside the browser display, because the spider will filter out the contents of Display:none.
5. Keep streamlining your code. Do not use two tags for things you can do with one label.
6. In the text paragraph, try not to use the &nbsp; code, can be used margin, padding, text-indent.

Welcome Message ~

  

"SEO in the application of Web page production" video notes