WordPress文章优化:长文章分页和为标题添加页码避免标题重复
这次又来折腾Wordpress了。作为博客，我一直觉得WordPress的文章不应该像微博一样就只有短短几十个字，否则就是浪费网民朋友的宝贵的上网时间，毕竟别人搜索过来看我的文章也不容易。
所以一般我会在一篇文章当中将某一个问题完全讲清楚，例如我介绍免费空间时喜欢将申请、使用、安装、测试等一系列的过程全部展现给大家，方便大家借鉴我的方法来操作。
不过这样做我发现一方面会导致Wordpress的单篇文章的内容非常多，另一方面加上我喜欢用图片代替文字，所以导致免费资源部落的文章很长，不少朋友总是抱怨说我的文章页面需要用鼠标用力拖动才能看完。
所以这次我就专门针对Wordpress长文章进行优化：实现文章分页。将长长的一篇文章分成几篇，好处也有不少，例如大家不用反复拖动就可以看完全部内容、翻页多了也就增加了PV、另外还可以增加收录。
当我们对Wordpress长篇文章实现分页后，还需要对标题添加页码，形成：xxxx-第几页 的样子，这样是为了避免搜索引擎收录过多的同标题但不同网址的页面，有利SEO。
WordPress还可以对评论、上下篇进行优化，以达到最佳的用户体验效果：
- 1、WordPress评论美化技巧-gravatar头像实时预览和用户Cookie记录（当你在评论时输入自己的邮箱就会立即显示头像）
- 2、WordPress评论回复邮件通知附最新Windows主机回复评论发送邮件（我发现不仅在Windows主机，在其它Linux主机也适用）
- 3、WordPress文章中添加上一篇、下一篇链接专题研究（亮点应该是在分类中添加同类的文章上下篇）
WordPress文章优化:长文章分页和为标题添加页码避免标题重复
1、像我这样的过长的文章就应该添加文章分页了，主要是如果文章太长了，容易导致网页打开速度变慢，并且图片过多，对服务器的压力会过大。
2、谨慎添加长文章分页，从我个人的体验来看，不添加文章分页比添加文章分页的体验会更好，因为没有人愿意多动手去看一篇没有兴趣的文章。
3、千万不要千万刻意文章分页的感觉。像新浪、腾讯等有些的文章就有刻意分页的嫌疑：明明是可以放在一页的十张照片，门户网站非得要分成十个小页。
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=翻下页');
?>
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文章分页插件（文章还没完，请点击翻下页）
您或许对下面这些文章有兴趣: 本月吐槽辛苦排行榜
-
分开旅行
太长的文章还是有个分布好，像我的电脑屏幕就好小，遇到长长的网页，浏览器右边的下拉条都看不到了。
[回复] -
悄情
刚看了一下我的网站，虽然搞了分页，不过标题还是一样的。看来我也要给标题添加页码了，要不然以后太多了搜索引擎就要惩罚了。
[回复] -
Oooo
部落好久不更新了。又是一篇技术文章。收藏了。不过，博主有没有觉得你的文章太长了，每次看一篇文章都要花不少时间。
[回复] -
-
恰恰
WordPress的长文章分页没有必要用插件了，其实Wordpress以前的版本是有自动分页代码的，只是在后来的版本中直接在后台的编辑器中去掉了。
[回复] -
怒无
部落的分页CSS做得不错，拿去用了。
[回复] -
haigeer 1
以前自己也折腾过分页，搞着搞着没成功，各种错位神马的，要是长文章自动分页就好了
[回复] -
lenoooo
长文章还是分页好点，太长的文章也不好看。Wordpress我记得以前可以直接在后台的文章编辑中直接添加的。
[回复] -
追梦
文章暂时不想写得太长了，主要是Wordpress作为一个博客，要说的话也不多。
[回复] -
内部
分页还是没有必要，分得多了，读者就有反感了。
[回复] -
canonical
canonical这个声明对百度来说是没用的。只对谷歌等有用。
[回复] -
等着谁
WordPress代码添加老是有问题，还是用博主介绍的插件，直接安装上就好了。
[回复] -
自古了 1
在IE下，分页不是圆角的。
[回复] -
oweew 1
原来wordpress分页是这样做出来的呀，我还以为很复杂呢。
[回复] -
77888 1
博主可以写一篇将评论的链接作跳转。因为百度是索引这些跳转的链接的，现在好多的网站都是这样。
[回复] -
加载品 1
过几天准备把博客换成Wordpress的，用的人太多了，据说还不错。
[回复] -
Huile 1
部落的代码是不是有问题？我添加了老是不行？
[回复] -
不桥
博主还在折腾Wordpress呀，Kan大师已经放弃自己的Wordpress博客了。
[回复] -
上错
可以留着以后用了，不过现在不是提倡微博吧，看了好多的Wordpress把自己的博客都变成了第二个微博了。
[回复] -
音箱
文章#页#得不舒服，还不如一次性看完。
[回复] -
haigeer 1
这个还是不错的~
[回复] -
樱花
老大,不行啊。我添加了那些代码没有反应哇.
[回复] -
sabre 2
这样啊！感谢！
[回复] -
seo技术交流博客 5
嘿嘿，有来你网站咯，从百度搜索关于wordpress文章分页url的问题过来的哈
[回复] -
YuyiDesign 3
真的很详细。。很喜欢你的文章
[回复] -
小明
WordPress文章分页标题重复 在head.php 中找不到…… 这段代码啊？还有添加canonical声明在什么位置添加呢 我新手啊 谢谢啦
[回复] -
websky
不错哦，已经在用了，可以看下我的整合效果！
[回复] -
小白
我看你的文章标题是“Wordpress文章优化:长文章分页和为标题添加页码避免标题重复 -第2页 | 免费资源部落”，
为什么我按照你说的，最后显示的是“Wordpress文章优化:长文章分页和为标题添加页码避免标题重复| 免费资源部落-part2”，这个明显的不一样，麻烦你给解答解答。[回复] -
额
纠正部落错误：第一：
三、添加Wordpress文章分页代码
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;}
.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;}这里怎么会有hacklogdownload插件的CSS？
第二：
五、Wordpress文章分页标题重复
4、为了不让文章分页导致权重流失，我们还可以添加一个canonical声明，代码如下：
<link rel="canonical" href="‘ . get_permalink() . ‘” />部落写错啦，是吧，难怪我不生效。。
[回复] -
hd
非常给力
[回复] -
百家网络博客 1
插件固然方便，但不能随主题携带，依赖性强。
[回复] -
qkwu
不错 支持
[回复] -
FINLE 4
此地可谓门庭若市。
[回复] -
Jesse
谢谢，用上了，另外，我还在标题上也做了 第2页的改变，方便浏览的读者。
[回复] -
adobe大学
用上了，不错！就是分页按钮，靠左。。。有点不习惯
[回复] -
来促销主机
我买的西数的wordpress主机很多时候客户遇到分页重复标题都不会解决。
这里找到答案了[回复] -
Rich 10
发现这篇文章有2处代码错误：
第一处：
3、打开你的主题的Header.php文件，找到……，将整段替换为下面的代码：
|第一处中，（在不装任何SEO插件时）我发现直接把整段替换，首页会变成“| 博客名”，前面多了一个“|”。我认为应该加上判断是否文章的代码，那么应该保留原来的title代码，再加上is_single。。如下：（PS：最后别忘了加上结束标记，否则……）
|第二处错误：
4、为了不让文章分页导致权重流失，我们还可以添加一个canonical声明，代码如下：这个错误很明显 ，get_permalink是php代码，所以…… 因此改为：
<link rel="canonical" href="''" />
麻烦QI改一下[回复]Rich 回复:
@Rich, OMG，怎么提交之后代码消失了？！重新写
第一处改成：
|第二处错误改成：
<link rel="canonical" href="''" />
苍天啊，这评论咋吞php代码啦。。为了防止吞php，请手动将？改成?
[回复]Rich 回复:
@Rich, 咋又不见了，我晕，直接截个图算了
[回复]Rich 回复:
@Rich,
第一处：
图片：https://richcha.qiniudn.com/freehao123/freehao123_1.png
[img]https://richcha.qiniudn.com/freehao123/freehao123_1.png[/img]第二处：
图片：https://richcha.qiniudn.com/freehao123/freehao123_2.png
[img]https://richcha.qiniudn.com/freehao123/freehao123_2.png[/img][回复] -
Rich 10
汗
，刚刚我网站服务器蛋鸡了 [回复] -
Rich 10
QI，你进来我网站看看，刚刚Incapsula爆错security什么的，然后现在网站一度406错误，这是服务器蛋鸡了，还是incapsula挂了，或者是，我的网站被公鸡了（不可能啊，前几天才开的新站）
[回复] -
Rich 10 原来是incapsula的ip挂了，换了ip就好了~[回复]
黔ICP备2023000050号-1 | 本站使用 Dickey’s Blog主题 | 