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

91次阅读
没有评论

共计 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 价值,不浪费关键词部署坑位,提升用户体验度,喜欢折腾的同学迅速操作起来吧!

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-06-15发表,共计3485字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)