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

自媒体运营教程 产品运营 267

两年大跌70%,王思聪一语成谶,深度绑定张大奕的公司退市了

上市并不是企业的终点,有时候只是企业发展的必由之路。

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

一个小操作可以增加你网站102%的收益+0.8倍的浏览量!-第1张图片-90博客网

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

一个小操作可以增加你网站102%的收益+0.8倍的浏览量!-第2张图片-90博客网

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

  • 提高网站转化率

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

  • 增加网站的PV

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

如何增加这样的按钮?

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

<input type=”checkbox” id=”contTab” checked=”checked” class=”tabbed”>

<div id=”cont”>这是前端开发博客的正文</div>

<div class=”content-more”><div class=”gradient”></div> <label for=”contTab” class=”readmore”>点击展开全文</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;

相关影片资源迅雷下载推荐

华为P50已入网:真用的骁龙888芯片

win11宣布将支持安卓应用,模拟器厂商们的末日要到了?人们更关心新操作系统究竟有多少新能耐虽然目前还不能确定这款机型就是华为P50,但是根据其仅支持4G网络的情况来看,该机很有可能是P50的骁龙888版本,而这款机型也并非是一款5G产品。 独家|360推游玩同好社区“顽皮橙旅行”App,欲抢占旅游细分赛道Tech星球独家获悉,360于近日上线了一款名为“顽皮橙旅行”的App。该产品的定位则是游玩,win11宣布将支持安卓应用,模拟器厂商们的末日要到了?人们更关心新操作系统究竟有多少新能耐虽然目前还不能确定这款机型就是华为P50,但是根据其仅支持4G网络的情况来看,该机很有可能是P50的骁龙88

产品运营

    padding-bottom: 30px;

InfoQ最具吸引力雇主品牌榜单发布,腾讯包揽五项技术影响力榜单

4月22日,由InfoQ发起并组织的2021中国技术力量之“最具吸引力雇主品牌”系列榜单结果正式揭晓,腾讯成功入选综合榜单TOP10,并包揽了“最受技术高管喜爱”、“最受开发者喜爱”、“学习型组织”、“最具员工幸福感企业”等四项技术影响力榜单TOP10,获得了开发者群体和技术高管的高度认可。

    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里面,那么搜索引擎就无法识别到你的内容了,文字识别不了,这个页面很可能就是一个空白页面了。

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

华为没有自主造车,但可能主导了与北汽和重庆小康的合作

华为已在上海车展发布了它与重庆小康合作推出的赛力斯华为智选SF5,与北汽新能源合作的极狐阿尔法S也已展开宣传。

相关影片资源迅雷下载推荐

掌握直播卖货的这3个步骤,让你的产品销量瞬间翻倍,疯狂成交!

阿里的钉钉太强大,腾讯的微信很厉害,字节跳动的飞书靠什么突围与钉钉、企业微信相比,无论从什么角度来看,飞书“突围”的机会都不大。就在前几天,直播界又“地震了”,央视主持人朱广权与淘宝直播顶级流量李佳琦联手,开展湖北美食公益直播。 这样的神仙组合可谓是强强联手,一个是国家级段子手,一个是直播界的带货一哥,让各位网友直呼过瘾。 有网友说,看完李佳琦和朱广权的直播后,发现自己除了没有钱,更没有文化。 在,阿里的钉钉太强大,腾讯的微信很厉害,字节跳动的飞书靠什么突围与钉钉、企业微信相比,无论从什么角度来看,飞书“突围”的机会都不大。就在前几天,直播界又“地震了”,央视主持人朱广权与淘宝直播顶级流量李佳琦

产品运营

标签: 产品运营

抱歉,评论功能暂时关闭!