SSL化のためレンタルサーバーの引っ越しを完了したので、ついでにファビコンをつけようと思って調べたら、次のサイトがとても参考になった。
https://keywordfinder.jp/blog/seo/favicon/
ここを参考にして、取り敢えずの画像データを Adobe Illustrator で作成。
記事中にある WordPress への登録を考慮して 512 x 512px で作成し、PNG 形式でエクスポート。
ico形式に変換するのは、以下のサイトを選びました。
https://iconifier.net/
このサイトに PNG ファイルをアップロードし、ZIP 形式でダウンロードすると、簡単に各サイズのデータを得ることができました。
設定方法と、メタタグサンプルは ZIP ファイル内にあるので簡単でした。
画像データを全てサイトにアップロードし、metataguwo index.html に追加するだけ。
WordPress の「外観」>「カスタマイズ」>「サイト基本情報」の「サイトアイコン」にも追加して、万全です。
試しに、iOS端末、Android端末でリンクをホーム画面に登録すると、ちゃんとアイコン付きで登録されました。
できることはわかったけど、問題はファビコンのデザインだなぁ。