OGP (Open Graph Protocol) とは？

The Open Graph protocol にあるとおり、social graph にてその web page がどういった情報を持つのか決まったスキーマがなかったため、Open な仕様が作られたとのこと。

主に Facebook でのシェア向けに使われているイメージがあるが、SEO まわりで紹介記事がたくさんあるので、省略。

• Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]

Open Graph とか聞くと、セマンティックWebとオントロジー：現状と将来展望 を思い出すのだが、Web ページに意味をもたせるといろいろ便利になるということなのだろう。

Hugo の internal template

Internal Templates | Hugo

1_internal/disqus.html
2_internal/google_news.html
3_internal/google_analytics.html
4_internal/google_analytics_async.html
5_internal/opengraph.html
6_internal/pagination.html
7_internal/schema.html
8_internal/twitter_cards.html

とあり、この中の _internal/opengraph.html と _internal/twitter_cards.html を

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

で読み込む。この template の中身は、hugo/tpl/tplimpl/embedded/templates にあるので、中身を編集したい場合は参考にできる。

viva Hugo!