気ままなブログ

幅広く徒然なるままに執筆します。

googleモバイル検索結果ページ|ブログアイコン(Favicon)の変更について

先日、Googleよりモバイル検索結果ページの視覚リフレッシュに関する発表がありました。

モバイル検索結果の表示が変更になったそうで、

・Webアドレスの横に太字の広告ラベルが表示される
Webサイトの名前とそのアイコン(ブログアイコン(Favicon))が結果カードの上部に表示される

とのことなのでブログアイコン(Favicon)設定をすることにしました。

======

この記事の目次
【ブログアイコン(Favicon)の設定方法】
【ブログアイコン(Favicon)の作成方法】

=== ===

【ブログアイコン(Favicon)設定方法】

はてなブログの管理画面で「設定」を選択

f:id:rererenore05:20190715025114p:plain

②ブログアイコン → ファイルを選択より、アップロードしたいアイコン画像をアップ

f:id:rererenore05:20190715025120p:plain

③アップロードを確認したら、ページ最下部の「変更する」ボタンで保存

f:id:rererenore05:20190715025130p:plain

完了です。最後にご自身のブログにアイコンが表示されたことをご確認ください。

 

【ブログアイコン(Favicon)の作成方法】

私はgoogleの無料ツールGoogle Slidesで作成しました。

①メニューで図形を選択

f:id:rererenore05:20190715025536p:plain



②正方形をします。

shiftをクリックしながらサイズ調整すると、縦:横比率が固定されますので、正方形が崩れません。


③正方形の枠に好みの図形や文字を組み合わせます。
※私は、プラスマークとリボンを組み合わせました。

f:id:rererenore05:20190715030141p:plain

④好みの色に変更、バランスを調整します。

f:id:rererenore05:20190715030135p:plain

 

 

⑤作成できたら、PCに無料で搭載されていたSnipping Tool で切り取り

PNG形式で保存

 

上記の【アイコン設定方法】通りにアップロードして完了です。

少しでも参考になれば幸いです(・U・)💛