前端:logo優(yōu)化

優(yōu)化步驟

  • logo里面首先放一個(gè)h1標(biāo)簽,目的是為了提權(quán),告訴搜索引擎,這個(gè)地方很重要
  • h1里面在放一 個(gè)連接,可以返回首頁(yè)的, 給連接一 個(gè)大小和logo的背景圖片
  • 連接里面要放文字(網(wǎng)站名稱) .為了搜索引擎收錄我們。
  • 最后給連接一個(gè) title , 這樣鼠標(biāo)放到ogo上, 就可以看到提示文字了

淘寶的做法:

.logo a {
  text-indent: -9999px;
  overflow: hidden;
}

京東的做法:

.logo a {
  font-size: 0;
}

有限的例子:

例1:

<div class="logo">
     <h1><a href="index.html" title="品優(yōu)購(gòu)">品優(yōu)購(gòu)</a><h1>
</div>
.logo a {
  display: block;
  width: 175px;
  height: 56px;
  background: url(../img/logo.png) no-repeat;
  font-size: 0;
}
?著作權(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ù)。

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