ワードプレスブログのファイビコンって何?、設定した方がいいの?
ファビコンは、ブランディング、リピーター獲得、認知度向上から設定した方がいいですよ!
この記事で解決できる悩み
- ファビコンがわからない
- アファビコンの作成方法(外注する?or自作する?)
- 自分のワードプレスブログへのファビコン設定方法)画像付きで解説
この記事を書いた人
そもそもファビコンって何?
ファビコンとは、アイコン(favorite icon)の略称で、めっちゃ簡単にいうと、自分のメディアを判別するための目印です。サイトのシンボルマークとも言えますね。
ブラウザのタブとか検索結果、ブックマークやお気に入りに登録した際に表示されるアイコンのことです。
ファビコンは自分のワードプレスブログやWebサイトのイメージを表現でき、設置はめっちゃ簡単です。
別になくてもサイトは見れるので必須というわけではありません。
しかし、ファビコンを設置しておくと、自分のメディアだと認識されやすく、メディアのブランディング力向上のためにもブログを開設した際には、ファビコンも設置することが絶対におすすめです!!
favicon(ファビコン)画像で注意する点
favicon(ファビコン)は表示がすごい小さいため、複雑なデザインにしても返ってわかりにくいファビコンになってしまいます。
よって、パッとみてわかりやすいシンプルなデザインにすることを心がけましょう!
基本的には正方形で表示されるため、iOSやsafariでは角が丸められて表示されるので、角が削られても問題のない、正方形のデザインにしましょう。
上の例のようにキャラクターが一つの①の例が分かりやすいですよね。一方で②は、ファビコンとしては文字が小さくて分かりにくいですよね。
そのため、ワンポイントで目立ち、他のブログメディアとは異なるファビコンを作成することが重要です!
favicon(ファビコン)で3つの得られる効果
①ブランディング力の向上
ファビコンは自由にデザインできるので、自分のブログメディアのロゴや特徴を独自に特徴的なデザインにすることで、Webメディアのブランディングができます。
ファビコンは小さなアイコンですが、ファビコンを設置することよって、自分ブログメディアのイメージを伝えることには有効です。
多くのブロガーは、自分のロゴやデザインをファビコンに反映しこれは自分のブログです!ということをアピールしていますよね。
②リピーターの獲得
何となく、今までに見たことのある馴染みのアイコンがあると親近感も沸きますよね。
またブランディングとしてのシンボルを何度もユーザーに閲覧させて、記憶させておけば、リピート化させることにも繋がります。
このように、ユーザーに安心感や親近感を提供することで信頼性を高め、「またこのブログメディアを訪れたい」とリピーター獲得につながります。
③認知度の向上
ファビコンはブログメディアを開いている間、タブ上に形や色が用いられて表示されているため、目立って感じられます。
そのため、ユーザーが見ているブログメディアが、ファビコンで認識されることもあり、認知度向上に大いに役立ちます。
ファビコン設定により、自分のブログメディアの認知度向上につながります!
ファビコンの 表示場所について
favicon(ファビコン)が表示される場所とは、主に以下のような4箇所に表示されます。
主に表示される4箇所
①ホームアイコン
②検索結果ページのタイトル左
③ブックマークバー(ページタイトルの左)
④メディアのブラウザのタブ
favicon(ファビコン)の作成方法について
【おすすめ】NFTを購入して、ファビコンにする
私は、NFTが好きなのでOpen SeaでNFTを購入したアイコンをPFP※としてファビコンにしてます!
※PFPとは【 プロフィールピクチャー 】の略で、SNSなどでプロフィール画像として使える画像の事を指します。
NFTは、購入するまでに以下をクリアしなければなりません。
① 仮想通貨取引所に口座開設をする
② Metamask(メタマスク)でウォレットを作成する
③ 仮想通貨取引所からETH(イーサ)をMetamask(メタマスク)に送金する
④ NFTマーケットプレイスのOpenSeaに登録する
⑤ NFTコンテンツを購入する
結構めんどうくさいわね。
確かに・・・下にNFT購入するまで、まとめた記事があるので、参照してください!
MakitoおすすめNFT!
- 現時点で少々高めのNFT(値段は上下します)
NFT | 画 像 | 特 徴 |
①Live Like A Cat -neko no youni ikiru- | 「ニンゲンやめてみよ?」Live Like A Catは、「生き方のアップデート」をテーマにした22,222体の猫のNFTプロジェクトです。お金、仕事、肩書き、責任、将来の安定…そういった概念ばかりに気を取られ、大切な時間を失っているニンゲン。道の真ん中で腹出して寝ている猫、ストーブの前でずっと動かない猫、窓から景色をずっと見つめる猫。この対照的な生き方をしている猫だからこそ、ニンゲンに大切なことを教えてくれている気がする…。あなたは、この猫ちゃんたちに何を感じますか? | |
②The Mafia Animals Soldiers | TheMafiaAnimals (TMA)は動物×マフィアの世界でお送りする 【キャラクター】×【NFT】×【コミュニティー】をテーマにした作品群です。NFTアートの【作品には実在の所有者がいる】という特性と【キャラクターアイコン(pfp)】を活かしリアルとデジタルの横断する体験を楽しみましょう。 コミュニティに焦点を当てたweb3時代の参加型のキャラクターコンテンツです。 |
- 現時点で安めのNFT(値段は上下します)
NFT | 画 像 | 特 徴 |
③YuGiYn | 近未来の渋谷に建造された超高層IR施設「¥u-Gi-¥n/遊戯苑」を舞台に、国内外の東京カルチャーNFTプロジェクトのアイテムやコンテンツをセレクトし、ゲーム、マンガ、アニメ、ファッション、音楽などを統合したエンターテイメントとクリプトベースのショッピング体験を提供するメタバースプロジェクトです。 | |
④SPACE CROCOS EPISODE2 | 平和なワニ園に1機のUFOが現れ、ワニを連れ去った。エイリアンはワニをエイリアンに変え、増殖させた。そしてエイリアンはエイリアンになったワニを野に放ち、NFTの世界を侵略した。 | |
⑤ShikibuWorld | Shikibu World(通称SKB)の発行総数は10,000点。「しきぶちゃん」の個性を全面に押し出したユニークなPFPアートコレクションです。 そして、NFTが「キャラクターの命のバトン」となり、人から人へと繋がっていくことで、作者の没後、100年後でもキャラクターは活用され「世界中で活躍し続ける仕組み」を生み出すNFTプロジェクト。 |
無料CANVAで自分で作る
NFTだとお金もかかるし、面倒くさいからという方は、無料で自分でも作れます。
CANVAを使えば、簡単にファビコンを作ることができます。
CANVAとは?
Canvaは、オンラインで使える無料のグラフィックデザインツールです。61万点ものテンプレートと、1億点の素材(写真、動画、イラスト、音楽)があり、ドラッグ&ドロップの簡単操作で誰でも簡単にあらゆるデザインを作成できます。パソコンはもちろん、スマートフォンやタブレットでも使えます。
①「デザイン」を作成をクリック
②そうすると下記の画面になるので、「ロゴ」をクリックしてみましょう!
③いくつか「テンプレート」を見てみて、自分の気に入ったものを選んで、文字とかは編集可能なので、自分のオリジナルのファビコンを作ってみましょう!
④ここでは、「BIG BITE DONUTS」をクリックしてみました。
⑤そうすると、関連するロゴがまた左側に現れますので、違うロゴを選んだりすることもできます。
ここでは、「BIG BITE DONUTS」を「MAKITO DONUTS」に編集して変えてみました!
このように、テンプレートもいっぱいある、文字も変更出来るのがCANVAの良い点だと思います。
⑥これで良ければ「共有」をクリック、「ダウンロード」をクリックして自分のPCにダウンロードしましょう。
注意ポイント
王冠のマークがついているものは、有料になってしまうので気を付けましょう。有料プランに加入する必要があります。私は、無料版のCANVAを利用してます。最初は無料版で問題ないでしょう!
ココナラで発注してみる。
ココナラやクラウドワークスなどのクラウドソーシングサイトでファイビコンを作ってもらっても良いと思います。
2000円~3000円くらいで作ってくれるでしょう!
おしゃれな無料のイラスト素材から取ってくる
①Shigreni・・・素朴でかわいらしい女の子のイラストです。
②ベクターシェルフ・・・グラフィック・プロダクトデザインです。
③anttiq・・・アンティーク風のイラスト素材です。
④ソコスト・・・とてもシンプルな使いやすいイラスト素材です。
手間をかけたくない方は、これらの無料素材からセンスの良いものを選ぶのもあり!!
AFFINGER6ファビコン設定手順
手順①:AFFINGER 管理画面からファビコンを設定する
「外観」 → 「カスタマイズ」をクリック
手順②:サイト基本情報を設定する
「サイト基本情報」をクリックしてください
「画像を変更」をクリックして、ファビコンをアップロードすればOKです。
最後に「公開」ボタンをクリックすることを忘れないで下さいね!
大変お疲れさまでした~ファイビコンは結構、重要なので絶対に設定することをおすすめします!
まとめ:AFFINGER6でファビコン設定をしてブログ運営しよう
今回はAFFINGER6(アフィンガー)のファビコン設定方法について解説してみました。
ファビコンは設定していなくても良いのですが、「神は細部に宿る」と言われるように意外とこういう部分を見てる人はいるし、このファビコンはこの人のだと認識されるものです!
おしゃれなファイビコンを作って、ブログに設定し、モチベーションを上げていきましょう!
最後までご覧頂きありがとうございました。本記事が参考になれば幸いです。
有料テーマの「アフィンガー6」を使っていない方がいらっしゃったら、下記の記事を参考にしてみて下さい!