Front-end Seo Technology

I believe that most front-end developers should be aware of the importance of SEO to us. Therefore, I personally think that Seo optimization should be taken into account in the early stages of development, even if the results are dazzling and the features are strong, they are not friendly to search engines. It will be time-consuming and labor-consuming to adjust the problem again when it comes to maturity.

After being educated by SEO staff recently, I have learned the knowledge of Seo and technology.

1. simplified the code structure, making it easier for search engines to capture page content. I believe that most front-end developers are now away from the table layout, and adopt the DIV + CSS layout. However, in the table expression mode, it is easier to use table than Div. Similarly, to streamline the page as much as possible, both CSS and JS adopt the external link mode. Example: The following code

<! Doctype HTML> 
 
 
2. Make the structure semantics of HTML as much as possible. Although semantic HTML belongs to the scope of Web standardization, for a comprehensive Seo, using a standardized web page structure is beneficial to Seo, for Web standardization, semantic HTML must be discussed. Seo is optimized by the semantics of specific tags. The next article will continue. For example:
<Em> and <strong> these two tags have a great impact on Seo. Using them appropriately can increase the color of your webpage. <Em> and <strong> are the same as HX in terms of importance. <Em> indicates emphasis, while <strong> indicates emphasis, which is heavier than em. In Seo, we can mark the most important keywords with strong and the second important keywords with EM.
 
3. It is best to add the title to the link and add the nofllow value of rel as needed. The href attribute must be added to the link. Pair
For important navigation links, The onclick event cannot be used to replace href. Seo optimization personnel know that spider currently has poor support for JS and basically cannot read the link address.
4. ALT should be added to the image. If a spider does not know the content on the image, the image can only be determined by alt attribute. For images with descriptive meaning, it should not be used as a background image, but should be labeled with IMG. Example: 
5. Each page can only display the H1 tag once. The H2 tag can be used multiple times: the H1 tag has a high weight and is generally considered second only to the title. Generally, the title of the details page and the title of the details page of the product are displayed, put them in h1.
6. Important content should be loaded first, and corresponding styles should be controlled through CSS styles. Document Reading takes precedence over important content. For example, navigation is visually at the front, while content is preferentially loaded.

 
7. In addition to the home page, it is best to add a breadcrumb-type navigation. The navigation structure must be clear.
8. After you complete the 404 page, you will generally add a home page Link and error message, and test that the returned status code is 404: 1. the user experience is friendly. You can retain the user and will not directly close the page; 2. the spider is friendly and can return to capture other pages.
9. The website structure is a flat tree type, and the directory structure should not be too deep. Each page can be clicked no more than 3 times from the home page, which is not conducive to search engine crawling.
10. There are some SEO cheating techniques, such as display: None, position: absolute, and overflow: hidden.
Front-end Seo Technology