Skip to main content

Layout Using DIV Tags vs Tabular & Elements of Influence


Layout using Tags vs Tabular

You probably often observe disputes between adherents of a certain type of layout. Those who typeset pages the old-fashioned way are more than sure that their code will be read to the code of pages created according to the latest standards. On the one hand, they are right, but if you dig deeper, this is not entirely true. Let's imagine a HTML banal plate, with the help of which pages are usually typeset:

<table> <TR> <TD> Page content </TD> </TR> </TABLE>

This is exactly what we see on more than 50-60% of sites.

<DIV> Page content </DIV>

Obviously the code is much longer.

Now imagine that the search robot is on the site for a certain time and reads the content of your page. It is clear that the shorter and simpler the document code, the faster the robot will learn and save it. Of course, clean and simple code pages will not give you a visible advantage over your competitors, but it will be the first step to ensuring that your pages will be processed faster by the search engine robot.

One can argue and debate about this for a long time, but the practice of foreign colleagues shows that this approach is effective - take, for example, a search Yahoo system, whose main page has long been converted to a shorter and simple code.

Why are we moving further and further? The fact that HTML code will set only the structure, and the design and everything else can be issued on the user's side through Cascading Style Sheets (CSS) and JavaScript.

Eventually, we get clean markup with text content, which naturally will be processed by search robots much more efficiently. You can add one more argument - with a tabular layout, the search robot will read and process information by cells, - from left to right.

As a result, it turns out that the cells farthest from the left edge will be processed later. In the case of block layout, this effect is not observed. Recently, more and more voices are in favor of block and semantic layout. Most webmasters build mobile versions and versions on it for print.

Main Elements Influencing

for compatibility with search engines and machines The following elements may affect search engine compatibility:

Scroll to Continue

□ page <title> tag (+);
□ description tag (+);
□ META - keyword tag (+);
□ body text and keyword density (*);
□ the location of the text on the page (+);
□ location of keywords (proximity of keywords to each other - Adjacency & Proximity) (+);
□ headings <H1>, <H2>, <H3> ( + ) ;
□ bold/italic text: <strong>, <in>, <em>, <i> (*); □ domain name (*);
□ some web design elements (+);
□ alt attribute of <img> tag (+);
□ anchor text, internal cross-references (*);
□ link building (*);
□ comment tag (-);
□ folder level (, etc.) (*);
□ bottom menu (-);
□ sitemap (+);
□ invisible text (-);
□ transparent GIF (-);
□ hyphens, underscores, etc. (+);
□ re-registration of the site in search engines (automatic re-registration)(-);
□ dedicated IP address (+);
□ doorway pages, no redirect (+);
□ redirect (-);
□ frames (*);
□ dynamic content (*);
□ graphical navigation (menu) (*);
□ Flash (*).

There are other elements that can affect compatibility, but these are the most common.

Relevance and Factors

Influencing the search engine has developed its own algorithm for determining relevance. The algorithm is a mathematical formula with hundreds of parameters, which can change daily, making it almost impossible to hack the algorithm.

In the process of matching a site to a query, the search engine assigns to each page a specific weight (rank), which shows how it matches the formula and its relevance of this. The following factors are believed to increase the rank calculated by the search engine.

□ the presence of keywords in the <title> tag;
□ the number of keywords in the main text of the page;
□ the presence of keywords in the headings <H1>;
□ the presence of keywords in-text links pointing to this page (*);
□ the presence of keywords in the alt attribute of the <img> tag;
□ the concentration of keywords on the page;
□ popularity and reputation of sites that link to this site;
□ relevance to the query of sites that link to this site;
□ user behavior on the site (number of pages viewed, duration stay on the site, etc.);
□ social signals


In parentheses, the symbol * indicates the factors that increase the rank with reservations and the method used.

The main thing in optimization is to find a balance. "Reoptimization" can be harmful, as it lacks genuine optimization.

Along with factors that can increase the rank of a site, there are factors that definitely can lower it. For example:

□ the use of technologies that the search considers spam (this is checked using special filters); □ re-optimization;
□ too long URLs;
□ Search Engine Optimization Basics
□ excessive number of outgoing links;
□ excessive number of incoming links with keywords;
□ use of special characters in URL (for example: ?, #, $, %, &, identifiers);
□ using Flash;
□ content deeper than the third nesting level (for example,;
□ use of frames;
□ use of graphical navigation;
□ URL redirection;
□ the use of factors that mimic the activities of users on the results, issuance and pages of the site;
□ other factors.

Most of the negative factors are just design elements that, However, they prevent the search robot from indexing the site.

The less on the site elements that make indexing difficult, the more it is compatible with the search engine and the higher his chances of getting a high ranking for a particular query.

This content is accurate and true to the best of the author’s knowledge and is not meant to substitute for formal and individualized advice from a qualified professional.

© 2022 Temoor Dar

Related Articles