搜索引擎优化(SEO)

搜索引擎优化简称SEO(Search Engine Optimizing)。

在您的网站上线后,做SEO时需要检查如下内容:

  • 集成Google Analytics或百度统计
  • 为页面增加header信息,如title和description
  • sitemap.xml,大多数网站生成工具都会自动生成站点地图,生成之后将其URL提交的Google Webmaster Tools。
  • robots.txt,阻止搜索引擎爬取网站上的敏感网页
  • 结构化数据:可以帮助爬虫理解页面内容,参考HTML5的结构化数据

检测破损URL

使用Google webmaster可以检测网站的破损URL,如下图所示:

Google webmaster页面

Hugo SEO

下面是对使用 Hugo 生成静态网页的 SEO 优化建议。

页面关键词

为每篇博文设置关键词:

  1. ---
  2. keywords:
  3. - mysite
  4. - mysite keyword
  5. - Another useful keyword
  6. title: My Homepage
  7. ---

需要在文章模板的 header<meta> 中添加关键词字段。

  1. <meta content="{{ delimit .Keywords ", " }}" name="keywords">

页面标题

同样,每篇文章都要有一个标题,这样方便搜索引擎收录,Hugo 生成的文章一般都会在文章的头部增加该字段,同时文章模板的 header 中也需要有 <title> 标签。

  1. <title>{{ $isHomePage := eq .Title .Site.Title }}{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}</title>

也可以在 meta 中添加标题标签。

  1. <meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}" property="og:title">

页面描述

在 hugo 的网站配置文件 config.toml 中设置网站的配置信息,这将显示在浏览器的标签上,该设置是 hugo 内置的。

  1. [params]
  2. description = "Site stuff for being a good site with internet tubez."

同时也可以为每篇文章设置描述信息,这个 description 是十分有用的,当你通过各种社交软件分享页面的时候会解析该字段,同时显示页面的描述信息。

  1. ---
  2. keywords:
  3. - mysite
  4. - mysite keyword
  5. - Another useful keyword
  6. title: My Homepage
  7. description: Where you should come to find my homepage updates and stuff
  8. ---

同样是在模板的 header 中的加入标签。

  1. <meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Site.Params.description }}{{ if eq $isHomePage false }} - {{ .Description }}{{ end }}" property="og:description">

要时刻牢记 SEO 的观念,你的文章是你对外的最好展示窗口,当你将文章的信息格式化话后,还可以对自己发表的文章进行统计分析。

下面是SEO checklist供大家参考:

SEO checklist

参考