百度一下就知道,tag页面对网站的SEO很有帮助,现在的typecho却没有所有标签的页面,所以小北去找了这个教程,希望可以帮助到大家。typecho seo优化教程,正式来啦。

Tag页面,也称标签页面,是聚合网站页面内容的一种分类方法。网站管理员依据每篇文章的具体内容给文章打标签,因为是按照内容打得标签,一般来说tag标签也是与文章内容最相关的关键字。例如这篇文章是探讨tag标签页面怎么优化的,那就可以打上“tag标签页面”、“tag页面优化”之类的标签。要是帖子是谈外部链接的,将会打上“外链”、“锚链接”之类的tag。

随后网站为每个tag创建一个tag标签页面,将带有这个标签的所有文章聚集在这个标签页面上。因此,tag页面也可以理解为一个按关键字归类的内容聚合页。

最常用的tag页面就表现在blog上。WordPress等博客类型的CMS网站会把tag链接以tag cloud(标签云)的方式展现在侧边栏中,tag的大小表示了这个tag里內容的多少:

效果展示

typecho-handsome主题获取所有标签制作标签云页面-效果展示

食用方法

此方法只在handsome主题测试过,其他主题未知,请谨慎修改

1.在handsome主题根目录目录下的目录下新建tags.php

2.复制下面的代码到tags.php文件中

<?php
    /**
    * 全部标签
    *
    * @package custom
    */
//代码
?>
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php $this->need('component/header.php'); ?>

    <!-- aside -->
    <?php $this->need('component/aside.php'); ?>
    <!-- / aside -->

<header class="bg-light lter wrapper-md">
          <h1 class="m-n font-thin text-black l-h"><?php _me("全部标签") ?></h1>
          <small class="text-muted letterspacing indexWords"><?php $this->options->description() ?></small>
          </header>
<section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear" style="margin-bottom:auto;">
            <h2 id="tag-cloud-title" class="widget-title m-t-none text-md"><?php _me("标签云") ?></h2>
            <?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud','ignoreZeroCount=1&limit=150')->to($tags); ?>
            <?php if($tags->have()): ?>
                <?php while ($tags->next()): ?>
                <span id="tag-clould-color"  style="background-color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,
                    <?php echo(rand(0,255)); ?>)">
                    <a  href="<?php $tags->permalink();?>" target="_blank">
                    <?php $tags->name(); ?></a>
                </span>
               <?php endwhile; ?>
        <div style="margin: 71px;">
        </div>
        <?php endif; ?>
</section>
<style>
#tag-clould-color {
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    color: #FFFFFF;
    margin: 6px 3px 3px 0;
    display: inline-block;
}
</style>
    <!-- footer -->
    <?php $this->need('component/footer.php'); ?>
      <!-- / footer -->

3.保存好文件之后,去网站后台新建独立页面,选择tags为模板

typecho-handsome主题获取所有标签制作标签云页面

4.发布页面查看效果

效果预览:北忘山的全部标签

tag的内容切勿堆积关键字,最好与文章想关联

如果觉得我的文章对你有用,请随意赞赏