Repository navigation
feat: Google検索に表示される正方形のファビコンを用意する - #181
Merged
Merged
Conversation
Google検索のファビコンは縦横比 1:1 が必須だが、横長の logo.png(756x644)を そのまま指定していたため、検索結果に表示されない可能性があった。 logo.png に透過の余白を足して正方形にした favicon.ico(16/32/48px)、 favicon-192.png、apple-touch-icon.png(白背景)を追加し、root.tsx で指定する。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Coverage Report
File CoverageNo changed files found. |
|
The preview deployment for vocabook:main failed. 🔴 Open Build Logs | Open Application Logs Last updated at: 2026-11-01 21:38:41 CET |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概要
Google検索結果のファビコンは縦横比 1:1 が必須ですが、横長の
logo.png（756×644）をそのままrel="icon"に指定していたため、検索結果に表示されない可能性がありました。変更内容
logo.pngに透過の余白を足して正方形にした画像をpublic/に追加favicon.ico（16・32・48px を同梱。Google 推奨の 48px を含む）favicon-192.png（192×192、背景透過）apple-touch-icon.png（180×180。iOS は透過部分が黒くなるため白背景＋余白）app/root.tsxのlinksで上記を指定（ヘッダーやスプラッシュ画面のロゴはlogo.pngのまま）確認
react-router typegenは動かせず、tsrs --noEmitのみ実行してエラー0件。CI の typecheck で確認をお願いしますマージ後
Search Console の「URL検査」でトップページの再クロールを依頼してください（反映まで数日〜数週間）。
🤖 Generated with Claude Code