Faviconを作ってHugoで表示する方法

概要

Faviconを簡単に作る方法を解説します。また、HugoでFaviconを表示する方法も解説します。

Faviconとは、ウェブサイトのブックマークやタブ、ホーム画面などに表示されるアイコンのことです。 Googleより検索結果に表示されるためのfaviconのガイドラインが公開されており、こちらに従うことで検索結果に表示されるようになります。

Faviconを作成するには、以下のサイトを利用します。

サイトにアクセスすると、以下のような画面が表示されます。

faviconを作成したいサイトのURLを入力し、Generate Faviconをクリックします。その後表示される画面で、「Download the generated favicon」のリンクをクリックすると、faviconがダウンロードできます。

HugoでFaviconを表示するには、themeによっても違うますが、 bearcub の場合は以下のようにtomlに設定するだけでfaviconが表示できます。

1
2


[params]
  favicon = "images/favicon.ico"

Faviconを作成する方法と、HugoでFaviconを表示する方法を解説しました。
Faviconは、ブログのブックマークやタブ、ホーム画面などに表示されるので、作成しておくと良いでしょう。