之前VPSMarket博客使用的是WordPress,作为最流行的博客系统,WordPress使用者众多,但是随着这些年前端发展日新月异,PHP也有廉颇老矣的感觉,WordPress也越来约臃肿。 Hugo作为新一代静态内容生成工具,因为是静态内容网站,请求直接响应文件内容,不像WordPress还要走一遍内容生成,所以Hugo的速度是非常快。


Hugo作为静态网站,相关的seo处理也是比较特别。下面给大家介绍一些关于Hugo的SEO技巧


SEO第一点,就是需要有高质量的内容,现在搜索引擎是越来越聪明,劣质的内容肯定无法得到搜索引擎的青睐,所以SEO的第一点,就是尽可能的提高你的内容质量。

Title 标题
标题是网站最重要的要素,搜索引擎搜索结果第一行显示的就是网站标题,好的标题能够让搜索引擎快速收录关键字。

title = "VPSMarket-VPS超市"

每一个页面都要确保有一个正确的标题,站点标题再hugo.toml配置文件进行配置。

你也可以利用Golang的模板语句进行条件标题显示

 <title>
 {{- if .IsHome -}}
   Home | {{ .Site.Title }}
 {{- else if .Params.hide_site_title -}}
   {{ .Page.Title }}
 {{- else if .Page.Title -}}
   {{ .Page.Title }} | {{ .Site.Title }}
 {{- else -}}
   {{ .Site.Title }}
 {{- end -}}
</title> 

页面 Meta元素
通常,网页的元描述会出现在搜索引擎上页面列表的正文中。如果可能的话,它的长度应该在150到160个字符的范围内,至少100个字符。太长也不好,应该能够精准描述页面内容。

description: "本文介绍针对Hugo站点进行SEO优化和技巧"

设置canonical URL canonical URL 用来告诉搜索引擎这个内容正确位置

<link rel="canonical" href="{{ .Permalink }}" />

使用分页标记 一个博客一次肯定无法展示所有数据,所以需要进行分页显示,可以添加一下分页标记来让搜索引擎更好的索引分页 添加link rel=“prev”表示分页页面集中的上一页,并添加link rel=“next”表示下一页。然后使用absURL添加一个规范的URL,这样搜索引擎就会将每个分页页面视为一个单独的页面

{{- if .Paginator -}}
 {{- if .Paginator.HasPrev -}}
   <link rel="prev" href="{{ .Paginator.Prev.URL | absURL }}" />
 {{- end -}}
 {{- if .Paginator.HasNext -}}
   <link rel="prev" href="{{ .Paginator.Next.URL | absURL }}" />
 {{- end -}}
{{- end }}

这样搜索引擎就能够区分上下分页。

网站地图SiteMap SiteMap也是一个很重要SEO优化因素,搜索引擎通过sitemap.xml文件对整个网站数据进行爬取,首页上面最好有一个sitemap.xml的链接,hugo每次生成都会更新sitemap.xml文件

robots.txt robots.txt是对于搜索引擎爬虫的交互文件,告诉爬虫哪些网页是可以被抓取哪些是不可以。 hugo默认都是允许爬取

enableRobotsTXT = true

关于更多SEO优化技巧 欢迎加入TG群组 欢迎加入Telegram群组 VPSMarket-Telegram