Day 29. 聊聊 Hugo SEO

前言

做好 Search Engine Optimizing (SEO)，可以让使用者透过搜寻引擎，查找与我们网站页面有相关联的关键字词时，列出的搜寻结果，会排序的比别人的网站还要前面的，也就是网站的曝光度很高，曝光度高，网站流量就有机会冲高，流量冲高了之後，网站就具有一定程度的影响力，我们可藉此来达成某种目的，例如铺展各种流量变现的策略，增加收入，或是宣导要爱护动物、募资捐款等等。

简言之，做好 SEO，可以取得「好的排名」。

今天来聊聊 Hugo 在 SEO 这部分，我们有哪些工具可以运用、设置，也会一并讲到 Google 的 SEO 相关辅助工具，是如何帮助我们把设置好的网站，可以公开被使用者搜寻。

Hugo Sitemap 与 Google Webmasters

Hugo 内建产生网站 Sitemap 的服务，你可以透过修改 config.toml，去设置关於 Sitemap 的配置参数，以下是官方的设置参数范例：

[sitemap]
  changefreq = "monthly"
  filename = "sitemap.xml"
  priority = 0.5

你也可以透过自行创建 ./layouts/sitemap.xml，来覆盖(取代) Hugo 内建的 sitemap.xml 内容。

搞定 sitemap.xml 之後，在 Google 方面提供了 Search Console 介面，透过提交我们网站的 Sitemap.xml，告诉 Google 搜寻引擎，帮我们建立页面索引，让我们的网站页面「可以被 Google」列出 (这只是 SEO 的其中一小步)。

Hugo 与 Google Analytics (GA)

若网站页面已经可以被 Google 搜寻到，我们可以透过 Google Analytics 工具，来观察网站被访问的情况；Hugo 已帮我们整合了 Google Analytics 工具，只要在 config.toml 中，设置参数 googleAnalytics 即可启用 (建立新的 Google Analytics 可往这参考官方说明)。

googleAnalytics = "UA-XXXXXXXXX-X"

上面那串 UA-XXXXXXXXX-X 为 Google Analytics 帐户的追踪 ID，点击介面左下角的「管理」，进去资源管理介面，点选「资源设定」，就会看到你的追踪 ID：

成功启用之後，你可以在 Google Analytics 介面，看到已有接收到网站数据传回：

如果还没有看到数据，而你确定有启用成功，可以试着用不同装置、网路、浏览器开无痕，去造访你的网站，模拟自己是一个新访客，静候几分钟观察看看。

Open Graph

引用一下官方文件原文：

An internal template for the Open Graph protocol, metadata that enables a page to become a rich object in a social graph. This format is used for Facebook and some other sites.

当你分享文章网址到各种社群，例如 Facebook 时，设置 Title、Keywords、Description 等参数，可以让社群平台抓取到适当的标题、图片，或文字描述，作为该平台的连结图块呈现给使用者：

请注意，只有在你使用中的布景，或是你有自行创建 partials template，引入到你的网站 <head> 中，才会被社群平台吃到你的设定，这边可前往看看 Facebook 建议的设定。

robots.txt

建立 ./layouts/robots.txt，让搜寻引擎知道哪些资料夹、网站内容，是我们想要被检索、搜寻的：

User-agent: *
Disallow:

(上例为允许任何搜寻引擎检索网站的所有内容与资源，包括页面、图片)

关於 robots.txt 详细设置方式可以往这或这参考。

小结

  • 在每篇文章中设置 Title、Keywords、Description
  • 建立社群平台对应的 partials template，读取相关参数，放在全局 <head> 中
  • 承上，设置完整的 meta tags，有助於网址分享时的效果呈现
  • 提交 Sitemap.xml，让网站页面可以被 google 索引，被使用者搜寻到
  • 整合 Google Analytics，透过工具掌握页面被搜寻到之後，网站被访问的实际情况
  • 设置 robots.txt，定义哪些内容不想被搜寻检索

今天超级浅的聊了一下 Hugo 在做 SEO 时提供的相关工具，让没接触过的人，踏出了解做 SEO 的第一步，还有很多关於搜寻最佳化的作法、内容与学问可以探讨，有兴趣的读者，推荐可以看看这篇 PERFECT SEO META TAGS WITH HUGO，也希望有深耕过 SEO 经验的读者，能把你的心得做个分享留言，感谢。

最後，笔者有个心得是，在开始研究 SEO 的这条路上，跟很多学问一样，它是需要你不断地更新资讯的，不是说感觉一时学有所成，就能十年不变的一套用到底，推荐你可以搜寻「SEO Checklist 2020」，或许可以有所获得。

参考连结


<<:  原来有一天我可以有其他选择---面试TFT暑期实习计画网页组心得

>>:  Day29 RealmSwift

【Day23-降维】相信你的眼睛，在训练模型之前一定要做的事情——利用降维技巧检视资料分群状态：PCA, tSNE, SVD, SOM

昨天我们稍微讲了一下如何透过一些基本的图来让在做资料分析的时候有一个初步的认识 但有的时候我们的资料...

Day 28 烂番茄影评网爬取

今天的影片内容为爬取一个非常有名的影评网—Rotten Tomatoes(烂番茄) 还会介绍网页图片...

[NestJS 带你飞！] DAY28 - CORS

大部分的开发人员在面对前端後端是不同网域的时候，会碰上一个名叫 跨来源资源共享 (Cross-Ori...

从零开始学游戏设计：建立分数条 Part2.图片与文字

这是 Roblox 从零开始系列，使用者介面章节的第二个单元，你将继续学习如何制作精美的分数条 【Y...

Day 09：今天又想不出标题了！tmux plugin 和 mouse mode

我把从第一天到现在每天的 Home 目录都放上 GitHub 了，README.md 里面有说明 ...