代理加盟

2023全新代理计划,一站式模板建站,铜牌代理低至699元送终身VIP,独立代理后台,自营贴牌。

您现在的位置: 麦站网 > 站长学院 > SEO资讯 >

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

来源:本站原创 发布时间:2019-03-30 00:00:00热度:我要评论(0

麦站模板建站平台(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!超过1000套模板已登记版权,合规合法建站,规避版权风险!【点击获取方案】

默认隐藏点击展开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>

    转载请注明来源网址:https://www.xiuzhanwang.com/seo/1504.html

    发表评论

    评论列表(条)

       
      QQ在线咨询
      VIP限时特惠