網站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)技術為搜索引擎的蜘蛛提供預渲染的內容,但是要注意結果的一致性,而且不能影響正常的訪問,而且還要注意網站服務器及數據庫的穩定性。

結語:我們熟知的大型或是品牌網站都很重視通過優化DOM的質量,從而達到搜索引擎的效果,但是很多人都誤以為是搜索引擎開了小竈,其實關於SEO還是AEO/GEO的事情,有很多都已經是階級的問題了,不是有沒有、而是懂不懂了,就拿DOM來說吧,很多人都是想都想不到的事項。