【広告なし】スマホのホーム画面にサイトを追加する方法（iPhone・Android）

Back to HOME
スマートフォンのホーム画面にウェブサイト（ホームページ）をショートカットアイコンとして追加する方法を、図解で解説します。
iPhoneのSafariでもAndroidのChromeでも、1分ほどで簡単にできます。よく使うサービスのログインページやお気に入りのサイトをホーム画面に登録しておくと、アプリのように素早くアクセスできて非常に便利です。
当社はシステム開発会社です。利用者様が快適に操作できるよう、広告を一切掲載しない「純粋なマニュアル」を公開しています。他サイトのようにスクロールの邪魔になる広告は一切ありません。

📱 メイン手順（どちらかを選択）
📚 補足情報

iPhoneでホーム画面にウェブサイトを追加する方法（Safari）


ブラウザ（Safari）で追加したいウェブサイトのURLを開きます
iPhoneのSafariでホーム画面に追加したいウェブサイトを開いている画面
画面中央下段の「共有」アイコン（四角から上矢印）をタップします
iPhone SafariでURLを開いた状態・画面下部の共有アイコンをタップする操作
スクロールして「ホーム画面に追加」を選択します
iPhoneの共有メニューから「ホーム画面に追加」を選択している画面
アイコン名を好きな名前に変更し、右上の「追加」をタップします
iPhoneでホーム画面アイコンの名前を入力して「追加」をタップする画面
ホーム画面にショートカットアイコンが作成されます
iPhoneのホーム画面にウェブサイトのショートカットアイコンが追加された完了画面

Androidでホーム画面にウェブサイトを追加する方法（Chrome）

ブラウザ（Chrome）で追加したいウェブサイトを開き、右上の「︙」メニューをタップします
AndroidのChromeでウェブサイトを開き右上の三点メニューをタップする画面
メニューから「ホーム画面に追加」をタップします
Android Chromeのメニューで「ホーム画面に追加」を選択している画面
アイコン名を好きな名前に変更し、「追加」をタップします
Androidでホーム画面アイコンの名前を変更して「追加」をタップする画面
ホーム画面にショートカットアイコンが表示されます
Androidのホーム画面にウェブサイトのショートカットアイコンが追加された完了画面

iPad・Androidタブレットでも同じ手順？

結論：iPad（iPad mini・iPad Air・iPad Pro 全機種）も、Androidタブレットも、ほぼ同じ手順で追加できます。

iPadの場合：iPhoneと完全に同じ操作です。Safariで追加したいウェブサイトを開き、画面上部の「共有」アイコン（四角から上矢印）をタップ→「ホーム画面に追加」を選択→名前を入力して「追加」で完了します。iPadOS 13以降であれば、操作画面のレイアウトはiPhoneとほぼ同じです。

Androidタブレットの場合：Chromeで追加したいサイトを開き、右上の「︙」メニュー→「ホーム画面に追加」で同じ手順です。Galaxy Tab・Lenovo Tab・Fire HDなど、Chrome搭載のAndroidタブレット全般で対応しています。

タブレットはスマートフォンより画面が大きいため、業務システムや会員サイトの管理画面をホーム画面に追加すると、特に作業効率が上がります。


PWA（本格的なアプリ化）で使うには

「ホーム画面に追加」には、実は2つのレベルがあります。

1. 通常のショートカット追加（このページで解説した方法）：サイトのURLをアイコン化するだけのシンプルな機能。タップするとブラウザでサイトが開きます。すべてのウェブサイトで使えます。

2. PWA（プログレッシブウェブアプリ）として追加：サイト側がPWAに対応している場合、ホーム画面に追加するとアプリのように動作します。具体的には：

PWA対応サイトかどうかは、ホーム画面追加時にメニュー表記が「ホーム画面に追加」ではなく「アプリをインストール」と出るかで判別できます。

業務用システムや会員サイトをPWA化したい企業様は、ホームページ制作完全ガイドもあわせてご覧ください。WEB-WINGではPWA対応サイトの開発も承っています。


追加後の便利な使い方Tips

1

アイコンを並び替える・フォルダにまとめる

