这次又来折腾Wordpress了。作为博客,我一直觉得WordPress的文章不应该像微博一样就只有短短几十个字,否则就是浪费网民朋友的宝贵的上网时间,毕竟别人搜索过来看我的文章也不容易。
所以一般我会在一篇文章当中将某一个问题完全讲清楚,例如我介绍免费空间时喜欢将申请、使用、安装、测试等一系列的过程全部展现给大家,方便大家借鉴我的方法来操作。
不过这样做我发现一方面会导致Wordpress的单篇文章的内容非常多,另一方面加上我喜欢用图片代替文字,所以导致免费资源部落的文章很长,不少朋友总是抱怨说我的文章页面需要用鼠标用力拖动才能看完。
所以这次我就专门针对Wordpress长文章进行优化:实现文章分页。将长长的一篇文章分成几篇,好处也有不少,例如大家不用反复拖动就可以看完全部内容、翻页多了也就增加了PV、另外还可以增加收录。
当我们对Wordpress长篇文章实现分页后,还需要对标题添加页码,形成:xxxx-第几页 的样子,这样是为了避免搜索引擎收录过多的同标题但不同网址的页面,有利SEO。
WordPress文章优化:长文章分页和为标题添加页码避免标题重复
一、明白自己是否应该添加长文章分页
1、像我这样的过长的文章就应该添加文章分页了,主要是如果文章太长了,容易导致网页打开速度变慢,并且图片过多,对服务器的压力会过大。
2、谨慎添加长文章分页,从我个人的体验来看,不添加文章分页比添加文章分页的体验会更好,因为没有人愿意多动手去看一篇没有兴趣的文章。
3、千万不要千万刻意文章分页的感觉。像新浪、腾讯等有些的文章就有刻意分页的嫌疑:明明是可以放在一页的十张照片,门户网站非得要分成十个小页。
二、Wordpress文章分页代码
1、Wordpress只需要一个函数就可以使用长文章分页,wp_link_pages,官方对这个函数如下:
<?php $args = array(
'before' => '<p>' . __('Pages:'),
'after' => '</p>',
'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、对于上面的代码不明白不要紧,下面我直接给我的文章分页代码,有需要的朋友可以直接复制过去就能使用,如下:
<?php
wp_link_pages('before=<div id="fenye">&after=&next_or_number=next&previouspagelink=翻上页&nextpagelink= ');
wp_link_pages('before=&after=&next_or_number=number');
wp_link_pages('before=&after=</div>&next_or_number=next&previouspagelink= &nextpagelink=翻下页');
?>
三、添加Wordpress文章分页代码
1、将上面的代码复制粘贴到你的Wordpress主题的Single.php文件中的the_content那一行后面就行了。
2、然后就是添加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;}
3、最后实现的效果就是本文下方的效果了。
四、Wordpress文章分页插件
1、也许有人早已经不耐烦了上面的添加代码的方法了,因为Wordpress既然有文章分页插件,那干嘛不用呢?
2、其实之所以要将Wordpress无需插件直接使用代码就实现文章分页的方法放在前面,是希望大家尽量用上面的方法,一是插件多了不好,二是这么一个“微小”功能不需插件。
3、不过相信还是有“懒人”想要使用插件,那么这里就会大家推荐Wordpress文章分页插件:multi-page-toolkit。
4、下载安装插件,然后进入插件后台设置,主要是为了将英文改成中文,我的演示如下图(点击放大):
5、最后使用Wordpress文章分页插件(自己觉得不满意,还可以修改CSS):
五、Wordpress文章分页标题重复
1、使用了上两种方法虽然可以实现Wordpress长文章分页,但是却造成了Wordpress的分页的文章的标题重复了,这样显然对SEO是不利的。
2、于是我们可以给Wordpress文章分页添加页码,形成类似这样的:Wordpress文章优化:长文章分页和为标题添加页码避免标题重复-第二页。
3、打开你的主题的Header.php文件,找到<title>……</title>,将整段替换为下面的代码:
<title><?php echo trim(wp_title('',0)); ?><?php if (get_query_var('page')) {
echo ' -第';
echo get_query_var('page');
echo '页';
}?> | <?php bloginfo('name'); ?></title>
4、为了不让文章分页导致权重流失,我们还可以添加一个canonical声明,代码如下:
<link rel="canonical" href="' . get_permalink() . '" />
5、最后看看实现的效果。
六、Wordpress文章分页小结
1、一般推荐大家使用代码的方法,有利于提供Wordpress运行的效果,不过插件的好处就是功能强大,使用方便,自己要做恐怕的就是修改CSS了。
2、Wordpress文章分页有利也有弊,如果你的Wordpress的评论过长,也可以按照上面的操作思路来实现评论分页的效果。
更多wordpress文章分页相关文章可查看:
WordPress无插件如何实现文章分页
WordPress文章分页wp_link_pages()函数详解