很多網站本來就有了 pc 和 m 站,現在又來了個 amp,如何適配呢?有兩種適配形式:
pc + amp
這種形式比較簡單,只需要配置好 amphtml 和 canonical 即可,aliexpress.com 就是這種情況。關係圖如下:![AMP 如何適配]()
pc + m 站 + amp
這種情況稍微複雜一點,alibaba.com 是採用這種形式。![AMP 如何適配]()
也有網站存在更複雜的架構,比如 pc、m 站、amp,以及英文和多語言,這裡還有完整的架構關係圖:
![AMP 如何適配]()
amp 實戰心得。
從實戰效果來看,amp 是不可錯過的一項新技術,不管是在網頁性能,還是對 seo 流量的幫助。首先,amp 應該是 web 端性能最強的一個框架了,google 對性能的優化做到了極致。阿里的前端甚至也在參考 amp 的思路對性能做提升。其次,雖然 google 說過 amp 不會有排名的優先,但從實戰效果來看,amp 的流量還是會提高。amp 算是近幾年來難得的技術紅利了。
pc + amp
這種形式比較簡單,只需要配置好 amphtml 和 canonical 即可,aliexpress.com 就是這種情況。關係圖如下:

pc + m 站 + amp
這種情況稍微複雜一點,alibaba.com 是採用這種形式。

也有網站存在更複雜的架構,比如 pc、m 站、amp,以及英文和多語言,這裡還有完整的架構關係圖:

amp 實戰心得。
從實戰效果來看,amp 是不可錯過的一項新技術,不管是在網頁性能,還是對 seo 流量的幫助。首先,amp 應該是 web 端性能最強的一個框架了,google 對性能的優化做到了極致。阿里的前端甚至也在參考 amp 的思路對性能做提升。其次,雖然 google 說過 amp 不會有排名的優先,但從實戰效果來看,amp 的流量還是會提高。amp 算是近幾年來難得的技術紅利了。