網站頁面幾種類型的SEO優化區別
常規的網站有自適應頁面、代碼適應頁面、獨立跳轉適應頁面,三者在SEO優化方面也有較大區別,下麪講解一下。
一、自適應網站
自適應頁面由於代碼簡單,統一,PC端和移動端一致,依靠適配JS+CSS組合自動根據訪問端進行展示,在SEO優化頁面代碼、標題等其他方面時的大部分可以比較簡單的一步到位,網站PC端和移動端域名URL地址和代碼一致利於節省SEO優化時間。
在head添加以下代碼並且使用<picture>元素處理自適應圖片:<meta name="viewport" content="width=device-width, initial-scale=1.0">。
自適應頁面還應該在head中標識:<meta name="applicable-device"content="pc,mobile">表示頁面同時適合在移動設備和PC上進行瀏覽。
二、代碼適應網站
代碼適應頁面是網站PC端和移動端域名URL地址一致,代碼不同,在SEO時可以針對移動端進行更好的優化,並且在pc的響應的head中添加<meta name="applicable-device" content="pc">,在移動的響應的head中添加<meta name="applicable-device" content="mobile">,這是告訴搜索引擎PC和移動端的代碼頁面屬性,避免當做自適應處理風險。
三、獨立跳轉適應網站
也叫獨立移動端和PC端,網站代碼結構完全是獨立開發的,可以獨立運營移動端網站,在SEO優化上等同於2個網站,在pc版網頁(http://www.example.com/page-1) 上,添加:<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1">,而在移動版網頁(http://m.example.com/page-1) 上,所需的註釋應為:<link rel="canonical"href="http://www.example.com/page-1">,這是告訴搜索引擎PC端和移動端互相對應的頁面URL地址。
三者的SEO優化效果狀況如何?
自適應網站的SEO優化效果穩定性一般,需要付出較多的時間精力做SEO運維。
代碼適應網站的SEO優化效果穩定性較好,適合中後期大量佈置關鍵字和長尾詞。
獨立移動端網站的SEO優化效果穩定性較強,適合運營策略做大量詞彙。
結語:不建議在SEO技術不夠強悍的程度去混合使用不同的頁面類型網站,理論上前端統一一種即可。