【無料で簡単にホームページ作成 #7】ファビコン設定方法解説。シンボルマークを追加してアピールしよう!

このブログではYouTube動画で分かりにくいかなといった内容を補足していきます。

皆さんこんにちは、napです!

今回はファビコン。

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、
ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。

引用:https://ja.wikipedia.org/wiki/Favicon

まぁ、動画内でも説明していた通り、faviconはアイコンです。

よく目にするかと思いますが、お気に入りとかタブとか、スマホのホーム画面に設置した時のアイコンになったりします。

設置してもしなくてもHPの動きとしては問題ないですが、

faviconを設置すると他のHPとの差別化ができます。

これ大事!!

貴社のロゴをそのまま使用しても良いし、新たに作成しても良いと思います。


うんうん、サイトのきちんと感が全然変わるよね~!


faviconの表示サイズもいろいろあります。

favicon の大きさ別使用場所

・16px × 16px  = IEのタブ
・32px × 32px  = Chrome、Firefox、Safariのタブ
・48px × 48px  = Windowsデスクトップ
・180px × 180px = iOS(iPhone、iPad)
・256px × 256px = android

16px × 16px はかなり小さいので、わかりやすく、見やすい図形を作ってください。


他の会社さんのfaviconの例です。参考までに

任天堂株式会社
Twitter
facebook
Microsoft
Apple
日清食品グループ
シャープ株式会社
日産自動車株式会社
トヨタ自動車株式会社
スズキ株式会社

あえて小さい画像を乗っけてます。

見やすいとかセンスがどうこうは、よくわかりませんが、注目してみると面白いですよ!

確かに小さくてもはっきり自社を認識してもらえる
ファビコンばかりだね~♪

ちょっとした手間だけど、設定しなきゃ絶対損!

そして…!

このHP作成動画ではサイトの一般設定の解説をしていないので、
今回の動画4分15秒、「サイト基本情報」でいきなり

サイトのタイトル名 ルシェロ
キャッチフレーズ ホームページの制作ならルシェロ

と入っていてビックリしたと思うの!

皆さんのサイトはまだ初期設定の

サイトのタイトル名 テスト
キャッチフレーズ Just another WordPress site

となっているはず!

ここはね、検索エンジンに拾ってもらうために重要な場所なので
補足動画をあげておくね↓

【補足動画】サイトタイトルとキャッチフレーズの設定

最近始めたキャプチャ動画撮影に緊張しまくりで
声ひっくり返っちゃってますがご容赦くださいマセ(笑)


この設定、本来だったらかなり初期の動画段階でやらなきゃだよね!(怒)

まあこれも、うちのポンコツすりーえるの
あるあるだと思って

生温い目で見守ってもらえると幸いです…


ペコリ

次の記事【無料で簡単にホームページ作成 #8】フッターウィジェットエリアを設定してみよう!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です