使用rel=alternate ,和rel=canonical進(jìn)行網(wǎng)站優(yōu)化

首先為什么要在PC站(rel="alternate")和移動(dòng)站(rel="canonical")使用該標(biāo)簽,該標(biāo)簽的作用是什么。

當(dāng)你擁有獨(dú)立的PC站和移動(dòng)站點(diǎn)時(shí),即需要使用該標(biāo)簽,每個(gè)PC頁面只能有一個(gè)移動(dòng)對(duì)應(yīng)頁面,反之亦然。

如何使用:

在PC站點(diǎn)當(dāng)中,在</head>前加入

<link?rel="alternate"?>

如果你有響應(yīng)式網(wǎng)站,則無需使用該標(biāo)簽。只有在不同的URL上有單獨(dú)的桌面和移動(dòng)網(wǎng)站時(shí),才會(huì)使用該屬性。

更多前端開發(fā)內(nèi)容請(qǐng)查看這里:孫魯意前端開發(fā)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,108評(píng)論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評(píng)論 1 45
  • 吳黃龍本人閱讀 297評(píng)論 1 0
  • 28、29號(hào)!這兩天是值得一輩子記憶的兩天,因?yàn)楦杏X自己長(zhǎng)到30歲了,還沒有經(jīng)歷過這么極致的突破,以后可能都...
    瑜伽館專業(yè)預(yù)售閱讀 195評(píng)論 0 0
  • A我學(xué)習(xí)到了什么? 1溫習(xí)day02的知識(shí)點(diǎn) 2css基本樣式的講解 3css樣式的繼承:子元素對(duì)父元素的繼承 B...
    塵榆騾厭閱讀 274評(píng)論 0 0

友情鏈接更多精彩內(nèi)容