默认隐藏部分内容,点击展开更多JS代码
转载重庆seo 2015-07-09 阅读() JS
移动端优化由于分辨率的原因，不适宜展开所有的内容，根据实际情况点击再展开。从SEO优化的角度来说，这只是隐藏显示到用户端，蜘蛛能正常抓取完整内容，并不是SEOHei帽。
区别于ajax异步调用内容，蜘蛛不抓取调用出来的所有内容，因为是触发了某个按钮或鼠标命令才调用，因此不建议运用ajax筛选，而采用php筛选，能让蜘蛛正常抓取URL。参考文章《终极讲解dedecms实现多条件筛选并以当前筛选词为标题》这个JS适合列表页或首页模板，解决了页面过长，又有利于搜索引擎抓取。
完整html代码
<!DOCTYPE HTML>
<html>
<head>
<title> 测试 </title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script><!--js调用路径要本地，或者在js官网下载相应版本的即可-->
</head>
<body>
<div>我是展示的第一部分
<div id = "showdiv" style="display:none;">我是隐藏的那部分</div>
<a href="#" onclick="showHideCode()">查看更多</a>
</div>
</body>
</html>
<script type="text/javascript">
function showHideCode(){
$("#showdiv").toggle();
}
</script>
扩展阅读
本文地址：https://www.vi586.com/web/112.html
版权声明：网摘，版权归原作者所有