HugoでOGPとRSSに対応する

弊社のコミュ力の塊姉さんのTwitterでこのブログを取り上げてもらった。

…って、Twitter Cardsで画像が出てないやん。いわゆるOGPやTwitter Cardsへの対応が必要みたい。

OGP/Twitter Cardsに対応する

Hugoは公式がInternal TemplatesでOGP/Twitter Cardsに対応している。

Hugo ships with a group of boilerplate templates that cover the most common use cases for static websites.

要するに <head> タグの中にInternal Templatesの記述を書けば良い。

問題は使っているテーマによって、<head> タグの中にどう組み込むかがまちまちのようだ。

自分が今回使った hello friend テーマでは、layouts/partials/prepended_head.html に下記の記述をすればよかった。

{{ template "_internal/opengraph.html" . }}
{{ template "_internal/twitter_cards.html" . }}

あとは OGP確認などで画像が出ればOK。

もしかしてと思って、他にブログっぽい挙動としてRSSフィードに対応しているか確認したら、こちらも動いていなかった。

RSSフィードは、Hugoのリポジトリの rss.xml を layouts/ フォルダに配置すればOK。

こういうちょっとしたひと手間で、ブログっぽさが増すのはよき。

~~だったらはてブやQiitaでええやん？~~