众所周知 WordPress 网页 title 标题对 SEO 不太友好,WordPress 默认的标题采用”|”,参考了很多 SEO 相关文章之后,我们发现采用”-”使用分隔符号才是最好的办v m ] I E l D法。当然也有很多文章描述了网页 title 标题分隔符的运用,你也可以选择自己喜欢的分隔符号作为 title+ # L / u ( 标题。但是如果标题中带有横杠“-”的话,查看页面源代码的时候就会发现横线会被转义为实体: 2 F / _ @ ` h / 88211;,尽管前台网页标签里的标题显示正常,但是标题出现这个(如下图),感觉很不爽。
另外,在输出百度熊掌号的 json-ld 数据(如下图第 1 个红框)和百度分z & ) 1 9 | s H享自定义数据(如下图第 2 个红框)输出时,标题里面的横线也同样的被转义成这个实体了,而且百度居然直接就把实体给收录了,所以大家应该或多或} _ ! Z D少在很多熊掌号主页里会看到文章标题里带有 : @ B 5 q 5 48211;这个奇怪的字符串...
找到模板文件 header.php,这个文件在“/wp-content/themes/你选择的模板/”下面。你可以看到 title 标签中有一段 pj g Bhp 代码,这边就是用来输出标题的。其中有一个方法 wp_title(” | “),这个就是用来输出标题前半部分的,“|”就是分隔符号,于是我把”|”改成”-”,刷新前台页面,很高兴,网页o 2 X标题”|“都换成了”-“,但是一查看: \ # X , m )源码,悲催,”-R F z” 被替换成了RW : ( i11;,尽管现实在网页标签里的标题? J y显示正常,但是标题出现这个,感觉很不爽。
既然我们选定使用横杠“-”作为网站标题分隔符,我就考虑开始修改代码了,解决= C r 3 T 4 ; $横杠“-”转义的问题。
方法一
wordpress 自带一个专一的钩子 wptexturize,很多地方都用到了这个钩子,具体可以看看 WordPress 的6 n y D wp-includes/formatting.php 中看看,我们可以s t 7 ^ T f G ] v通过以下代码来取消掉这个转义:
- str. 3 + v p M I {_replace( "Rw 1 = b f b11;", "-", get_the_title()* $ . }; )
方法D } + X二
我们查看 wp_title 这个方法,发现内部代码有替换这个符号,为什么要替换呢?暂时我也没弄不明白,只能在外围入手,我就直接调用 wp_title(“”),就是不要分隔符号,我自己在后面加”-”,最后的输出就变成这样了。
- echo trim(wp_title('', false, 'righ8 B d l 3 Rt'C Q z ? 2 : k + M1;);
- echo ' - ';
- bloginfo('name');
方法三
为了解决本文标题描述的这个问题,可以只是禁止 wptexturize 对标题的转义(推荐):
- /**
- * WordPress 标题中的横线“-”被转义成“–”的问题
- */
- remove_filter('the_title', 'wptexturize');
- remove_fi( e F : | 4 P ^ Plter('wp_title', 'wh ` ` fptexturize');
- remove_filter('single_! k G b } kpost_title', 'wptexturize');
方法四
把下方代码复制放到 function 文档里:
- function HTML_entity_decoE % c 3 [ _ 6de_title($~ Z 7 w 0 $ , qtitleC w L B z s041;
- {
- $title = str_replace("–", "-", $titlej ( 4 d I / 5);
- $title = html_entity_decode($title);
- return $title;
- }
- add_filter('the_title', 'html_entity_decode_title');
- add_filter('wp_title', 'html_entity_decode_titl- q & u ] J Be');