将长长的一篇文章分成几篇,好处也有不少,例如大家不用反复拖动就可以看完全部内容、翻页多了也就增加了PV、另外还可以增加收录。文章太长了,容易导致网页打开速度变慢,并且图片过多,对服务器的压力会过大。当我们对Wordpress长篇文章实现分页后,还需要对标题添加页码,形成:xxxx-第几页 的样子,这样是为了避免搜索引擎收录过多的同标题但不同网址的页面,有利SBO(B改为E)。
1、谨慎添加长文章分页,从我个人的体验来看,不添加文章分页比添加文章分页的体验会更好,因为没有人愿意多动手去看一篇没有兴趣的文章。
2、千万不要千万刻意文章分页的感觉。像新浪、腾讯等有些的文章就有刻意分页的嫌疑:明明是可以放在一页的十张照片,门户网站非得要分成十个小页。
WordPress文章分页代码
1、Wordpress只需要一个函数就可以使用长文章分页,wp_link_pages,官方对这个函数如下:
'' . __('Pages:'), 'after' => '
', 'link_before' => , 'link_after' => , 'next_or_number' => 'number', 'nextpagelink' => __('Next page'), 'previouspagelink' => __('Previous page'), 'pagelink' => '%', 'more_file' => , 'echo' => 1 ); ?>
2、上面的我们一般需要修改是before、after的参数,主要是Html标签,pagelink是表示第几页,’next_or_number’ 表示显示数字还是Next,你可以写number或者next,nextpagelink和previouspagelink,则表示前一页、后一页。
3、对于上面的代码不明白不要紧,下面我直接给我的文章分页代码,有需要的朋友可以直接复制过去就能使用,如下:
&after=&next_or_number=next&previouspagelink=翻上页&nextpagelink= '); wp_link_pages('before=&after=&next_or_number=number'); wp_link_pages('before=&after=
将上面的代码复制粘贴到你的Wordpress主题的Single.php文件中的the_content那一行后面就行了。
然后就是添加CSS了,下面直接贴出我的CSS,大家可以测试修改使用。
#fenye {background: url("image/postnavbg.gif") no-repeat scroll 0 0 transparent; height:40px;padding:0 10px; } #fenye a { text-decoration: none; display: inline-block; margin: 6px 5px; padding: 0 10px; background: #65c0ef; color: white; line-height: 22px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; } #fenye a:hover{background: #CCC;} .hacklogdownload_down_link span {color:#000;} .hacklogdownload_box_content p {margin:5px 0;} .hacklogdownload_box_content {line-height: 18px;padding: 0 0 0 10px;padding: 10px 0;} .hacklogdownload_box{padding: 10px 0;border-bottom: 1px solid #DDD;} .hacklogdownload_right{float:right;} .hacklogdownload_left {float:left;} .hacklogdownload_box a{color: #018EE8;}
附上一张分页的图片,另存为后保存至主题目录下的image文件夹,名字为postnavbg.gif:
最后我们得到的效果如下图:
WordPress文章分页标题重复解决方法
1、使用了上两种方法虽然可以实现Wordpress长文章分页,但是却造成了Wordpress的分页的文章的标题重复了,这样显然对SBO是不利的。
2、于是我们可以给Wordpress文章分页添加页码,形成类似这样的:长文章分页和为标题添加页码避免标题重复-第二页。
|
4、为了不让文章分页导致权重流失,我们还可以添加一个canonical声明,代码如下:
这货也可以有插件!
@敖天羽 。。。当然有咯~
爪机测试
@敖天羽 测试成功