Implement SEO In website reconstruction following DIV + CSS

　　Experience and skills of kangfire website construction Institute (bkjia.com)The website designed by DIV + CSS is based on W3C standards. If a website is completely made by CSS + DIV, your website's SEO (Search Engine Optimization) has completed 30%! Why? Where are other SEO advantages? Let's look at my ideas:

DIV + CSS websites have 30% SEO jobs

1. The div + css website follows the concept of "webpage structure, performance, and behavior separation, and does not interfere with each other to compete for work", not to mention SEO. In fact, the website built based on this concept, the speed of opening a webpage is significantly faster. According to this idea, webpages will be divided into html, css, and js files, while css and js files can be cached, therefore, browsing such a web page is actually just to download the html code. Of course, the speed is faster.

Let's first look at what SEO has done:

A. the META tag on the webpage will be completely added, such as keywords, description, and robots;

B. The code of the content captured by the search engine is simplified, the non-Content Code is greatly reduced, and the file size is small;

C. The text will be relatively advanced. The text and important content can be searched within almost 200 words;

D. There will be no issue of multi-layer nesting like tables.

2. Modified Image text replacement. js and flash text images are restored. Some websites adopt image buttons to achieve eye-catching effects, flash switching of image news, and js running lamp Effect of text ...... In this way, the code of the original image and text link is converted into js Code and flash that the search engine does not understand, or the text is replaced by a modifier image that is not originally the content directly inserted. If these keywords are added, the search volume will be greatly reduced. Replace the modified image text: that is to say, the modified image is converted into a basemap display without interfering with the search engine and letting it ignore it. Some text is added, and css is used to hide it, which also adds text that can be searched. It is commonly used in logos, buttons, and menus. Restoration of js and flash text images: this is a new idea I have recently proposed, and there is no widely known method yet (Hehe, it's still a problem if you don't accept it): Convert js, the content displayed in flash is converted to html. Then, JavaScript is used to read html, and parameters are passed to start the original effect and hide html, which is only a few more steps than the original one. For details, refer to my article: how to reduce the negative impact of JS on search.

3. W3C requires that the title of the link label and the alt attribute of the image label be added. In this case, all the labels are added with the title text and the img has the alt text. Instead of temporarily adding a few links (anchor text) containing keywords to the title when optimization is required, and adding alt to the image. Css + div is not to add title and alt for SEO optimization, but to add them for webpage affinity.

4. Reasonably arrange the use

Bold, italic, and underline are all necessary for semantic tags. Therefore, CSS + div can be implemented without knowing it.

5. webpage standards can be pre-tuned at any time before important content is re-located using css. For example, the text in the middle of the page is more important. You can first put the important content in front of the Code on the left to facilitate the search engine, and then use css to adjust it to the position.

6. Benefits of Web Page standards

Less code and components, easy to maintain

Lower bandwidth requirements (simpler code) and lower costs.

Easier to search by search engines

Easy to modify without changing the page content

Print version without copying content

Improve website usability.

The other half of SEO is editing. Programming editing involves the design, name, page layout (keyword location arrangement) of channel columns. When creating a column, when writing a draft, folder, file name; keyword management, understanding the popularity and competition of the currently used keywords; topics, current hot topics; keyword extraction during the record, and alt insertion habits; exchange links with websites of the same type ...... Programming involves static pages, pseudo-static URLs, and re_write Rewriting Technology. The keyword search function in the system search on this site enables the keyword network of each page of the website; maintain the server and stabilize the server. Ad filtering of comments; automatically bold keywords, add links containing the title Keyword; avoid too many dead links on the website, and provide the function of automatically deleting or repairing dead links; related articles take the article link format: first, the keyword is the same, the two keywords are related to the title, and the content of the article is related to the keyword. ...... Therefore, after making a CSS + DIV webpage, you only finished 30% of SEO work, and another 70% needed editing and programming. Other frauds, or deliberately repeat keywords, And the beginning or end of code between bodies increases the chance of keyword occurrence.

Production and programming are the foundation of SEO. They are not well prepared and conform to the code structure optimized by search. Therefore, no matter the level of editing, the search engine will not have good results. However, we can also see that after the foundation is laid, the effect of Editing will become more obvious as time increases, because the foundation does not need to change frequently. A motion is a "big project" That hurts bones and muscles ".

If the website does not meet the standards, rebuild the website.

Div + css is more convenient for search engines. Replace nested tags with HTML that only contains structured content. The search engine will search your content more effectively and may give you a higher ranking rating ). Therefore, it is better to use CSS + div to construct a website, deploy the xhtml, css, and js of the website, and select a program. The rest of the work is editing.

Whether SEO can achieve the best optimization depends on the editing capability and level.