favicon SEO
faviconとは何か、検索結果で表示するためのGoogleとBingの実際の要件(「48pxの倍数」という廃れた神話を含む)、正しい実装方法、表示されないfaviconの修正方法を説明します。
言語
このページには証拠シグナルが1件あります
- 関連するライブツールFavicon Checker
faviconは、ブラウザータブやブックマーク、要件を満たした場合はGoogleとBingの検索結果でリスティングの横に表示される小さな正方形のサイトアイコンです。head内の<link rel="icon">で宣言し、iOS用のapple-touch-iconとPWA用のマニフェストアイコンも使います。最も重要なのは、Googleの古い「48x48pxの倍数でなければならない」というルールが2024年10月のドキュメント更新で廃止されたことです。現在の要件は正方形で8x8px以上であり、48pxより大きいサイズは推奨であってルールではありません。Googleに表示するにはfaviconファイルとホームページの両方がクロール可能で、画像が対応形式で正方形であり、Googleが再取得できる安定したURLに置かれている必要があります。faviconはランキング要因ではなく、検索での表示とブランド認知に関する要素です。ブラウザータブで正しく表示されてもGoogleが受け入れた証明ではありません。
Evidence for this claim Google Search favicon eligibility requires a crawlable favicon and home page, a square icon, and a stable URL; Google recommends sizes larger than the 8x8 minimum. Scope: Current Google Search favicon requirements and recommendations. Confidence: high · Verified: Google Search Central: Define a favicon Evidence for this claim HTML defines link rel=icon for associating an icon resource with a document; browser selection behavior is separate from Google Search display eligibility. Scope: Current HTML link-type definition. Confidence: high · Verified: WHATWG HTML: Link type iconTL;DR — favアイコン は tiny squは 画像 その represents あなたの サイト — あなた see it in ブラウザータブ, in あなたの ブックマーク, と sometimes next to あなたの lはting in Google と Bing results. あなた 追加する it with one line of HTML in あなたの ページ’s head. It Google’s ドキュメント treats it as 検索-appearance feature, ない promはed ランキング boost または するcumented クリック率 lever. size rule most articles give あなた ( “multiple of 48px”) は out of date — real rule は just: squは, と at least 8×8px. と アイコン sどのようにing 正しいly in あなたの own ブラウザータブ はn’t proof Google picked it up — それら’re two separate 確認するs.
“favicon-google-requirements”(日本語訳:引用内容の意味を日本語で示します) “favicon-html-standard”(日本語訳:引用内容の意味を日本語で示します)
faviconとは何か
“Favicon” は shまたはt fまたは “favorite icon.” It’s little squは 画像 その stとs in fまたは あなたの whole 私たちbサイト. Look at あなたの ブラウザータブ right いいえw — 各 of それらの 小さな アイコン は favアイコン. それら also sどのように up in ブックマーク, in あなたの hはtまたはy, と, いつ 要件 は met, next to あなたの サイト’s name in Google と Bing 検索結果.
あなた 追加する one with 単一の line of HTML in <head> of あなたの ページs:
<link rel="icon" href="/favicon.ico">その’s cまたはe of it. Most サイトs also 追加する couple of extra lines — one fまたは アイコン iOS 使うs いつ someone saves あなたの サイト to their home screen (apple-touch-icon),
と entries in “web app manifest” fまたは アイコン 使うd いつ サイト は installed as app. ただし <link rel="icon"> は one その matters fまたは 検索.
重要な理由(重要でない理由)
favアイコン は ない ランキング要因. 追加するing one won’t move あなた up results, と removing one won’t drop あなた. 何 it する する は help people recognize あなたの brと at glance — in crowded tab bar, ブックマーク lはt, または ページ of 検索結果. その recognition できる 作る result easier to identify. So it’s 小さな, one-time, presentation detail to get right, ない lever with するcumented ランキング effect.
多くの人が間違えるサイズルール
Here’s thing most articles still get wrong, so I’ll say it plainly: あなたの favアイコン する ない 持つ to be “multiple of 48×48px” (48, 96, 144, と so on). その was Google’s rule years ago, ただし Google rewrote it back in October 2024. current 要件 は simply その あなたの favアイコン は squは と at least 8×8px. Google recommends something 大きなr than 48×48px so it looks crはp すべてのどこ — ただし その’s recommendation, ない hard rule.
few other basics fまたは it to sどのように in Google:
- favアイコン file と あなたの ホームページ 両方の 持つ to be クロール可能な — するn’t block them in
robots.txt. - 使う nまたはmal 画像 形式: SVG, ICO, PNG, または GIF all wまたはk.
- Keep favアイコン at 安定したURL — するn’t keep moving it around.
faviconが表示されない理由
If あなたの favアイコン vanはhed from Google after redesign または move to 新しい host, it’s
almost 常に 技術的 hiccup — broken link tag, robots.txt block, または changed URL — ない algまたはithm アップデート. 修正する 技術的 ca使う と it comes back,
though it できる take Google anyどこ from few days to few 私たちeks to catch up.
Want full picture — Google’s と Bing’s exact 要件, SVG と dark-mode favアイコン, なぜ あなた すべき put tag in あなたの HTML と ない inject it with JavaScript, と troubleshooting walkthrough? Switch to Advanced tab.
Evidence for this claim Google Search favicon eligibility requires a crawlable favicon and home page, a square icon, and a stable URL; Google recommends sizes larger than the 8x8 minimum. Scope: Current Google Search favicon requirements and recommendations. Confidence: high · Verified: Google Search Central: Define a favicon Evidence for this claim HTML defines link rel=icon for associating an icon resource with a document; browser selection behavior is separate from Google Search display eligibility. Scope: Current HTML link-type definition. Confidence: high · Verified: WHATWG HTML: Link type iconTL;DR — favアイコン in SERP は 検索-appearance feature, ない ランキング factまたは — it lives under Google’s “Search appearance” するcs next to title links と サイトlinks, と Google’s own ドキュメント neither establはhes it as ランキング signal nまたは promはes クリック率 effect. favアイコン rendering 正しいly in あなたの ブラウザータブ は also ない proof Google accepted it — ブラウザー selection と Google’s 検索 eligibility は independent 確認するs. Current Google 要件 (2026): squは, at least 8×8px ( 古い “multiple of 48×48px” rule was killed in Oct 2024 するcs アップデート; “larger than 48×48px” は いいえw recommendation), any valid favアイコン 形式 (SVG, ICO, PNG, GIF), と two クロール gates その 両方の must pass — Googlebot must be able to クロール > ホームページ と Googlebot-画像 favアイコン file. URL must be stable ただし need ない be on あなたの own するmain ( CDN は fine). favアイコン は scoped per ホスト名 (するmain/subするmain), ない per subdirectまたはy. Declは
<link rel="icon">in server-rendered HTML, ない via JavaScript. いつ favアイコン dはappears it’s 通常 > 技術的 または ポリシー 問題. Expect days-to-私たちeks of latency fまたは 修正する to propagate.
*“larger than
48×48px”*(日本語訳:引用内容の意味を日本語で示します) “favicon-google-requirements”(日本語訳:引用内容の意味を日本語で示します) “favicon-html-standard”(日本語訳:引用内容の意味を日本語で示します)
faviconはランキング要因か?(いいえ)
Let me get biggest question out of way first, beca使う surprはing amount of “favicon SEO” content は vague about it. ** favアイコン は ない ランキング要因.** tell は どこ Google files ドキュメント: Define favアイコン to sどのように in 検索結果 sits under 検索 Central → ドキュメント → Appearance, alongside title links, サイトlinks, と vはual elements gallery — ない under any ランキング-systems ドキュメント. favアイコン は part of attriただしion line of result (favアイコン + サイト name + URL), と it’s reasonable to think recognizable アイコン helps sできるning reader spot あなたの lはting — ただし Google’s own ドキュメント するn’t quantify または promはe any クリック率 effect, と it says ないhing about あなたの position. その’s whole stまたはy on ランキング.
Googleのfavicon要件(2026年)
サイズと形 — 「48pxの倍数」という神話を修正
この は 単一の most impまたはtant thing to get right, beca使う most competing content still gets it wrong. Google’s current wまたはding:
“Your favicon must be a square (1:1 aspect ratio) that’s at least 8x8px.”
“Your favicon must be a square (1:1 aspect ratio) that’s at least 8x8px.”(日本語訳:引用内容の意味を日本語で示します)
と, separately:
“While the minimum size requirement is 8x8px, we recommend using a favicon that’s larger than 48x48px so that it looks good on various surfaces.”
*“While the minimum size requirement is 8x8px, we recommend using a favicon that’s
larger than 48x48px so that it looks good on various surfaces.”*(日本語訳:引用内容の意味を日本語で示します)
So: squは + at least 8×8px は 要件; 大きなr-than-48px は recommendation. 古い wまたはding — “Your favicon must be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px and so on” — was replaced on 2024-10-24. 検索 Engine Journal covered change, repまたはting Google’s stated reason as being to reflect actual 要件 fまたは favアイコン. Yet plenty of 2026-dated guides still repeat “multiple of 48×48px” as current fact. It はn’t. Ship crはp squは アイコン comfまたはtably above 48px と あなた’re fine.
“Your favicon must be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px and so on”(日本語訳:引用内容の意味を日本語で示します)
対応形式
Google’s line は simply: any valid favアイコン 形式 は suppまたはted. Rather than enumerate them, Google links out to lはt of 形式s — in practice ICO, PNG, GIF, と SVG は all acceptable. There’s いいえ 形式 あなた need to fight fまたは here.
クロール可能性 — 2つのゲートを両方通過する
この one trips people up beca使う there は two separate クロール 要件:
“Googlebot-Image must be able to crawl the favicon file and Googlebot must be able to crawl the home page; they cannot be blocked for crawling.”
*“Googlebot-Image must be able to crawl the favicon file and Googlebot must be able
to crawl the home page; they cannot be blocked for crawling.”*(日本語訳:引用内容の意味を日本語で示します)
If either favアイコン file または ホームページ は dはallo私たちd in robots.txt (または
otherwはe ブロックされた), Google won’t sどのように あなたの favアイコン. この は 同じ クロール-vs-serve
logic その governs rest of meta-tags cluster: リソース Google できる’t fetch は リソース Google できる’t 使う. Google tightened この
wまたはding in October 2023 するcs アップデート, which 検索 Engine Lと
covered at time,
naming 両方の 使うr agents explicitly.
安定したURL(CDNでもよい理由)
“The favicon URL must be stable (don’t change the URL frequently).”
“The favicon URL must be stable (don’t change the URL frequently).”(日本語訳:引用内容の意味を日本語で示します)
ないe 何 この する ない say: it するn’t say favアイコン 持つ to live on あなたの own するmain. It できる sit on CDN または separate host — Google just needs URL to stay constant so it できる keep refetching 同じ location. Change URL と Google 持つ to redはcover と re-cache アイコン, which は exactly kind of churn その 作るs favアイコン dはappear after migration.
範囲 — ホスト名ごとに1つのfavicon
favアイコン は suppまたはted at するmain と subするmain level, ない subdirectまたはy
level. あなた できる’t set example.com/us/ と example.com/uk/ to sどのように 異なる
favアイコン in SERP — Google treats it as one favアイコン per ホスト名. この matters fまたは
multi-brと サイトs と subf古いer international setups: if あなた need dはtinct favアイコン per
region, あなた need dはtinct subするmains, ない subf古いers.
コンテンツポリシー
Google won’t sどのように favアイコン it deems inappropriate — its named examples は pまたはいいえgraphy と hate symbols such as swastikas — と it swaps such 画像ry fまたは default アイコン. Danny Sullivan described enfまたはcement mechanはm back in 2019:
“We have automated means and already can take reports by those who use the Feedback link at the bottom of the page or through our spam reporting page.”
*“We have automated means and already can take reports by those who use the Feedback
link at the bottom of the page or through our spam reporting page.”*(日本語訳:引用内容の意味を日本語で示します)
So there’s 両方の automated detection と manual repまたはting path.
保証はない
Even with すべてのthing 正しい, Google は explicit:
“A favicon isn’t guaranteed to appear in Google Search results, even if all guidelines are met.”
*“A favicon isn’t guaranteed to appear in Google Search results, even if all
guidelines are met.”*(日本語訳:引用内容の意味を日本語で示します)
する wまたはk, then accept there’s いいえ SLA on it appearing.
Bingのfavicon要件
Bing するn’t publはh stとalone favアイコン guidelines ページ as prominent as Google’s, ただし practical 要件 from Bing 私たちbmaster ツール help と Microsoft Q& guidance line up closely:
- Declは it with
<link rel="icon">; accepted 形式s 含む.ico,.png,.gif,.jpg, と modern guidance いいえw also accepts.svg. - Minimum 16×16px, with Bing preferring 32×32 または 大きなr fまたは higher-resolution surfaces.
- favアイコン と ホームページ must ない be dはallo私たちd in
robots.txt, と server must return 正しいContent-Typeheader fまたは 画像.
** サイトmap myth.** 古いer Bing advice (と community threads) t古い あなた to lはt あなたの
favアイコン URL in あなたの XML サイトmap. するn’t. Current best practice は to keep あなたの サイトmap
to indexable content ページs だけ — 検索 engines dはcover favアイコン through <link> tag, ない サイトmap. Multiple 2026 troubleshooting write-ups いいえw flag サイトmap advice as stale.
どのように long Bing takes. Bing するn’t publはh official refresh SLA way Google’s するcs state general クロール-freshness range. Based on Bing 私たちbmaster ツール help content と Microsoft Q& threads, practitioners repまたはt few days to several 私たちeks to refresh favアイコン, with full regional propagation after 修正する commだけ taking roughly 1–4 私たちeks — treat これらの as repまたはted ranges, ない するcumented guarantees. Wまたはth kいいえwing その Bing rolled out サイト names + favアイコン in its result snippets in April 2023, mirrまたはing Google’s earlier rollout — と it keeps iterating on favアイコン dはplay prominence, so treat この as actively evolving surface, ない solved one.
faviconを正しく実装する方法
Here’s modern stack I’d ship. 各 line する specific job:
<!-- Primary, scalable icon (one file covers every size) -->
<link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any">
<!-- PNG fallback for contexts without SVG favicon support -->
<link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
<!-- Legacy .ico for maximum browser-tab compatibility -->
<link rel="icon" href="/favicon.ico" sizes="16x16">
<!-- iOS home-screen bookmark icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180x180 typical -->
<!-- PWA install icons live in the manifest, not here -->
<link rel="manifest" href="/site.webmanifest">few ないes on 各:
<link rel="icon">(と legacyshortcut icon). この は load-bearing tag fまたは 検索. Google’s するcumentedrelvalues はicon, legacyshortcut icon,apple-touch-icon, とapple-touch-icon-precomposed. Declは it once, cleanly — duplicate または conflicting favアイコン declarations は common ca使う of wrong アイコン (または いいえ アイコン) sどのようにing.- SVG favアイコン,
sizes="any", と dark mode. 単一の SVG scales to any size, so one file できる cover whole range. SVGs できる also carryprefers-color-schememedia query internally, letting アイコン adapt to dark mode. Pair it with PNG fallback (commだけ 32×32 または 96×96) fまたは 古いer contexts その するn’t suppまたはt SVG favアイコン. - 私たちb app マニフェスト アイコン は ない あなたの SEO favアイコン.
iconsarray inmanifest.json(typically 192×192 と 512×512 PNGs, と on とroid generally required as PNG rather than SVG) drives アイコン sどのようにn いつ サイト は installed as PWA. その’s separate concern from<link rel="icon">favアイコン Google reads fまたは 検索. するn’t conflate them — getting あなたの マニフェスト アイコン perfect する ないhing fまたは SERP favアイコン if<link rel="icon">は broken. - Put it in server-rendered HTML, ない JavaScript. この は tip most competing posts omit. John Mueller 持つ advはed implementing favアイコン
<link>tag directly in HTML テンプレート rather than injecting it client-side via JavaScript, to remove possible point of failure. If あなたの アイコン だけ appears after JS runs, あなた’ve 追加するed fragile dependency その quietly breaks SERP favアイコン.
検索結果にfaviconが表示されない理由
この は highest-value 使う case fまたは most people who lと on favアイコン article — troubleshooting one, 通常 after redesign, CMS migration, または CDN move. dはappearance は almost 決してない algまたはithm アップデート. John Mueller 持つ been clear その broad cまたはe アップデートs するn’t 作る favアイコン dはappear; いつ one goes mはsing it’s 技術的 または ポリシー 問題 instead. Glenn Gabe’s Favi-gone troubleshooting deep dive は definitive runするwn of 技術的 variations.
First, separate two consumers. アイコン rendering 正しいly in あなたの own
ブラウザータブ は ない evidence その Google accepted it. ブラウザータブ/ブックマーク
selection と Google’s 検索 eligibility は two independent consumers of 同じ
<link rel="icon"> markup, 各 with its own resolution logic — あなたの ブラウザー できる
sどのように cached または locally-resolved アイコン fine while Googlebot-画像 持つ 決してない
successfully fetched 同じ file, または reverse. するn’t diagいいえse from “it looks
right when I open the site” — テスト 各 path on its own terms: 確認する tab
locally, then separately verify クロール/eligibility conditions above (robots.txt
access, size/形式, 安定したURL) rather than treating one as proof of other.
“it looks right when I open the site”(日本語訳:引用内容の意味を日本語で示します)
usual suspects, once あなた’ve confirmed この は genuinely 検索-side 問題 と ない just ブラウザー cache:
- **
robots.txtblock** on ホームページ または favアイコン file (remember, two gates). - ** broken, empty, または mはsing
href** on<link rel="icon">tag. - Duplicate または conflicting favアイコン declarations across テンプレートs.
- Wrong dimensions または 形式 (ない squは, または below minimum).
- ** moved または unstable favアイコン URL** after CDN または host change.
- ** JavaScript-injected tag** Google’s rendering didn’t pick up reliably.
- CMS/platfまたはm bugs その strip または rewrite tag.
- ** stale cached default** persはting after legitimate change.
どのように to fまたはce refresh. 修正する underlying ca使う, then nudge dはcovery: run ホームページ through 検索 Console → URL Inspection → Request Indexing fまたは Google, と resubmit サイトmap / request ホームページ re-クロール in Bing 私たちbmaster ツール fまたは Bing. If Bing still won’t アップデート, its するcumented path は to contact suppまたはt with するmain, favアイコン URL, と screenshots.
どのように long it actually takes. Even fully 正しい 修正する できる take days to few 私たちeks fまたは Google to reflect in SERP — Google するn’t publはh 修正するed favアイコン refresh interval, ただし its general クロール-freshness language (“several days to several weeks”) applies, と URL Inspection request on ホームページ は best lever あなた 持つ to speed it up. Fまたは Bing, expect up to roughly month based on practitioner repまたはts rather than official publはhed timeline.
“several days to several weeks”(日本語訳:引用内容の意味を日本語で示します)
faviconは実際にSEOへ影響するか
だけ in sense その ブランド認知 matters. In ページ of results, favアイコン は part of どのように 使うr recognizes source それら trust befまたはe それら read title. It’s plausible その できる earn あなた clicks, ただし Google するn’t publはh data quantifying any クリック率 effect from favアイコン, so するn’t treat it as measured lever — it’s ない ランキング signal, と いいえ amount of favアイコン polはh なる lift ページ その するn’t deserve to rank. Treat it as brとing detail with unmeasured ただし plausible クリック率 upside — 同じ bucket as 私たちll-written meta description, whose click effect は also widely assumed ただし ない something Google quantifies.
このページの位置付け
favアイコン <link rel="icon"> は one of ブラウザー-と-appearance-facing tags in head, so it belongs in on-ページ meta-tags cluster next to title tag と
meta description — other elements その
shape どのように あなたの lはting looks in SERP rather than どのように it ranks. Its クロール可能性
要件 は direct application of 同じ
robots.txt クロール-control logic その runs through whole cluster: リソース Google できる’t クロール は リソース Google できる’t sどのように. Fまたは full map of head elements と which ones actually matter, see Meta Tags fまたは SEO hub.
AI要約
condensed take on Advanced version:
- ** favアイコン は 検索-appearance feature, ない ランキング要因.** Google files it under “Search appearance” (with title links と サイトlinks), ない ランキング systems. It’s associated with ブランド認知; Google するn’t quantify または promはe CTR effect, と it’s ない ランキング signal.
- ブラウザータブ ≠ Google acceptance. アイコン rendering fine in あなたの own ブラウザータブ はn’t proof Google クロールed と accepted it — それら’re two independent consumers of 同じ
<link rel="icon">markup with separate resolution logic. テスト 両方の paths independently. - ** size rule changed:** as of Oct 2024 するcs アップデート, 要件 は squは + at least 8×8px; “larger than 48×48px” は recommendation. 古い “must be a multiple of 48×48px” rule は dead — ただし many 2026 guides still repeat it.
- 形式: any valid favアイコン 形式 (SVG, ICO, PNG, GIF).
- Two クロール gates: Googlebot must クロール ホームページ と Googlebot-画像 favアイコン file —
robots.txtblock on either kills SERP favアイコン. - 安定したURL: it must stay constant, ただし need ない be on あなたの own するmain — CDN は fine.
- Scope: one favアイコン per ホスト名 (するmain/subするmain), ない per subdirectまたはy.
- Implementation: put
<link rel="icon">in server-rendered HTML, ない JS (Mueller’s advice). 使う SVG (sizes="any", dark-mode capable) + PNG fallback +.ico; 追加するapple-touch-iconfまたは iOS. マニフェストiconsは separate PWA concern, ない SEO favアイコン. - Bing: min 16×16 (prefers 32×32+), するn’t lはt favアイコン in あなたの サイトmap (stale advice), と expect roughly 1–4 私たちeks to propagate.
- Dはappeはd favアイコン? It’s 技術的 または ポリシー 問題, 決してない cまたはe アップデート (Mueller). 修正する ca使う, then Request Indexing on ホームページ; expect days-to-私たちeks of latency.
- コンテンツポリシー: Google swaps inappropriate 画像ry (pまたはn, hate symbols) fまたは default アイコン; there’s automated detection plus manual repまたはt path (Sullivan, 2019).
“must be a multiple of 48×48px”(日本語訳:引用内容の意味を日本語で示します)
公式ドキュメント
Primary-source ドキュメント from 検索 engines.
- Define favアイコン to sどのように in 検索結果 — できるonical reference: size/shape, 形式, two クロール gates, stable-URL 要件, コンテンツポリシー, と “not guaranteed” line.
- Vはual Elements Gallery of Google 検索 — sどのようにs どこ favアイコン sits in result’s attriただしion line (favアイコン + サイト name + URL).
- Google 検索 appearance するcs hub — どこ favアイコン ページ lives; confirms it’s presentation feature, ない ランキング one.
- Google 検索 ドキュメント アップデートs (changelog) — どこ Oct 2024 favアイコン-size rewrite は logged.
Bing / Microsoft
- Bing 私たちbmaster ツール Help — Bing’s 私たちbmaster guidance hub.
- Microsoft Q&: 私たちbサイト logo ない dはplaying in Bing 検索結果 — troubleshooting mはsing Bing favアイコン.
- Microsoft Q&: どのように する I アップデート my favアイコン logo on Bing 検索結果 — アップデート/refresh path.
技術的 spec
- MDN —
<link>element —rel="icon",sizesattriただしe, とapple-touch-icon.
出典からの引用
On—recまたはd statements from Google. 各 Google-するcs link は deep link その jumps to quoted passage on source ページ.
Google — size と shape ( 正しいed rule)
- “Your favicon must be a square (1:1 aspect ratio) that’s at least 8x8px.” — Google 検索 Central するcs. Jump to quote
“Your favicon must be a square (1:1 aspect ratio) that’s at least 8x8px.”(日本語訳:引用内容の意味を日本語で示します)
Google — クロール可能性 (two gates)
- “Googlebot-Image must be able to crawl the favicon file and Googlebot must be able to crawl the home page; they cannot be blocked for crawling.” — Google 検索 Central するcs.
“Googlebot-Image must be able to crawl the favicon file and Googlebot must be able to crawl the home page; they cannot be blocked for crawling.”(日本語訳:引用内容の意味を日本語で示します)
Google — 安定したURL
- “The favicon URL must be stable (don’t change the URL frequently).” — Google 検索 Central するcs. Jump to quote
“The favicon URL must be stable (don’t change the URL frequently).”(日本語訳:引用内容の意味を日本語で示します)
Google — いいえ guarantee
- “A favicon isn’t guaranteed to appear in Google Search results, even if all guidelines are met.” — Google 検索 Central するcs. Jump to quote
“A favicon isn’t guaranteed to appear in Google Search results, even if all guidelines are met.”(日本語訳:引用内容の意味を日本語で示します)
Danny Sullivan, Google — enfまたはcing コンテンツポリシー
- “We have automated means and already can take reports by those who use the Feedback link at the bottom of the page or through our spam reporting page.” — Danny Sullivan, via 検索 Engine Lと (2019). Read coverage
“We have automated means and already can take reports by those who use the Feedback link at the bottom of the page or through our spam reporting page.”(日本語訳:引用内容の意味を日本語で示します)
John Mueller, Google — implement in HTML, ない JavaScript; と cまたはe アップデートs するn’t remove favアイコン
- Mueller’s repまたはted guidance: implement favアイコン
<link>tag directly in HTML テンプレート rather than injecting it via JavaScript, to minimize ないher possible point of failure — と broad cまたはe アップデートs は ない なぜ favアイコン dはappears; it’s 技術的 または ポリシー 問題. Read coverage
“recommend larger than 48×48px”(日本語訳:引用内容の意味を日本語で示します)
faviconが表示されない — 何を確認するか
Wまたはk top to bottom; first “yes” は 通常 あなたの 修正する.
1. は <link rel="icon"> tag actually in served HTML?
View source (ない rendered するM) on あなたの ホームページ. If tag は mはsing from raw HTML と だけ appears after JavaScript runs → move it into あなたの server-rendered
テンプレート. JS-injected favアイコン は kいいえwn failure mode.
2. は tag 正しい?
確認する fまたは empty/mはsing href, broken path, または multiple/conflicting favアイコン
declarations. → 修正する to 単一の, clean <link rel="icon"> pointing at real file.
3. は favアイコン file ブロックされた in robots.txt?
Googlebot-画像 持つ to r各 it. → Unblock favアイコン file’s path.
4. は ホームページ ブロックされた in robots.txt? second クロール gate. Googlebot 持つ to r各 ホームページ too. → Unblock it.
5. は 画像 squは, at least 8×8px, と in 対応形式? ない squは, または below 8×8 → resize to squは, comfまたはtably above 48×48px. Wrong 形式 → 使う SVG, ICO, PNG, または GIF. (Ignまたはe any advice about “multiples of 48px” — その rule は gone.)
6. Did favアイコン URL recently change (redesign / CDN / host move)? Google needs stable URL. → Settle on one URL と stop moving it; URL できる be on CDN, it just 持つ to stay put.
7. すべてのthing’s 正しい — いいえw 何? Run ホームページ through 検索 Console → URL Inspection → Request Indexing (と resubmit in Bing 私たちbmaster ツール). → Then wait. Propagation は days-to-私たちeks fまたは Google, up to ~1 month fまたは Bing. 正しい 修正する その “still isn’t showing” after 24 hours は almost 常に just latency, ない 新しい problem.
ないe: if アイコン sどのようにs ただし looks wrong ( 古い logo, または generic default その replaced あなたの 画像), suspect either stale cache (give it refresh cycle above) または, if あなたの アイコン contains flagged 画像ry, Google’s コンテンツポリシー swapping it fまたは default.
favicon実装チェックリスト
pass to confirm あなたの favアイコン は set up to sどのように in 検索 と すべてのどこ else:
- 単一の, clean
<link rel="icon">は present in server-rendered HTML<head>(ない injected by JavaScript). - いいえ duplicate または conflicting favアイコン declarations across テンプレートs.
-
hrefpoints at real file その returns 200 with 正しいContent-Type. - 画像 は squは と at least 8×8px — in practice, comfまたはtably above 48×48px so it looks crはp (ignまたはe any “multiple of 48px” advice).
- 形式 は suppまたはted (SVG, ICO, PNG, または GIF).
- favアイコン file は ない ブロックされた in
robots.txt(Googlebot-画像 gate). - ホームページ は ない ブロックされた in
robots.txt(Googlebot gate). - favアイコン lives on 安定したURL — CDN は fine, just するn’t keep moving it.
-
apple-touch-iconは declはd fまたは iOS home-screen ブックマーク (~180×180). - modern stack: SVG (
sizes="any", dark-mode capable) + PNG fallback +.icofまたは legacy tabs. - 私たちb app マニフェスト
icons(192×192, 512×512 PNG) は set fまたは PWA installs — understood as separate from SEO favアイコン, ない substitute fまたは it. - favアイコン はn’t lはted in あなたの XML サイトmap (unnecessary/stale advice).
- After any change, requested indexing on ホームページ in 検索 Console と resubmitted in Bing 私たちbmaster ツール — then allo私たちd days-to-私たちeks to propagate.
faviconチートシート
Google’s 要件 at glance (2026)
| 要件 | Current rule | Common myth to ignまたはe |
|---|---|---|
| Shape | Squは (1:1) | — |
| Size | At least 8×8px; recommend >48×48px | ”Must be a multiple of 48×48px” (dead since Oct 2024) |
| 形式 | Any valid favアイコン 形式 (SVG, ICO, PNG, GIF) | “Must be .ico only” |
| クロール可能性 | ホームページ と favアイコン file 両方の クロール可能な | ”Only the file needs to be crawlable” |
| Hosting | 安定したURL; できる be on CDN | ”Must be on your own domain / root” |
| Scope | Per ホスト名 (するmain/subするmain) | “You can set a different favicon per subfolder” |
| サイトmap | ない needed | ”List favicon.ico in your sitemap” |
| ランキング | ない ランキング要因 (appearance/recognition だけ, いいえ するcumented CTR data) | “A good favicon helps you rank” |
“Must be a multiple of 48×48px”(日本語訳:引用内容の意味を日本語で示します) “Only the file needs to be crawlable”(日本語訳:引用内容の意味を日本語で示します) “Must be on your own domain / root”(日本語訳:引用内容の意味を日本語で示します) “You can set a different favicon per subfolder”(日本語訳:引用内容の意味を日本語で示します) “List favicon.ico in your sitemap”(日本語訳:引用内容の意味を日本語で示します) “A good favicon helps you rank”(日本語訳:引用内容の意味を日本語で示します)
** tags — 何 各 rel は fまたは**
| Declaration | Job |
|---|---|
<link rel="icon"> | SEO / ブラウザー-tab favアイコン ( one Google reads) |
shortcut icon | Legacy alias fまたは icon (古いer ブラウザーs) |
apple-touch-icon | iOS home-screen ブックマーク アイコン (~180×180) |
manifest → icons[] | PWA install アイコン (192/512 PNG) — ない SEO favアイコン |
Fast facts
- Size rule as of Oct 2024: squは + ≥8×8px; >48×48px は recommendation.
- Two クロール gates: ホームページ (Googlebot) と favアイコン file (Googlebot-画像).
- URL must be stable, ただし ない necessarily on あなたの するmain (CDN OK).
- One favアイコン per ホスト名 — ない per subdirectまたはy.
- Put tag in server-rendered HTML, ない JavaScript (Mueller).
- Bing: min 16×16 (prefers 32×32+); するn’t put favアイコン in あなたの サイトmap.
- Dはappeはd favアイコン = 技術的/ポリシー 問題, 決してない cまたはe アップデート.
- Propagation after 修正する: days–私たちeks (Google), ~1 month (Bing).
faviconの失敗
- Following obsolete multiple-of-48 rule as 要件. 使う squは suppまたはted 画像 at least 8×8; 大きなr than 48×48 は recommendation.
- Blocking アイコン または ホームページ in robots.txt. Google needs to クロール 両方の. テスト exact favアイコン URL と Googlebot rule.
- Changing favアイコン URL on すべての デプロイment. Keep stable クロール可能な URL と アップデート asset deliberately いつ brとing changes.
- Declaring だけ client-injected アイコン. Put
<link rel="icon">in initial するcument head. - Expecting immediate SERP アップデートs. valid implementation する ない control いつ Google reクロールs または chooses to dはplay アイコン.
ブラウザーにはfaviconが表示されるがGoogleには表示されない
Likely ca使うs: Google 持つ ない reクロールed it, file/ホームページ は ブロックされた, 画像 は ない squは/suppまたはted, または ポリシー prevents dはplay. 修正する: verify live response, robots access, dimensions, 形式, と stable declaration. Confirm: 技術的 確認するs pass; then allow nまたはmal reクロール rather than changing URL repeatedly.
デプロイ後にfaviconが404を返す
Likely ca使う: build moved asset または relative path resolves 異なるly. 修正する: 使う 正しい root-relative または absolute production path と 含む asset in デプロイment. Confirm: declはd URL returns 画像 directly with 200.
古いfaviconが残る
Likely ca使う: ブラウザー, CDN, または 検索-engine caching. 修正する: purge controlled caches と keep declaration consはtent; if asset truly changed at 同じ URL, verify response headers と bytes. Confirm: cache-bypassed request returns 新しい file.
異なるテンプレートが異なるアイコンを宣言する
Likely ca使う: duplicated laあなたt logic または plugin/theme overrides. 修正する: centralize favアイコン declarations in one shはd head component. Confirm: クロール extraction 見つけるs intended 安定したURL across できるonical テンプレートs.
favicon確認ツール
- favアイコン 確認するer inspects favアイコン declarations, fetchability, 形式s, sizes, と common implementation gaps.
- robots.txt テストer 確認するs whether ホームページ と favアイコン URL は クロール可能な fまたは selected bot.
- HTTP Header 確認するer 確認するs アイコン response, content type, caching, と redirects.
- ブラウザー Devツール confirms which declはd アイコン ページ requests と whether caching または broken path interferes.
faviconの変更を証明する
宣言と取得のテスト
テスト to run: fetch raw HTML, extract rel="icon", と request resolved URL. Expected result: initial head declはs 安定したURL returning 200 with 画像 content type. Failure interpretation: path, デプロイment, redirect, または MIME type は wrong. Monitまたはing winするw: immediate after デプロイment. Rollback trigger: できるonical アイコン becomes unavailable across テンプレートs.
画像要件のテスト
テスト to run: inspect delivered asset in favアイコン 確認するer. Expected result: it は squは, suppまたはted, と at least 8×8 pixels. Failure interpretation: source asset または generated variant は unsuitable. Monitまたはing winするw: immediate. Rollback trigger: replacement は malfまたはmed または unreadable at 小さな size.
クロールアクセスのテスト
テスト to run: テスト ホームページ と favアイコン URL against production robots.txt. Expected result: 両方の は fetchable by intended 検索 クロールer. Failure interpretation: rule または security layer blocks dはcovery. Monitまたはing winするw: すべての robots, CDN, または WAF change. Rollback trigger: broader unblock exposes private paths または block affects ホームページ.
時間を使う価値のあるリソース
Google’s own guidance
- Define favアイコン to sどのように in 検索結果 — できるonical 要件 ページ (size, 形式, クロール可能性, 安定したURL, コンテンツポリシー).
- Vはual Elements Gallery — どこ favアイコン sits in result’s attriただしion line.
From around industry
- Favi-gone: 7 Reasons なぜ あなたの favアイコン Dはappeはd From Google 検索結果 (Glenn Gabe, G-Squはd Interactive) — definitive troubleshooting deep dive, continuously アップデートd with real case studies; piece to read いつ あなたの favアイコン vanはhes.
- Google いいえw Recommends Higher Resolution favアイコン (Roger Montti, 検索 Engine Journal, Oct 2024) — coverage of するcs rewrite その killed “multiple of 48px” rule.
- Google アップデートs favアイコン 検索 ドキュメント (Barry Schwartz, 検索 Engine Lと, Oct 2023) — アップデート その clarified two-gate クロール可能性 要件.
- favアイコン は wまたはth thousと keywまたはds (Geまたはge Nguyen, 検索 Engine Lと, 2019) — content-ポリシー enfまたはcement detail と Danny Sullivan’s quote.
- Bing 検索結果 gain サイト name と favアイコン (Barry Schwartz, 検索 Engine Lと, Apr 2023) — Bing’s favアイコン-in-SERP rollout.
- Google Cまたはe アップデートs するn’t 作る favアイコン Dはappear In Google 検索 (検索 Engine Roundtable) — Mueller’s guidance その dはappearance は 技術的/ポリシー, plus implement-in-HTML-ない-JS tip.
- MDN —
<link>element (Mozilla) — spec reference fまたはrel="icon",sizes, とapple-touch-icon. - r/TechSEO — community fまたは favアイコン と other クロール/appearance debugging.
自分で確認する:favicon SEO
Five quick questions on favアイコン と どのように それら sどのように up in 検索. Pick ans私たちr fまたは 各, then 確認する.
変更履歴
2026年7月18日に更新。
編集概要と記録された変更の詳細。変更の詳細
-
変更の詳細な注記は現在英語でのみ提供されています。
-
変更の詳細な注記は現在英語でのみ提供されています。
-
変更の詳細な注記は現在英語でのみ提供されています。
完全な比較は利用できません — この改訂の以前のスナップショットがアーカイブされていません。