共计 3485 个字符,预计需要花费 9 分钟才能阅读完成。
今天,博主就给大家聊聊关于 wordpress-seo 优化操作,自定义 Tag 标签页面的标题,调用页面描述,从而最充分的利用 Tag 聚合页面,提高搜索引擎的友好度!
废话不多说,我们先来解决一下 Tag 标签页面的自定义标题的开发配置:
第一步:把下面的代码保存复制成一个 PHP 文件,比如:title.php
<?php
// 自定义分类标题 by https://www.liulinblog.com
class zm_wp_title{
function __construct(){
// 分类
add_action( 'category_add_form_fields', array( $this, 'add_tax_title_field' ) );
add_action( 'category_edit_form_fields', array( $this, 'edit_tax_title_field' ) );
add_action( 'edited_category', array( $this, 'save_tax_meta' ), 10, 2 );
add_action( 'create_category', array( $this, 'save_tax_meta' ), 10, 2 );
// 标签
add_action( 'post_tag_add_form_fields', array( $this, 'add_tax_title_field' ) );
add_action( 'post_tag_edit_form_fields', array( $this, 'edit_tax_title_field' ) );
add_action( 'edited_post_tag', array( $this, 'save_tax_meta' ), 10, 2 );
add_action( 'create_post_tag', array( $this, 'save_tax_meta' ), 10, 2 );
}
public function add_tax_title_field(){
?>
<div class="form-field term-title-wrap">
<label for="term_meta[tax_zm_title]"> 自定义标题 </label>
<input type="text" name="term_meta[tax_zm_title]" id="term_meta[tax_zm_title]" value="" />
<p class="description"> 搜索引擎优化自定义标题,不填写即为默认标题 </p>
</div>
<?php
} // add_tax_title_field
public function edit_tax_title_field( $term ){
$term_id = $term->term_id;
$term_meta = get_option( "zm_taxonomy_$term_id" );
$zm_title = $term_meta['tax_zm_title'] ? $term_meta['tax_zm_title'] : '';
?>
<tr class="form-field term-title-wrap">
<th scope="row">
<label for="term_meta[tax_zm_title]"> 自定义标题 </label>
<td>
<input type="text" name="term_meta[tax_zm_title]" id="term_meta[tax_zm_title]" value="<?php echo $zm_title; ?>" />
<p class="description"> 搜索引擎优化自定义标题,不填写即为默认标题 </p>
</td>
</th>
</tr>
<?php
} // edit_tax_title_field
public function save_tax_meta( $term_id ){
if ( isset( $_POST['term_meta'] ) ) {
$t_id = $term_id;
$term_meta = array();
$term_meta['tax_zm_title'] = isset ( $_POST['term_meta']['tax_zm_title'] ) ? $_POST['term_meta']['tax_zm_title'] : '';
update_option( "zm_taxonomy_$t_id", $term_meta );
} // if isset($_POST['term_meta'] )
} // save_tax_meta
} // zm_wp_title
$wptt_tax_title = new zm_wp_title();
function the_zm_title() {
$category = get_the_category();
$term_id = $category[0]->cat_ID;
$term_meta = get_option( "zm_taxonomy_$term_id" );
$tax_zm_title = $term_meta['tax_zm_title'] ? $term_meta['tax_zm_title'] : '';
echo $tax_zm_title;
}
function get_current_tag_id() {
$current_tag = single_tag_title('', false);
$tags = get_tags();
foreach($tags as $tag) {
if($tag->name == $current_tag) return $tag->term_id;
}
}
function zm_tag_title() {
$term_id = get_current_tag_id();
$term_meta = get_option( "zm_taxonomy_$term_id" );
$zm_tag_title = $term_meta['tax_zm_title'] ? $term_meta['tax_zm_title'] : '';
echo $zm_tag_title;
}
?>
第二步、把 title.php 文件引入到主题函数 functions.php 中(建议先备份)
// 自定义标题
require get_template_directory() . '/title.php';
第三步、把下面的代码放到自定义 Title 中(header.php 内),这个需要根据主题情况。
分类标题:
<?php if ( is_category() ) { ?><title><?php $title = the_zm_title(); echo ($title) ? ''.$title.'' : single_cat_title(); ?> - <?php bloginfo('name'); ?></title><?php } ?>
标签标题:
<?php if ( is_tag() ) { ?><title><?php $title = zm_tag_title(); echo ($title) ? ''.$title.'' : single_tag_title("", true); ?> - <?php bloginfo('name'); ?></title><?php } ?>
非常简单,就是判断自定义标题有没有输入,如果没有的话,即显示原标题,如果有自定义标题,则显示自定义标题。
但是这个地方会出现一个问题 :很多同学使用的 WordPress 主题中,已经有了自定义栏目标题功能,如果修改了 header.php 的 <title><?php echo _title(); ?></title> 就会出错,这个时候怎么办呢?
这就需要 tag 标签页,单独调用一个 header.php 模板文件
博主是这么做的
第一步:新建模板页面 header-tag.php,其他不用管,将 <title><?php echo _title(); ?></title> 替换成以上所讲的代码
第二步:修改 tag.php
将
<?php get_header(); ?>
修改为
<?php include('header-tag.php'); ?>
其他同理,WordPress 不同模板,调用不同头部模板和底部模板也是同样的道理,博主将自己修改的文件放在底部,供大家下载参考使用
代码示例
以上给出的 Title 代码样式为“自定义标题 -tag 名称”,为了不造成关键词堆砌可以将“- <?php bloginfo(‘name’); ?>”删除
做好以上工作,你的 Tag 标签页面才能最大的发挥 seo 价值,不浪费关键词部署坑位,提升用户体验度,喜欢折腾的同学迅速操作起来吧!