SEO私馆

原创知识、有效实用、促进思考、学习交流

网站DOM是必须要优化的技术事项

所有的网站都应该重视DOM是否影响了SEO/AEO/GEO,但也是大多数人都会忽略的问题,实际上DOM就是网站内容的容器,从技术层面是树状模型,所以DOM就是网站内置的信息模型,而且适用于AI的抓取识别。

臃肿的DOM会影响搜索引擎效率。

如果网站DOM是过大、过多、过深,那么很有可能会影响搜索引擎的解析及渲染的速度,从而导致页面读取丢失,这会体现出信息加载缓慢、异常、卡顿,举例:理解不了内容的语义、标签的定位,甚至还有可能出现缓存不一致的数据问题。

所以我们优化网站的时候,要减轻DOM的负担和不必要性,这是意味着让搜索引擎能够高效率的读取内容信息的情况,甚至还关系到网站的性能指标,尤其是应对AI的标准就显得尤为重要,但是优化网站的DOM属于技术层面,务必精细到位。

DOM是包含了结构和语义的定位。

页面的标签(如:<header>、<nav>、<main>、<article>)除了在前端代码中显性,还要在包含DOM内,因为搜索引擎会区分浏览端和用户端进行对比校验,而且会进行相对应的属性及元素的记录,这其实就是页面结构的定位,如:哪里是主要区域、辅助区块、正文范围、相关范畴。

如果细致的看待,那么还会涉及到语义了,这指的是副级标题、重要信息、重点提示等等,举例:SEO的意思是搜索引擎优化,但是语义可以翻译成“SEO是什么意思”、“什么是SEO”,这些都需要明确的预先定位,否则搜索引擎就比较难以理解了,所以DOM就要能提供这个信号的位置。

不要让JavaScript成为DOM的麻烦。

尽量不要让JavaScript渲染内容,因为加载JavaScript是难免会有延迟的现状,这就会导致搜索引擎解析DOM的时候,获取内容是空白的结果,而且还会影响网站的加载性能,最好是优先使用SSR(服务端渲染)或SSG(静态页生成),这也是优化DOM及网站的措施。

如果必须要用CSR(客户端渲染)内容,那最好配合预渲染技术进行提前读取或是缓存,也可以用动态渲染(Dynamic Rendering)技术为搜索引擎的蜘蛛提供预渲染的内容,但是要注意结果的一致性,而且不能影响正常的访问,而且还要注意网站服务器及数据库的稳定性。

"SEO私馆"结语:我们熟知的大型或是品牌网站都很重视通过优化DOM的质量,从而达到搜索引擎的效果,但是很多人都误以为是搜索引擎开了小灶,其实关于SEO还是AEO/GEO的事情,有很多都已经是阶级的问题了,不是有没有、而是懂不懂了,就拿DOM来说吧,很多人都是想都想不到的事项。