追加したアイコンは、通常のアプリと同じように並び替えできます。アイコンを長押し→ドラッグで好きな位置に移動。複数のアイコンを重ねるとフォルダが作成され、関連サイトをまとめて整理できます。「業務」「ニュース」「お気に入り」などのカテゴリで整理すると便利です。

2

通知バッジが表示されることも

PWA対応サイト（前章参照）の場合、未読件数などのバッジ通知がアイコンに表示されることがあります。会員サイトの通知や業務システムの未処理件数が一目で分かります。

3

自動ログインを活用する

追加したショートカットは通常のブラウザで開かれるため、Cookie（ログイン情報）が保持されます。一度ログインすれば次回以降は自動でログイン済みの状態でアクセスでき、毎回のログイン操作が不要になります。

4

ロック画面のウィジェット代わりに

iPhoneの場合、よく使うアイコンをホーム画面の最下段（ドック）に配置するとロック解除直後にアクセス可能。Androidの場合は、ロック画面下部からのスワイプで素早く起動できます。

5

業務効率化のおすすめ登録例

  • 会員制システム・業務システムのログインページ
  • 社内ポータル・グループウェア
  • 毎日チェックするニュースサイト
  • 勤怠管理・経費精算システム
  • 顧客管理・在庫管理システム

よくある質問（FAQ）

A
iPhoneの場合：この操作はSafari専用です。Chrome・Firefox・Edgeなど他のブラウザでは「ホーム画面に追加」メニューが表示されません。必ずSafariをお使いください。
Androidの場合：Chromeのバージョンが古いと表示されないことがあります。GooglePlayストアからChromeを最新バージョンに更新してから再度お試しください。
A
ホーム画面に追加したアイコンは「ウェブショートカット」です。タップするとSafariまたはChromeでそのURLが直接開きます。アプリのインストールは不要で、スマートフォンのストレージをほとんど消費しません。ログインが必要なシステムやよく使うサービスのトップページを登録しておくと特に便利です。
A
iPhoneの場合：ホーム画面でアイコンを長押し→左上に表示される「×」ボタンをタップ→「ブックマークを削除」を選択します。
Androidの場合：ホーム画面でアイコンを長押し→画面上部の「削除」または「ホーム画面から削除」にドラッグするか、表示されるメニューから削除します。
A
iPhone標準のSafariのみ対応しています。iOS上のChromeやFirefoxなど他のブラウザからは「ホーム画面に追加」の操作ができません（2026年現在）。
A
はい、iPad mini・iPad Air・iPad Proすべて、iPhoneと完全に同じSafariの操作（共有→ホーム画面に追加）で追加できます。Androidタブレット（Galaxy Tab、Fire HDなど）もChromeから同じ手順で追加可能です。
A
「ホーム画面に追加」はサイトをショートカット登録する基本機能。一方PWA対応サイトでは「アプリをインストール」と表示され、追加後はアプリのように全画面表示・オフライン動作・プッシュ通知が可能になります。サイト側がPWAに対応している必要があります。
A
iPhone（iOS 13以降）はアイコンを長押し→「ブックマーク名を変更」で変更可能。Androidは機種により異なりますが、多くの機種でアイコン長押し→「編集」で変更できます。
A
何個でも追加できます。フォルダにまとめて「業務」「ニュース」などカテゴリ別に整理すると便利です。会員システム、業務システム、社内ポータルなどを登録すれば、毎回URL入力する手間が省けます。
A
ホーム画面のショートカットアイコン自体は、デバイス間で同期されません。各デバイスごとに個別追加が必要です。ただし、Safari/Chromeのブックマーク機能を使えば、同じApple IDやGoogleアカウントでログインしているデバイス間で同期できます。

この記事は引用・参照を歓迎しています

広告なし・図解つきの操作マニュアル。ブログ・社内マニュアル・FAQページなどでURL付きでご紹介ください。


このページについて
株式会社WEB-WING（東京都立川市）は2004年創業のWebシステム開発会社です。自社開発の会員システム・業務システムをご利用のお客様向けに、広告なし・図解つきの操作マニュアルを公開しています。掲載情報は動作確認済みで、OSアップデートに合わせて随時更新しています。
Back to HOME