Google検索結果などに表示されるサイトアイコンの設置手順

サイトアイコン設置手順2 ブログ制作

サイトアイコンとは?

サイトアイコンとは、ブログやWebサイトのシンボルとして用いられるアイコン画像で、ファビコン(favorite icon)とも呼ばれているようです。

サイトを開いたときにブラウザのタブに表示されるほか、ブックマークやGoogle検索結果、スマートフォンのホーム画面などでも表示されます。

以下は、サイトアイコンの一例です。

【Google検索結果】黒枠内は設置前の状態
サイトアイコン設置手順1

【ブラウザのタブ】
サイトアイコン設置手順2

サイトアイコン用画像の作成

(WordPress+Cocoon使用時)

サイトアイコン用の画像といっても特殊なものが必要になるわけではなく、あなたが通常使っている画像作成ソフトやAIなどを利用して、なるべく印象に残りそうなものを作ればよいと思います。

なお、画像は正方形で512×512ピクセル以上拡張子は「png」を使用してください。

下の画像は、今回当ブログ用の作成した画像です。

サイトアイコン用の画像

サイトアイコンの設定手順

ブログの管理画面にログインしたら、「外観」→「カスタマイズ」をクリックします。

サイトアイコン設置手順3

サイト基本情報」をクリックします。

サイトアイコン設置手順4

サイトアイコンを選択」をクリックします。

サイトアイコン設置手順5

サイトアイコンとして使用する画像を選び「選択」をクリックします。

サイトアイコン設置手順6

サイトアイコン欄に画像が表示されていることを確認し「公開」をクリックします。

サイトアイコン設置手順7

ここまででサイトアイコンの設置が完了しました。

以下は設置後のブラウザのタブの状態です。サイトアイコンがすぐに反映されていました。なお、Google検索結果については、クローラーがサイトの情報を収集しインデックスされるまでは反映されないので、しばらく時間をおいて確認してみてください。

サイトアイコン設置手順9

スマホについても当サイトを「ホーム画面に追加」してみると、以下のようにサイトアイコンの画像が反映されていました。

サイトアイコン設置手順9

*ブログ作成の全体の流れについては「シニアにも簡単にできるブログの始め方」をご覧ください。

コメント

タイトルとURLをコピーしました