What SEO optimization techniques are needed for front-end developers

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The front-end development engineer not only needs to be with 10243.html "> visual designer, Interactive Designer, perfect restore design artwork, write compatible with each big browser, load fast, user Experience good page." Now also need to work with SEO personnel, adjust the page code structure and label. Some mature platform, in the initial development and did not consider the optimization problem, so do out of the page, the effect is very cool, powerful, but the search engine is very unfriendly. Any mature site, late pages are often millions of, to this time to adjust the structure, both time-consuming and laborious, the most afraid of will affect the rankings and included.

So it is better to solve the problem at the source than to adjust it later. I am also engaged in front-end development work, the following I work in the process, the accumulation of several development process on the need to do a good job of SEO optimization skills, to share with you.

1, simplifying the structure of the code, more conducive to search engine analysis to capture useful content: the page as far as possible using Div, of course, table display mode with a table or more convenient than div; all JS, CSS using outreach, pictures using CSS Wizard, reduce the number of requests. Look below the same content, with Div and talbe layout of the code comparison, it is obvious to use a div simple more.

2, important content priority loading (the first link is best site main keyword, not deliberately required, you can use CSS to deal with the index of the length of an article is also limited, we must put the most important content, giving priority to the spider, this aspect you can check some of the larger snapshots to verify the page.

3, each page can only appear once H1 label, H2 label can be multiple times: H1 weight is very high, generally considered second only to title, General information details page title, the title of the Product Details page, are placed in the H1.

4, the picture must add the alt attribute, Title attribute optional: Spiders do not know the contents of the picture, can only be judged by the ALT attribute, if it is a list of goods, all the products are added ALT and title, easy to create a stack of keywords, so I usually only add alt attribute.

5, picture size statement: If the picture size does not make the definition, the page needs to be rendered again, will affect the loading speed.

6, links can be added according to the requirements of the title attribute and Nofllow value; non-specific links, link addresses must be written to the Herf attribute, some front-end developers in order to save trouble, directly with Div add click event when the link, in the visual and use is indeed to achieve the link effect, But have done SEO optimization personnel are aware that the spider at present for JS support is very poor, basically can not read the link address inside. So use Click event is absolutely not allowed, especially some important navigation links.

7, the content of the page as far as possible not to make flash, pictures, videos, these things spiders are not caught, even if it is necessary, but also to generate the corresponding static page. There are many enterprises stand looking very cool, the whole station flash, the boss looks is cool, do SEO optimization personnel will be crazy, the whole station does not have a link.

8, except the first page outside the best to add bread crumbs type navigation, the navigation structure must be clear.

9, do 404 pages, usually add home page link and error prompts, and test its return status code 404:1, user experience friendly, can retain users, not directly close the page, 2, Spider-Friendly, you can return to crawl other pages.

10, the structure of the Web site is flat-shaped tree, the directory structure should not be too deep, each page from the homepage to click No more than 3 times, too deep is not conducive to search engine crawling.

This article originates from the Fat Meimei Life Hall http://pangmm.org/, if needs to reprint please indicate the source, thanks!