質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.38%

  • HTML

    12285questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

favicon(ファビコン)で404エラーが出ているので対応や設定方法を教えてください

解決済

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 23K+

xnsnmgi

score 37

favicon(ファビコン)で404エラーが出ているからファビコンを設定してと言われたけど、どうしていいかわかりません。

以下のようなエラーが出ているようです。
File does not exist: /usr/local/apache/htdocs/favicon.ico

ブラウザのお気に入りで表示される画像の事だという事はわかりました。
ネットとかで調べたのですが、あまり経験がないので、詳しい事はわからないのです。
今のところ、
・16×16ピクセルのjpegやpng画像を用意する(ペイントではなく、ソフト使いました)
・ICO形式に変換してくれるサイトで、icoファイルに変換
・ICO形式のファイルを作成
・出来上がった画像をサーバに反映
までは行えました。

後はヘッダに設定するだけのようなのですが、私が担当しているHTMLファイルの一覧を見ても、どこにもヘッダ情報がついていないのです。。
テンプレートを書くために、スマーティと言う物を使っています。

いつもなら他の開発者さんにお願いするのですが、しばらく不在なので自分でやらなければいけません。
ここからどうしたらよいでしょうか?
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+5

お話から察すると、おそらくフレームワークを使ってサイトを作られているのかと思いますので、以下のように試してみてください。

※既にできている、又は代用できる手段をご存知の場合、その項目は飛ばして進めてください。

・使っているサイトの情報を、WinSCPなどを使ってローカルに落としてください
 具体的には、cakeとかsymfonyと言うフォルダがあれば、そのフォルダ以下、よくわからなければappとかのフォルダがあれば、その階層にあるフォルダとファイルです。
(わかるのであれば、プログラムやテンプレのファイルだけで大丈夫です。画像ファイル等大きいファイルはなるべく省いてください。)
・テキストエディタ(秀丸とかサクラエディタとか)を使って、<head>の単語が含まれたファイルがどこにあるか検索してみてください。
        秀丸を例にすると、上のメニューから「検索」->「grepの実行」で
        「検索する文字列」に<head>を、検索するファイルに「*.*」を
        検索フルフォルダに「先ほどダウンロードしたフォルダ」を設定してください。
        該当ファイルが見つかったらF10のキーを押すとそのファイルの編集画面に飛びます。
・ヘッダ情報の中に、以下のように記載を追加します。
        <link rel="shortcut icon" href="自分の使っているサイト.com/画像を格納したフォルダ/指定したファイル.ico" type="image/vnd.microsoft.icon" />
・追加したヘッダのファイルを、サーバに反映します。

上記ような形で設定すれば、ファビコンの設定が完了していると思います。
ブラウザをリロードするなどして試してみてください。

あまり慣れていないようですので、編集前のファイルは必ずバックアップしておいてくださいね。

ちなみに、faviconを設定しなくてもエラーが出なくする方法があります。
Apacheの場合、httpd.confに以下を追加して再起動すればエラーログに出なくなります。

Redirect 404 /favicon.ico
ErrorDocument 404 "Not Found favicon"

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2014/09/24 18:32

    これは、ドキュメントルート以外のfaviconファイルを使いたいときの対処ですね。
    ルート直下に、favicon.ico を置けば、各ページの修正などは不要です。

    キャンセル

+2

headerが無いなら自分で追加しましょう。

めんどうならhtdocs直下に、作ったfaviconを置いておけば反映されると思います。
当座をそれでしのいでエンジニアが戻ってきたら任せるのはどうですか?


投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2014/09/24 16:33

    回答ありがとうございました!参考になりました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.38%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • HTML

    12285questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。