ファビコンを作ってサイトのオリジナル化

ASPを開くときにサイトURLの横に表示されているアイコン、あるいはライバルサイトのURLにも表示されているアイコン(下図参照)をファビコンと呼びます。
サイトのシンボルとして有名なサイトには必ず表示されています、かと言って、これがないとSEO上において有利、不利ということはまったくありません。

簡単に言うと、あなたのサイトのシンボルマークみたいなものです。それで、このシンボルマークとなるファビコンを作って、自分のサイトのオリジナル化を進めていこうという訳。ファビコンはwordpress、MT、シリウス、賢威、ホームページビルダーなどに幅広く表示させることができます。
ファビコンに興味ない人はこのページはスルーOKです。

ファビコンは自作するのも楽しみですが、作るのが苦手だと、面倒だと、相変わらず面倒がる人はファビコン素材を無料配布しているのサイトがあるので利用してもよい。

ではさっそくファビコンを作ってみよう。

①まずファビコンの画像サイズは32ピクセルx32ピクセルで設定。
画像作成ソフトを使って、自分の好きなアイコンを作る。

作った画像ファイルの形式は、PNG、JPEG、GIFとどれもよい。
②作った画像はファイルに保存する。
③保存した画像をアップロードする(下図参照)

④アップロードした画像のURLを作る。
アップロードした「サイトURL/フォルダ名/ファビコン画像名」
当サイトの場合は、http://www.toranoana-juku.jp/img/favicon.pngとなる

⑤HTMLコードを作成する

⑥テンプレートにHTMLコードを挿入(コピーペースト)

<head>~</head>の間に⑤で製作したHTMLコードをコピーペーストする。
作業完了!
⑦自分のサイトにファビコンが反映される
ファビコンが反映されると、タブやブックマーク、アドレスバーにも表示される(下図参照)


コメントは利用できません。

関連記事


TCD売れ筋ランキング


おすすめ記事


ピックアップ記事

  1. TCD AGENT

    2020.06.18 | TCDテーマ

    TCD-AGENTで制作した美容室の求人サイトで2名の即戦力の採用に成功!
    地元のヘアサロン様から美容師を求人したいという相談をいただき…
  2. おすすめWPテーマ

    2020.04.24 | TCDテーマ

    50万円使ってわかった本当におすすめのWordPressテンプレート【ベスト3】
    かっこいいデザインのワードプレステンプレートを探しているアフ…
  3. TCDテーマ

    2020.02.11 | TCDテーマ

    TCDテーマ【制作事例と口コミ】
    ワードプレス初心者でもオシャレでカッコいいブログが作れるTC…

2021年1月
 123
45678910
11121314151617
18192021222324
25262728293031