【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案

Hi! 我是 Yumuing，一个技术的敲钟人

‍ 每天分享技术文章，永远做技术的朝拜者

欢迎关注我的博客：Yumuing's blog

前言

前一篇优化文章主要是完成了对于 typecho 各个方面的美化与简单优化，如下：

[post cid="17" /]

而现在博主采用的是 Handsome 主题，相比较 joe 主题，编辑、定制功能更为强大、方便，但却存在一个致命的问题，seo 效果比不上 joe 主题，也是因为切换了主题，搜索引擎收录的文章也有部分掉出。故，对于 Handsome 主题有必要对其进行针对性的 seo 优化。主要实现了以下针对性优化：

解决蜘蛛索引时，存在“该页面上存在多个 h1 标记” 问题 文章中的外链未做优化处理造成权重流失，需要添加 属性 全局左侧边栏最新评论项目累积垃圾链接，去除该项目，并美化剩下项目位置 文章末尾添加以 tag 为推荐条件的相关文章推荐，共 5 条 删除网站标题连接符两边的空格，增加网页标题有效信息内容 增加自定义description和keywords标签菜单 降低分页、标签页对于首页、文章页的权重分散 解决蜘蛛索引时，存在“该页面上存在多个 h1 标记” 问题

问题：通过查看源代码方式，发现每篇文章都有两个h1标签。查找主题文件之后，发现为阅读模式生效后使用的 h1，如果修改阅读模式的 h1，可能会导致标题目录次序出现问题。但在阅读模式下，不显示目录，也就视觉上默认没有问题。可以修改，介意者可不修改。

位置：/handsome/libs/content.php

前面的h1是文章页的标题，后面的就是阅读模式的h1了，将它修改成h2即可。大约在675行的位置。

文章标题 h1：

<header id="small_widgets" class="bg-light lter wrapper-md">
<h1 class="entry-title m-n font-thin text-black l-h">' . $archive->title;

阅读模式 h1：修改为 h2

<div id="morphing-content" class="hidden read_mode_article">
    <div class="page">
        <h2 class="title">$obj->title</h2>
        <!--修改下一行 h1 为 h2 ，此处已修改-->
        <div class="metadata singleline">
            <a href="#" rel="author" class="byline">{
   $author}</a> • 
            <span class="delimiter"></span><time class="date">{
   $time}</time>
        </div>     
        {
   $core_content}
    </div>
</div>

文章中的外链未做优化处理造成权重流失，需要添加 属性

nofollow主要有三个作用：

防止不可信的内容，最常见的是博客上的垃圾留言与评论中为了获取外链的垃圾链接，为了防止页面指向一些拉圾页面和站点。 付费链接：为了防止付费链接影响Google的搜索结果排名，Google建议使用nofollow属性。 引导爬虫抓取有效的页面：避免爬虫抓取一些无意义的页面，影响爬虫抓取的效率。

使用别人的程序不留版权是不道德的行为，所以有必要在底部留下对于的版权信息，但是版权、备案、站外链接都应该加nofollow标签，当然这是站外的链接，站内也有部分链接需要加入nofollow标签，比如网站底部的广告合作、联系方式等页面。

Handsome 主题外链处理分为以下三种：

自行选择优化方案：

文章外链

通过开发者工具可发现，文章外链所属的类为 根据此类，查询主题文件可得：在 /handsome/libs/content/ScodeContent.php 中存在如下代码：

//文章中的链接，以新窗口方式打开
{
   mathJaxContainer[0]}matches) {
   
    if (strpos({
   mathJaxContainer[1]}matches[1], 0, 6), "http") === false) {
   
        return '<a href="' . {
   mathJaxContainer[2]}matches[2] . '';
    } else {
   
        if (Utils::getExpertValue("no_link_ico", false)) {
   //true 则不加图标
            return '<a href="' . {
   mathJaxContainer[3]}matches[2] . '';
        } else {
   
            <!--在下一行添加 rel="nofollow" 此处已修改-->
            return '<a class="no-external-link" rel="nofollow"  href="' . $matches[1] . '" target="_blank">' .
                $matches[2] .
                "";
        }
    }
}, $content);

按代码注释增加对应代码即可。

全站友情链接

代码位置：/handsome/component/aside.php

具体：

<ul class="nav nav-sub dk">
      <li class="nav-sub-header">
      <!--使用links插件，输出全站友链 下一行 rel='noopener nofollow' 即可 -->
     <?php $mypattern1 = "<li data-original-title="{
   title}" data-toggle="tooltip" 
    data-placement="top">{name}";
     $options = mget();
     if ($options->pluginReady){
   
         Handsome_Plugin::output($mypattern1, 0, "ten");
     } ?>
</ul>

内页友情链接

代码位置：/handsome/libs/Content.php

具体：

$mypattern = <<<eof
<div class="col-sm-6">
<!--下一行 rel='nofollow' 即可 -->
<a href="{url}" target="_blank" class="list-group-item no-borders box-shadow-wrap-lg" rel="nofollow"> <span 
class="pull-left thumb-sm avatar m-r" > <img 
  src={
   image} alt="Error" class="img-square" /> <i class="{color} right"></i> </span> <span class="clear"><span class="text-ellipsis">
  {
   name}</span> <small 
  class="text-muted clear text-ellipsis">{
   title}</small> </span> </a>
</div>

全局左侧边栏最新评论项目累积垃圾链接

文章评论时允许留下链接，而这些链接我们无法保障其优秀性，而最新评论栏目又会直接展现在首页上，可能导致网站权重的降低，故，尝试去除最新评论栏目，效果如下：

代码位置：/handsome/component/sidebar.php

采用注释符： 注释以下代码即可：

<!--在 14 行-->
<!--<?php if (COMMENT_SYSTEM == 0): ?>
<li role="presentation"> <a href="#widget-tabs-4-comments" role="tab" aria-controls="widget-tabs-4-comments" aria-expanded="false" data-toggle="tab"> <i class="glyphicon glyphicon-comment text-md text-muted wrapper-sm" aria-hidden="true"></i> <span class="sr-only"><?php _me("最新评论") ?></span> </a></li>
<?php endif; ?>-->

去除最新评论之后，还需要修改剩余两个栏目的位置，因为底部导航条没有对齐：

我们需要修改 handsome.min.css，其位置在：/handsome/assets/css

为追求传输速率，css 为压缩后，较为难以肉眼查找，我们可以使用 .nav-tabs-alt .nav-tabs>li[data-index="0"].active~.navs-slider-bar 作为关键词搜索相关代码；将其对应的：transform: translateX(xx%); 修改其 xx 为对应数值即可。

注意以 data-index="0" 区分两个按钮：

由于是 css 文件，简单点击刷新没有意义，会读取缓存，必须 F5，无缓存刷新网页，才能看到修改后的结果，如下：