一个小操作可以增加你网站 102%的收益+0.8 倍的浏览量！

川渝副业资源网 · 发表于 2021-4-29 05:41:49

一个小操作可以增加你网站 102%的收益+0.8 倍的浏览量！网站如何优化？其实优化的就是用户体验，让用户离不开你的网站，这不，前两天在群里学了这么一个小技巧，增加了我网站 102%的收益加上 0.8 倍的 PV，同时跳出率也非常明显的减少，这个小技巧很多大型网站都在做，但视乎很多小网站都看不上。

上图是我昨天改善，今天查询的广告联盟效果，很明显，收益直接增加了 102%。而从统计工具的 PV 数据上来，也比以前增加了 0.8 倍。以前的 PV 大约在 ip 的 1.2 到 1.5 倍左右，现在 PV 直接是 IP 的 2 倍。可以说效果非常明显，那么是什么样的小技巧能够有这么大的威力呢？

一个小操作可以增加你网站 102%的收益+0.8 倍的浏览量！

你看到的没错，就是上图展开全文的按钮，不要小看这个按钮，这个按钮很多大型网站都在使用，比如说：简书、虎嗅等等，这不仅仅可以提高网站的用户体验，还更利于搜索引擎的优化，因为主要有这么几个好处。

一、提高网站转化率

当网站文章的篇幅缩短以后，文章页底部的广告或者客服微信即可在第三屏展现出来，这样更容易让用户点击到广告位和添加客服微信号，而我的网站缩短篇幅后，广告联盟展现了出来，自然广告联盟的收益也有很明显的增加。

二、增加网站的 PV

大多数的人阅读文章都不会完全读完，基本上读一半就拉到底部看相关推荐或者评论了，那么你把篇幅缩短以后，第三屏可以展现出相关推荐，这样更容易让用户点击到你站内的其他文章上去，PV 自然就有很明显的增加。

如何增加这样的按钮？

本文使用的方式是通过 CSS 来隐藏内容，当点击 label 标签时，会绑定同步点击 "for" 属性值为 "checkbox" 的 "id"。 HTML 代码如下：

<input type="checkbox" id="contTab" checked="checked">
<div id="cont">这是前端开发博客的正文</div>
<div><div></div> <label for="contTab">点击展开全文</label></div>
CSS 代码如下：
/*阅读全文*/
#contTab{
display: none;
}
.content-more{
display: none;
}
#contTab:checked ~ #cont{
max-height: 1000px;/*这里是调节篇幅长短*/
overflow: hidden;
}
#contTab:checked ~ .content-more{
display: block;
position: relative;
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
}
#contTab:checked ~ .content-more .gradient{
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);
height: 80px;
position: absolute;
left: 0;
top: -79px;
width: 100%;
}
#contTab:checked ~ .content-more .readmore{
display: inline-block;
background: #0067cb;
color: #fff;
width: 175px;
height: 42px;
border-radius: 42px;
line-height: 42px;
font-size: 16px;
cursor: pointer;
}

复制代码

什么样的网站适合这种操作？

注意了，不是所有的网站都适合这样搞，也不是所有的页面适合这样操作，那么什么样的页面和网站适合，什么样的站点又不适合呢？

1、企业网站不适合这样操作，因为企业站点不是依靠文章来赢利的，不需要增加文章的收益，也不是依靠文章来排名的。

2、文章列表不要这样隐藏，因为列表页面本来就是让用户做引导的，你给隐藏了，更不利于用户做引导。

3、不是依靠文章页面来参与排名的不适合，比如很多网站利用聚合页参与排名获取流量，文章页面都没几个流量，隐藏和不隐藏的意义就不大了。

4、通过文章页面来收录排名的页面非常适合，比如长城号这种站点就非常适合，他需要文章页面获得流量，需要转化的也是文章页面的流量。

操作这个按钮的注意事项有哪些？

其实这个才是关键，不要小看这个按钮，因为搞不好会导致网站降权，同时百度有明确的说明，这个按钮的规范。主要有以下几个方面。

1、按钮和广告位的要有一定的间距，个人建议间距在 30 个像素左右最合适，避免用户误触碰到广告位。当你挂上广告位后，可以使用百度落地页检测工具去检测一下，看有没有问题。

2、按钮必须要在第二屏以后，篇幅可以隐藏，但不能隐藏太多，总不能把文章页的文章全部给隐藏了，变成列表页。

3、不能使用 JS 来隐藏，一定要用 CSS，因为如果你的内容在 JS 里面，那么搜索引擎就无法识别到你的内容了，文字识别不了，这个页面很可能就是一个空白页面了。

总结：之所以大厂都在做这个小小的操作，是有一定的道理的，所以把篇幅隐藏不但利于搜索引擎优化，还可以增加收益和转化，你还不抓紧试一下？