如何添加代码使网站部分内容不在手机端显示?教程分享

2020-10-3121:38:51 百度已收录 浏览:3,398次

搜索引擎越来越重视手机端流量,而且,多数网站的手机端流量是PC端的2倍以上,这时候,我们更要注意手机端页面的优化!

因为大部分运营者建站使用的是自适应代码,这就造成了手机端和PC端内容完全一致,尤其是很多冗余的广告,对用户体验来说极差,对蜘蛛引擎也不够友好!

如何添加代码使网站部分内容不在手机端显示?教程分享

举个简单的例子来说,我的网站文章的下方,在电脑端是可以显示二维码的,而二维码在手机端显示出来,占用了页面位置超过了三分之一!

况且,手机端浏览器也没有识别二维码直接跳转到微信的功能,所以,这个二维码是应该去掉的!

另外,文章的版权信息,放在手机端页面展示也没有什么作用,也可以去除,还有,网页的底部,也就是footer文件,显示的内容也比较多余!

因为,我们的手机端都会设置底部导航,把一键拨号和微信按钮直接做上,这样,就没有必要再保留原来的底部文件!

过多的冗余文件,必然造成网页的内容质量差,我们可以接受网页格式单一,但是,绝对不能让自己的网页内容质量差!

尤其是,我们写的软文质量并不差的前提下,一旦被认为网站内容质量差,那么,收录和排名都会受到影响!

百度快速搜索针对的是手机端,而你的网站又想实现秒收,那么,你就得好好优化你的手机端网页!

不用担心手机端和电脑端内容不完全一致对于网站的影响,大家如果使用WP建站的话,应该注意到了手机端是没有侧边栏的内容的,这本身就造成了手机端页面和电脑端页面不一致的情况!

说了这么多,还是把代码给大家分享一下,高手自己解读啊,如果没有代码基础,看不懂也是正常的!

  1. <?php if (wp_is_mobile() and is_single()): ?>
  2. //判断如果是手机端;浏览器而且是文章页,输出内容处;
  3. <?php else: ?>
  4. //如果不是,那就输出这里的内容;PC端代码填写处;
  5. <!?php endif; ?>

另外补充一样代码,

  1. if( !is_home()&& !wp_is_mobile()) {
  2. //这行代码住哟啊是判断,不是首页,并且不是手机端;

还有,如果有些人不擅长修改php,那也没关系,可以直接修改css文件:

  1. /** 使手机端不显示微信二维码 **/
  2. @media screen and (max-width: 768px) {
  3. .s-weixin{display:none; }
  4. }

这行代码大家也可以参照下,记得是参照,不是照搬啊!

  • 微信赞赏老师
  • 互联网营销培训课程
  • weinxin
  • 苏春宇微信号
  • 183 6469 9738(手机)
  • weinxin
网络营销培训
苏春宇