“Gogo”前端和SEO（1）：结构，性能，行为分离

标准定义web由三层组成：

-结构层（HTML）

–表示层（CSS）

–行为层（JAVASCRIPT）

推广"结构，性能，行为，三个独立的，不受干扰的"网页。

他们在这里代表什么？

–内容：访问者浏览的信息

–结构：使内容合乎逻辑且易于使用

–性能：修改内容的外观使其看起来美丽

–行为：与内容

根据世界标准，在编写网页时，应考虑结构，然后万网虚拟主机在结构的基础上添加样式，最后添加交互行为。

因此HTML用于保存内容和结构，CSS用于控制整个文档的性能。但在中文页面上，符合此标准的页面编号。

这件事与搜索引擎纱线有关吗？令's以栗子开头：许多网页中常见的片段，如下所示：

你如何写出大部分这些页面？

受Div+css box模型的影响，前端接管设计图，通常直观地将页面切割成n个块。

例如：左侧首先从左侧切开一个div以浮动，右侧然后切开右侧浮动的div，左侧浮动div内部添加图片（IMG），右侧浮动div内部加上标题（H）和段落（P），如下所示：

源代码如下（DEMO1）：

T这似乎没有问题，但嵌套层实际上更多。通往身体的道路

在实际的网页上，此片段也嵌套在多层之外，因此实际路径比此更长。

进行优化以降低级别。所以认为，万网虚拟主机在外面不需要添加div，本身可以左浮动，然后将边距设置为固定位置，因此代码更改为Demo2:

尽管div的图像较少，但文本路径保持不变，然后优化，更改为DEMO3:

此时，通往body<的路径;p>以及

Demo1不符合标准，大部分时间是因为它是这样编写的，因为优先级不是文档的整体结构，而是首先拆分成一个块，以便将CS组合成一个块。这当然不是财团倡导的结构风格分离的想法。

因此，从Demo1到Demo3的最后一个栗子考虑到两个调整，从"第一个HTML变成一个块，在CSS中一起"到"首先看整个HTML，在一个块中CSS"evolution

总结一下并将其带入搜索引擎。这件事有什么好处？

1. 提高页面加载速度

2，降低修订成本。毕竟，HTML减少了，相应的CSS减少了，修改位置的自然需求也减少了。

3，节省带宽。

4，为了提高网页的搜索引擎可读性，识别的主要内容更容易。显然是一个完整的内容，必须分成一个块，以防万一t他搜索引擎没有看到这些与如何做有关。

5，以方便各种设备的可读性和可访问性。

国外的一名学生在Google sue me，Google的排名倾向于符合网页标准，可以看到slag和Google's搜索结果的比较，但slag程度对此似乎并不寒冷，估计这里的国内网页一般不如外国，所以也混乱了。

下面是习惯的拉紧时间。

前端和搜索引擎优化之间的关系非常大，紧密相连，可能是因为一个可靠的前端，然后流向，然而，一些无知的搜索引擎优化认为这是他们自己先于做什么莫名其妙的行动导致交通增长，在他们非常好的想法之上放火。

前端好或坏直接影响搜索流量，但没有太多人关注（实际上，已经提到了状态Ping），大多数SEO都在谈论前端搜索引擎优化，我们的想法是简化HTML/CSS/JS（大多数第三方工具格式化，然后合并一点点）或标记为H1，H2和其他标签，但不知道底层的东西。

从搜索引擎的角度查看网页，查看HTML，而不是浏览器渲染后的界面。看到一些页面，使用常见的两列布局，左列占用宽度80%，显示器的主要内容，右列宽度为20%，调用一堆零散的辅助信息，浏览器从左到右查看次要内容的主要内容，非常正常。但是打开HTML，div的二级内容的右列放在主内容div的前面，在s中耳引擎似乎完全不同。

上面是冰山角的前端和SEO关系。

"Gogo"前端和SEO（1）：结构，性能，行为分离