移動(dòng)端優(yōu)化由于分辨率的原因，不適宜展開(kāi)所有的內(nèi)容，根據(jù)實(shí)際情況點(diǎn)擊再展開(kāi)。從SEO優(yōu)化的角度來(lái)說(shuō)，這只是隱藏顯示到用戶(hù)端，蜘蛛能正常抓取完整內(nèi)容，并不是SEO黑帽。
區(qū)別于ajax異步調(diào)用內(nèi)容，蜘蛛不抓取調(diào)用出來(lái)的所有內(nèi)容，因?yàn)槭怯|發(fā)了某個(gè)按鈕或鼠標(biāo)命令才調(diào)用，因此不建議運(yùn)用ajax篩選，而采用php篩選，能讓蜘蛛正常抓取URL。參考文章《終極講解dedecms實(shí)現(xiàn)多條件篩選并以當(dāng)前篩選詞為標(biāo)題》這個(gè)JS適合列表頁(yè)或首頁(yè)模板，解決了頁(yè)面過(guò)長(zhǎng)，又有利于搜索引擎抓取。
完整html代碼
<!DOCTYPE HTML>
<html>
<head>
<title> 測(cè)試 </title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script><!--js調(diào)用路徑要本地，或者在js官網(wǎng)下載相應(yīng)版本的即可-->
</head>
<body>
<p>我是展示的第一部分
<p id = "showp" style="display:none;">我是隱藏的那部分</p>
<a href="#" onclick="showHideCode()">查看更多</a>
</p>
</body>
</html>
<script type="text/javascript">
function showHideCode(){
$("#showp").toggle();
}
</script>
