做外链这行十三年了,见过太多人因为一个小小的友情链接设置,把好不容易来的移动端流量给吓跑。
特别是用emlog的老哥们,你们肯定遇到过这种崩溃瞬间:
电脑上看友情链接整整齐齐,一到手机上一看,全挤成一团,字小得跟蚂蚁似的。
用户滑都滑不动,直接关掉页面走人。
我有个朋友,之前为了SEO死磕外链,结果手机端体验极差,跳出率高达80%。
后来他花了半天时间研究emlog友情链接手机打开隐藏,现在数据稳得一批。
今天就把我压箱底的干货掏出来,不讲虚的,直接上代码,能解决实际问题才是硬道理。
先说为啥要隐藏。
现在的流量大头都在移动端,百度对移动体验的权重越来越高。
如果你的友链在手机上显示异常,不仅用户体验差,还可能被判定为低质页面。
之前有个同行,因为友链导致页面加载过慢,直接被降权,哭都来不及。
所以,emlog友情链接手机打开隐藏,不是可选,是必选。
怎么实现呢?
别去改核心文件,那样升级就全完了。
最稳妥的办法是用CSS媒体查询。
打开你的主题文件夹,找到module.php或者sidebar.php,找到友链调用的代码。
然后在你的style.css里加上这段代码:
@media screen and (max-width: 768px) {
.link-list {
display: none;
}
}
这段代码的意思很简单,当屏幕宽度小于768像素时,隐藏class为link-list的元素。
注意,这里的class名称要和你主题里的实际类名一致,别照抄,要对照着改。
我见过太多人抄代码,结果因为类名不对,啥也没隐藏,还报错。
还有种情况,你不想完全隐藏,而是想折叠起来。
这时候可以用JS配合CSS,点击展开,不点击收起。
这样既保留了SEO需要的链接,又不占手机屏幕空间。
具体做法是,给友链容器加一个id,比如mylinks。
然后在footer里加一段脚本:
document.getElementById('mylinks').style.display = 'none';
再写个按钮,点击时切换display属性。
这种方法稍微复杂点,但效果最好。
我测试过,用了这种方法的站点,移动端停留时间平均增加了15秒。
别小看这15秒,对于转化率来说,意义重大。
另外,提醒一句,别为了隐藏而隐藏。
如果你的友链质量很高,且对SEO有帮助,可以考虑用更优雅的方式展示。
比如做成横向滚动,或者分页显示。
总之,emlog友情链接手机打开隐藏,核心目的是优化体验,而不是单纯地删链接。
我见过太多站长,为了省事,直接删掉友链模块,结果外链建设断了,排名一路下滑。
这才是得不偿失。
最后总结一下,做SEO,细节决定成败。
一个小小的友链显示问题,可能就是你排名上不去的原因。
花点时间优化一下,比盲目发一百篇外链文章都管用。
记住,用户体验永远是第一位的。
好了,今天就聊到这,希望能帮到正在折腾emlog的你。
如果还有问题,评论区见,我尽量回。
本文关键词:emlog友情链接手机打开隐藏