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

嗨！我是技术敲钟人

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

欢迎关注我的博客：的博客

前言

上一篇优化文章主要完成了各方面的美化和简单优化，具体如下：

[帖子编号=“17”/]

现在博主都使用主题，主题功能比 Joe 主题强大，编辑自定义也方便，但是有个致命的问题：SEO 效果不如 Joe 主题。这也是因为切换主题之后，部分被搜索引擎收录的文章也掉线了。所以需要对主题进行针对性的 SEO 优化，主要做到以下针对性优化：

解决蜘蛛索引问题时，出现“本页有多个h1标签”的问题 文章中的外部链接未经过优化，导致权重降低，需要增加该属性。 全局左侧边栏最新评论项积累垃圾链接，移除此项，美化剩余项位置。 在文章末尾添加以标签为推荐条件的相关文章推荐，共5项 删除网站标题连接符两边的空格，增加网页标题的有效信息量。 为首页和文章页添加自定义和标签菜单，降低分页和标签页的权重。 解决蜘蛛索引问题时，出现“本页有多个h1标签”的问题

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

位置：//libs/.php

前面的h1是文章页面的标题，后面的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>

文章外链未优化，导致权重降低，需要添加属性

主要有三个功能：

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

使用别人的程序而不留版权是不道德的，所以在底部留相应的版权信息是必要的，但是版权、备案、外部链接都是要标注的。当然这些都是外部链接，有些站内链接也需要标注，比如网站底部的广告合作、联系方式等页面。

主题外部链接处理有三种类型：

选择您自己的优化解决方案：

文章链接

通过开发者工具我们可以发现文章外链所属的类是基于该类的，通过查询主题文件我们可以发现//libs//.php中存在如下代码：

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

根据代码注释添加相应代码即可。

所有网站友好链接

代码位置：///aside.php

具体的：

<ul class="nav nav-sub dk">
      <li class="nav-sub-header">
      <!--使用links插件，输出全站友链 下一行 rel='noopener nofollow' 即可 -->
      $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>

内部页面链接

代码位置：//libs/.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>

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

评论文章时允许带链接，但是我们无法保证这些链接的质量，最新评论栏会直接显示在首页，这可能会导致网站权重下降，因此我们尝试移除最新评论栏，效果如下：

代码位置：///.php

使用注释符号：注释掉下面的代码：

<!--在 14 行-->
<!-- 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"> _me("最新评论") ?></span> </a></li>
 endif; ?>-->

移除最新评论之后，由于底部导航栏没有对齐，还需要修改剩余两列的位置：

我们需要修改.min.css，它位于：///css

为了追求传输率，CSS被压缩了，肉眼很难发现。我们可以以 .nav-tabs-alt .nav-tabs>li[data-index="0"].~.navs--bar 为关键字搜索相关代码；更改相应的::(xx%);并将其xx修改为对应值。

请注意使用 data-index="0" 来区分两个按钮：

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