欢迎来到站长天空!

网站优化

当前位置: 主页 > 网站运营 > 网站优化

默认隐藏部分内容,点击展开更多JS代码

时间:2026-09-09 18:10:04|栏目:网站优化|点击:

默认隐藏点击展开js效果

移动端优化由于分辨率的原因,不适宜展开所有的内容,根据实际情况点击再展开。从SEO优化的角度来说,这只是隐藏显示到用户端,蜘蛛能正常抓取完整内容,并不是SEO黑帽。

区别于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> <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>


上一篇:实现批量修改图片文件文档后缀名

栏    目:网站优化

下一篇:PC移动端不同域名内容相同是否作弊

本文标题:默认隐藏部分内容,点击展开更多JS代码

本文地址:https://zz.feitang.co/wangzhanyunying/37025.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2026 站长天空 版权所有 Powered by EyouCms冀ICP备14023439号