SEO — search engine optimization

Intro:   White hat SEO and black hat SEO1、 White hat SEO (front end Engineer)A. Website structure layout optimization:1. Flat structure:Control the number of links on the home page (not too large, too few, wit

White hat SEO and black hat SEO

1、 White hat SEO (front end Engineer)

A. Website structure layout optimization:

1. Flat structure:

Control the number of links on the home page (not too large, too few, with real content)

Flat directory hierarchy (do not use deep directories, up to three levels):

Navigation SEO optimization (multi navigation, primary navigation, secondary navigation, side navigation, etc.)

2. Breadcrumb navigation (generally placed in the upper left corner of the text):

Let users know where they are

Enable users to understand the organization of the website

3. Non negligible details (page layout):

First page – previous page – next page – last page

First page 1 2 3 4 5 6 7 8 9 10 next page

Home 1 2 3 4 5 6 7 8 9 10 drop down options

4. other

2、 Website structure optimization

1. Control the number of links on the home page (less than 100)

2. Flat directory level (3 best)

3. Navigation SEO optimization, such as “breadcrumb navigation”: let users know the current location; and let users know the organization form of the website

4. Details that cannot be ignored

5. Other loading speeds, etc

3、 Code SEO optimization

1. Web code optimization (semantic code)

A. Title: focus

B. Meta keywords: list several keywords / concise and efficient words & lt; meta http equiv = “Keywords” content = “keyword1, keyword2, keyword3” & gt;

C. Meta description web page description: highly summarize the content of the web page & lt; meta http equiv = “description” content = “this is my page” & gt;

Do not stack or repeat the above information

2. Semantic code (HTML tags have their own meaning, with the right tags in the right place)

1. H1 ~ H6 are mostly used for titles

2. UL is often used for unordered lists

3. Ol is mostly used for ordered lists

4. DL is used to define data list

5. Em, strong for emphasis

Div and span are the most semantic tags in HTML

1. A: when visiting external links, add rel = “nofollow” to tell the search engine that external links do not need to be tracked, and add the title description

2. H1: think H1 is the most important outside the search engine, use CSS to adjust, use H1 for the main body of the web page, H2 for the subtitle, and don’t use h tags indiscriminately for others

3. Br used for wrapping between texts, in P, or & lt; P & gt; & lt; br / & gt; & lt; / P & gt; for empty lines

4. Caption: table title

5. IMG: use title, ALT description

6. & lt; strong & gt; & lt; EM & gt; means emphasis, the weight of & lt; EM & gt; is next to & lt; strong & gt;, if you only want to represent bold italics, it is recommended to use & lt; B & gt; & lt; I & gt;, for emphasis, use & lt; strong & gt; & lt; I & gt;

7. Important content HTML code at the top (use CSS to change layout)

8. Don’t use js output for important content (search engine can’t understand JS)

9. Try to use less iframe framework (search engines don’t like it)

10. Use display: none carefully (search engine will filter out its content and set Z-index / text index instead)

11. Reduced code

Related Passages:

Leave a Reply

Your email address will not be published. Required fields are marked *