优惠VPS
云服务器测评

WordPress-seo优化操作:Tag页面标题自定义及Tag描述调用

今天,博主就给大家聊聊关于wordpress-seo优化操作,自定义Tag标签页面的标题,调用页面描述,从而最充分的利用Tag 聚合页面,提高搜索引擎的友好度!

废话不多说,我们先来解决一下Tag标签页面的自定义标题的开发配置:

wordpress 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 不同模板,调用不同头部模板和底部模板也是同样的道理,博主将自己修改的文件放在底部,供大家下载参考使用

wordpress 不同模板调用不同头部文件代码修改案例

压缩图标

代码示例

以上给出的Title 代码样式为“自定义标题-tag名称” ,为了不造成关键词堆砌可以将“- <?php bloginfo(‘name’); ?>”删除

做好以上工作,你的Tag标签页面才能最大的发挥seo价值,不浪费关键词部署坑位,提升用户体验度,喜欢折腾的同学迅速操作起来吧!

赞(0)
未经允许不得转载:云服务器优惠网 » WordPress-seo优化操作:Tag页面标题自定义及Tag描述调用

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址