What are the considerations for SEO from a front-end perspective?

 

1. Improve page loading speed. You can use CSS to solve the problem without the background image, and the background image should be compressed as much as possible. You can put several icons on one image, and use background-position to find the desired image position. It can reduce the number of HTTP requests and improve the loading speed of web pages. 
2. Separation of structure, presentation and behavior. Another important reason for slowing down the loading speed of web pages is the accumulation of CSS and JS on HTML pages. Every time I see someone writing CSS and JS directly on the page, it hurts me. The loading speed of web pages can be greatly accelerated through external links. CSS files can be placed in the head, and JS files can be placed at the bottom of the body. The JS files can be loaded without affecting the reading. 
3. Optimize the hierarchical structure of the website. It is necessary to add breadcrumb navigation to each inner page, so that the spider will not get lost after entering the page. If possible, it is best to add a separate Sitemap page to display the website structure in front of the spider at a glance, and more Useful for spiders to crawl information. 
4. Centralize website authority. Since the weight assigned by the spider to each page is certain, these weights will also be equally distributed to each a link, so in order to centralize the weight of the website, you can use the "rel=nofollow" attribute, which tells the spider not to crawl the target page, You can assign weights to other links. 
5. Text emphasizes the use of labels. When emphasizing that a keyword needs to be bolded, the strong tag is more emphasized than the b tag. 
6. Use of the title attribute of the a tag. In the case of not affecting the function of the page, you can try to add the title attribute to the a tag, which can be more conducive to spiders to crawl information. 
7, the use of image alt attributes. This property can display relevant text information on the page when the image cannot be loaded, and the effect is the same as above. 
8. Use of H tags. Mainly, the use of H1 tags requires special attention, because it has its own weight. A page has and at most can only have one H1 tag, which should be placed on the most important title of the page. For example, the logo of the home page can add H1 tags.