Home >Web Front-end >HTML Tutorial >A brief discussion on the impact of layout in HTML on SEO

A brief discussion on the impact of layout in HTML on SEO

php中世界最好的语言
php中世界最好的语言Original
2017-11-28 09:30:402582browse

Because I have a background in SEO before, today I will tell you about the impact of Xhtml web pages designed and developed by DIV+CSS on SEO optimization. The pros and cons of SEO.

First: DIV+CSS page is efficient for spider crawling
The code simplification of Div+Css is unmatched by table. Even the html of DIV CSS plus the corresponding CSS files are generally smaller than those of table. HTML file, div+css realizes the complete separation of style and layout, greatly reduces the front-end junk code, and makes the content more prominent, allowing spiders to quickly crawl on your website and complete your website in a short time.

Second: Improve web page opening speed
It is well known that customers are God. Search index engines are no exception, so search engines will give priority to crawling websites with better customer experience. A real SEOer is not just pursuing inclusion and ranking. Fast response speed is the basic website for improving user experience. Let me ask you: If it takes you more than a minute to open a website, will you come to this website next time?
DIV+CSS layout reduces page code compared to Table layout, and the loading speed is greatly improved, which is very beneficial when Spider crawls. Too much page code may cause crawling timeout, and Spider will consider the page inaccessible, affecting inclusion and weight.
Off topic: The page opening principle of tale layout: Generally, the page of table layout is a large table nested in the table, the middle table is nested in the small table, and the small table is nested in the small table. Generally, the first table (the outermost one) must be read before it can be displayed. When reading a large table, the small tables in the large table must be read at the same time, which greatly increases the speed of opening the web page.
That is, when the browser loads the table page, it usually loads

and waits for
to be loaded and the table to be closed before sending the content to the viewer, which makes the viewer feel that the web page, etc. The longer it takes, the slower it feels.

Third: Impact on search engine rankings
The DIV+CSS layout based on the XHTML standard will generally be as complete as possible after the design is completed to pass W3C verification. So far, no search engine has stated that its ranking rules will favor websites or pages that comply with W3C standards, but it turns out that websites using XHTML architecture generally have good rankings. This may be controversial, but Le Sishu himself maintains this view. Those who have objections can compare and observe more than three groups of websites with basically the same quality.

DIV+CSS has much stronger overall control over the web page. Through simple code modifications, the website can be significantly optimized and revised. Very practical.
Many people feel that although CSS is very beneficial to rankings, there are many factors that affect rankings. This is not the only one. Tables can also be used without foundation, but the table should not exceed three levels. It is recommended that friends who do not know css+div have time to learn

The disadvantages of DIV+CSS:
1. It takes more development time to develop a DIV+CSS page compared to a TABLE page
2. Compatibility, because we are now in the era of browser wars, and the different kernels of each browser have caused slightly different interpretations of CSSproperties, causing compatibility problems. This is a more difficult problem for novices. I believe that browsers can unify their interpretation well by following W3C standards.

I believe you have mastered the method after reading these introductions. For more exciting information, please pay attention to the php Chinese website Other related articles!


Related reading:

Common ways to organize native js

Use Vue +How to do interactive effects in CSS3

What are js deep copy and shallow copy and how to implement them

The above is the detailed content of A brief discussion on the impact of layout in HTML on SEO. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn