イーコマ

ネットショップをこれから開業しようと考えている方に読んでほしい情報ノウハウサイトです。副業でお小遣い稼ぎしたい方もいれば個人事業主、法人化して事業として運用したい方等目的は様々だと思います。どんな方でもネットショップをこれから開業したいと思っている方にとって役立てていただけるよう情報配信していきます。

*

ネットショップに実装したいファビコンの設置方法まとめ

   

ファビコン設置

ネットショップを作成するときに、デザインや体裁を整えたいという

店長さんがとっても多いので、簡単にできる施策を1つご紹介します。

※ご存知だったらごめんなさい。。。

 

デザインなんて領域にとらわれず、ブランディングからしっかり模索して

実施したい場合は、ブランディングの実績のあるショッピングカート

利用する場合もありますが、まずやっておきたい施策として

「ファビコンの設置」があります。

 

faviconファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。 favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。

引用:Wikipedia

 

ファビコンの作成と設置方法

ファビコン設置例

ファビコンは、ネットショップを開いたときにタブの左側にアイコンとして

表示されます。

そのため、分かりやすく端的な内容であることが求められます。

 

また、お気に入り登録した際にお気に入りリストにファビコンが表示されることが

多いため、どんなサイトか分かりやすくするのも良いでしょう。

 

ファビコンの制作自体を代行している制作会社もあるようですが、

作成方法も設置方法もあまり難しくないので、自身でやってしまうことを

オススメいたします。

 

ファビコンの作成方法とは

ファビコンとして設置したいアイコンの作成方法は大きく2パターンあります。

ざっくり言ってしまうと、アイコン画像を自分で作るか、現在持っている画像を

ファビコン用にリサイズするかのいずれかになります。

 

ファビコンを無料で作成できるツール

ファビコン作成ツール

ツール名:favicon.ico Generator

 

favicon.ico Generatorを利用すると自分の思い通りのファビコンデザインを簡単に実施でき

その場で、適切なサイズで出力してくれます。

  1. 画面右側のカラーピッカーで色を選択し
  2. 画面中央で好きなようにお絵かきを行い
  3. 画面下部のプレビュー画面で実際の見栄えを確認し
  4. ダウンロードボタンを押してPC内にファイルを取り込みます

引用:ぼくんちのTV別館様

 

現在持っている画像をリサイズしてファビコンにできるツール

ファビコン画像にリサイズ

ツール名:ファビコンを作ろう

 

このツールを活用すると、自分が保有している200kb以下の画像を

ファビコン用の画像アイコンに簡単にリサイズすることができます。

 

ファビコンを設置しよう

ファビコン用のアイコン画像を作成したら、早速設置を試みましょう!

手順方法は以下の通りになります。

 

1:作成したファビコン画像を「favicon.ico」(icon(ICO)形式)で保存する

2:保存したファビコン画像をFTP等を利用してサーバーのドメイン直下へアップロード

3:htmlの記述を使ってヘッダ部分に記述を追記する

ヘッダ部分の<head>から</head>の間に以下のタグを書き込んでください。

<link rel="shortcut icon" href="[画像ファイルのURL]" />

本来は下記のタグが正しいらしいのですが、実際の挙動自体に差はありません。ただ「正しいHTML」にこだわる方はこちらを選んでください。

<link rel="shortcut icon" type="[画像のタイプ]" href="[画像ファイルのURL]" />

[画像のタイプ]に入る文字列は使用する画像ファイル形式によって以下のように変わります。適切なものを挿入してください。

ICO形式 image/vnd.microsoft.icon
PNG形式 image/png
JPEG形式 image/jpg
GIF形式 image/gif

 

引用:WEB memo

 

まとめ

無事ページ上に反映したでしょうか?

ファビコンの設置の有無は、売上に大きく影響する要因ではありませんが、

ネットショップのイメージを良くする上では、とても基礎的な施策になります。

 

お金をかけずに自分でできるデザインやページ改善はいくつも存在するので、

まずできる部分から実施していくようにしましょう!!

 

ネットショップの開業から売上アップを目指す方へ

記事をご覧いただきありがとうございます。

今後もネットショップの運営者の方々に向けて有益な情報を配信してまいります!

  関連記事

まとめ買い
アパレル系のネットショップが実装しておきたい客単価を上げる3つの機能

ネットショップの売上を上げる上で、一番施策として行いにくいのが【客単価】の向上施 …

FRACTA
ブランディング×ネットショップのフラクタっていう会社が素敵すぎる

ネットショップを運営するにあたって、お店のブランドイメージを 構築することはとて …

商品登録
ネットショップの商品写真をうまく撮影するなら「王様の撮影キット」を使ってみよう

  ネットショップで頭を悩ます1つのポイントに商品写真があります。 も …

ネットショップの商品の選び方
ネットショップを開業するときに知っておきたい商材の選び方

これからネットショップを開業しようとしている店長さんが、一番最初にぶつかる壁が …

お店ページ更新
アパレル系ネットショップが見直すべき新商品の更新タイミング

  ネットショップの運営において大事な日々の仕事として ページの更新作 …

サイズ表記詳細
アパレル系ネットショップの店長が気を付けたいサイズ表記の4つの注意

ファッション系商材をお取り扱いの場合、ネットショップ運営において最大のポイントは …

レスポンシブのネットショップ
ネットショップで人気のレスポンシブデザインが作れるショッピングカート3選

ネットショップを作成する上で、ページの構成、デザインはとても重要な要素です。 ユ …

ブエノチキン浦添
グルメ系ネットショップの事例|ブエノチキン浦添 様

事例店舗:ブエノチキン浦添 カラーミーショップというショッピングカートサービスを …

ちょいコデ
アパレル系ネットショップがやりたかった試着コンテンツが作れる「ちょいコデ」とは

アパレル系ネットショップの店長さんなら一度はユーザーが試着できるコンテンツを ペ …

ネットショップでお小遣い稼ぎ
ネットショップでお小遣いを稼ぐ5つの方法

近年、副業という形でネットでお小遣いを稼ぐサラリーマンやOLの方が増えてきていま …

Message

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