背景描述

某個(gè)頁(yè)面被多少頁(yè)面引用（在其他頁(yè)面上有指向這個(gè)頁(yè)面的 a 標(biāo)簽），是搜索引擎判斷這個(gè)頁(yè)面價(jià)值的其中一個(gè)因子。這里的搜索引擎不只是指百度，還包括國(guó)內(nèi)外其他的搜索引擎。

MIP 在最初設(shè)計(jì) MIP url 跳轉(zhuǎn)邏輯實(shí)現(xiàn)時(shí)，并未考慮到搜索引擎判斷頁(yè)面價(jià)值的這一個(gè)點(diǎn)，設(shè)計(jì)了 mip-link 組件代替了部分 a 標(biāo)簽功能，打斷了搜索引擎通過(guò) a 標(biāo)簽去判斷頁(yè)面的價(jià)值，導(dǎo)致使用了 mip-link 組件的 MIP 頁(yè)面的頁(yè)面價(jià)值收到了影響，與此同時(shí)，也影響了搜索引擎的搜路和連接關(guān)系的判斷。

基于上述背景，我們 MIP 項(xiàng)目組需要升級(jí) mip-link 組件以解決上述問(wèn)題。

實(shí)現(xiàn)方案

升級(jí) mip-link 組件，其組件渲染后，mip-link 的內(nèi)容會(huì)用生成的一個(gè) a 標(biāo)簽包裹，此 a 標(biāo)簽放在 mip-link 的節(jié)點(diǎn)下，渲染后 DOM 結(jié)構(gòu)如下：

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

影響

對(duì)目前已經(jīng)使用 mip-link 組件的頁(yè)面造成的主要影響集中在頁(yè)面樣式上，目前我們會(huì)對(duì) padding、margin、display 和 color 做兼容，經(jīng)過(guò)反復(fù)測(cè)試，目前梳理出來(lái)如下定義的 css 可能存在樣式問(wèn)題： nth、 .a > .b > mip-link，所以如果站長(zhǎng)發(fā)現(xiàn)頁(yè)面樣式有問(wèn)題，需要對(duì)已有樣式進(jìn)行相應(yīng)調(diào)整。現(xiàn)在我們的組件正在測(cè)試中，具體上線請(qǐng)大家關(guān)注官網(wǎng)動(dòng)態(tài)和 github issues

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。