说明:从网站SEO优化的角度来看,标签页是很有价值的页面,它深受搜索引擎及蜘蛛青睐,在自然排名中百度对于标签页也有所倾斜。在专业网站内,使用标签页这种形式可以对网站内容进行二次萃取,把网站内容以聚合或专题的形式展现出来,让搜索用户可以更加快捷方便的找到和浏览自己需要的信息。
这里就记录下如何给基于typecho博客程序及使用 handsome主题的网站增加一个展示所有标签(标签云)页面方法。
效果展示
部署方法
注意!!!本文仅适用typecho博客程序 + handsome主题。
1、在模板根目录下新建一个名为 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.php
为模板即可。
参数说明
sort
:排序方式为mid
;ignoreZeroCount
:忽略文章数为0
的;desc
:是否降序输出;limit
:输出标签数目,若设置为0
代表输出全部。
最后
标签页虽然重要,但是不要为了搜索排名和流量,不顾标签的相关性,随意导入关键词和生成TAG页面,这样就适得其反,为网站带来垃圾页面,制造隐患,根据百度不相关静态搜索结果的公告还可能受到惩罚。
相关推荐
- Typecho 启用 Service Workers 浏览器缓存加速首屏访问
- TpCache:为 Typecho 配置 Redis 缓存加速(支持密码登录)
- Typecho主题Handsome自定义添加表情包
- typecho 模板 Handsome 主题美化教程
- Handsome for typecho主题SEO优化建议
- typecho文章外链自动添加nofollow属性使用新窗口打开(免插件)
文章作者:喵斯基部落
原文地址:https://www.moewah.com/archives/3397.html
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。非商业转载及引用请注明出处(作者、原文链接),商业转载请联系作者获得授权。