ホーム画面に追加できない原因と解決方法まとめ
最終更新:2026/01/31
iPhone や Android で「ホーム画面に追加」が表示されない、
押しても追加されない、アイコンが変になる──
こういった相談は非常に多くあります。
この記事では、各パターン別に “なぜ追加できないのか” をまとめ、
すぐに試せる対処法を紹介します。
よくある症状
- 「ホーム画面に追加」の項目が表示されない
- 押しても反応しない
- 追加はできるがアイコンが意図しない画像になる
- 同じページを追加しても上書きされる
これらはすべて、いくつかの“仕様”が原因になっています。
原因①:アプリ内ブラウザで開いている
iPhone の場合、
X / Instagram / TikTok / LINE などのアプリ内ブラウザ では
「ホーム画面に追加」が使えません。
対処法
- 画面右下の「Safariで開く」を押す
- URLをコピーして Safari に貼り付ける
→ Safari に移動すれば必ず使える。
👉 iOS WebClip の歴史を徹底解説|ホーム画面アイコン機能はどのように進化してきたのか? の解説が役に立ちます。
原因②:Safariで「ツールバー非表示」になっている(iPhone)
Safariを下にスクロールすると、ツールバーが隠れることがあります。
この状態では共有ボタンが押せず、
その結果「ホーム画面に追加」も出ません。
対処法
- 画面上部をタップしてツールバーを表示させる
- 下に軽くスワイプしてツールバーを戻す
共有ボタン(□↑)が見えればOK。
原因③:表示しているページが「トップページ」ではない
一部のサイトでは、
トップページ以外から追加すると別ページとして認識されず
「追加できない or 上書きされる」ことがあります。
特に WordPress / BOOTH / note などに起きがち。
対処法
- 必ず “追加したいページを直接表示してから” 行う
- /? パラメータ付きURLは避ける
原因④:アイコン画像(apple-touch-icon)が見つからない
iPhone の「ホーム画面に追加」は
apple-touch-icon.png を探しに行きます。
これが存在しない場合、
・黒背景
・白紙アイコン
・サービス固有のアイコン(BOOTHのラクダなど)
が使われます。
OJapp方式なら?
OJappはこの部分を完全に置き換えるため、
必ず自分のアイコンを使って追加できます。
原因⑤:PWA(Webアプリ)の仕様に引っかかる
サイトによっては、
「ホーム画面に追加」が可能になる条件(manifest.json の内容や HTTPS など)が
満たされていない場合があります。
PWAで追加できない代表例
- HTTPS ではない
- manifest.json が壊れている
- Service Worker がエラーを出している
普段のWebサイト利用では気づけない部分が原因になるため、
制作者側が修正しない限り改善しないことがあります。
原因⑥:ブラウザキャッシュの影響
ページを更新してもアイコンや表示が変わらない場合、
古いデータがブラウザに残っている 可能性があります。
対処法
- Safari:設定 → Safari → 履歴とWebサイトデータを消去
- Chrome:キャッシュの消去
原因⑦:Android Chromeではメニューが2種類ある
Android の Chrome は、
「ホーム画面に追加」が以下の2か所に別れていることがあります。
- メインメニューに表示されている
- “アプリとしてインストール” に統合されている場合がある
Chromeのバージョンによって挙動が違うため、
両方確認するのが確実です。
どうしても追加できない場合の最終手段
以下を試すと、ほぼ100%解決します。
- アプリ内ブラウザではなく Safari / Chrome で開く
- キャッシュを消す
- URLを直打ちしてトップページを開く
- 端末を再起動する
それでもできない場合は、
サイト側の設定の問題の可能性が高いです。
OJappなら「追加できない」を避けやすい
OJapp は “ホーム画面に追加されること” を前提に設計しているため、
通常のWebサイトより動作が安定しています。
- アイコンが常にユーザー指定の画像になる
- iPhone / Android 両方に最適化
- アプリ内ブラウザでも「Safariで開く」導線が明確
「追加してほしいURLがある人」に特に向いています。