背景描述

某個頁面被多少頁面引用（在其他頁面上有指向這個頁面的 a 標簽），是搜索引擎判斷這個頁面價值的其中一個因子。這里的搜索引擎不只是指百度，還包括國內外其他的搜索引擎。

MIP 在最初設計 MIP url 跳轉邏輯實現時，并未考慮到搜索引擎判斷頁面價值的這一個點，設計了 mip-link 組件代替了部分 a 標簽功能，打斷了搜索引擎通過 a 標簽去判斷頁面的價值，導致使用了 mip-link 組件的 MIP 頁面的頁面價值收到了影響，與此同時，也影響了搜索引擎的搜路和連接關系的判斷。

基于上述背景，我們 MIP 項目組需要升級 mip-link 組件以解決上述問題。

實現方案

升級 mip-link 組件，其組件渲染后，mip-link 的內容會用生成的一個 a 標簽包裹，此 a 標簽放在 mip-link 的節(jié)點下，渲染后 DOM 結構如下：

before: <mip-link href="http://m.baidu.com">鏈接文字</mip-link>after: <mip-link><a href="http://m.baidu.com">鏈接文字</a></mip-link>

影響

對目前已經使用 mip-link 組件的頁面造成的主要影響集中在頁面樣式上，目前我們會對 padding、margin、display 和 color 做兼容，經過反復測試，目前梳理出來如下定義的 css 可能存在樣式問題： nth、 .a > .b > mip-link，所以如果站長發(fā)現頁面樣式有問題，需要對已有樣式進行相應調整?，F在我們的組件正在測試中，具體上線請大家關注官網動態(tài)和 github issues

總結

以上是生活随笔為你收集整理的mip-link 组件功能升级说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。