← ホームに戻る / AIラクワザ

スマホ / Safari

Safariでサイトをホーム画面に追加する方法

よく見るサイトをワンタップで開けるようにする手順です(iPhone / iPad)。

iPhoneで追加する手順

  1. Safariで、ホーム画面に置きたいサイトを開きます。
  2. 画面下の共有ボタン(四角に上矢印)をタップ。
  3. 共有メニューを下にスクロールして、「ホーム画面に追加」をタップ。
  4. 名前を必要なら編集して、右上の「追加」をタップ。
Safariのメニューで『共有』を押す位置(例)
① まずはSafariの「共有」をタップ(四角に上矢印)。
共有メニュー内の『ホーム画面に追加』を選ぶ画面(例)
② 共有メニューの中から「ホーム画面に追加」を選ぶ。

追加後は、アプリアイコンみたいにホーム画面から開けます。通知やログイン状態はサイト次第です。

iPadで追加する手順

  1. Safariでサイトを開きます。
  2. 画面上(右上など)にある共有ボタンをタップ。
  3. メニュー内の「ホーム画面に追加」をタップ。
  4. 名前を確認して「追加」

※iPadは画面レイアウトが違うだけで、やることは同じです。

「ホーム画面に追加」が出ないとき

コツ まずここだけ確認

① Safariで開く
アプリ内ブラウザ(SNS/LINE内)だと項目が出ないことが多い。

② 共有メニューを下まで
「ホーム画面に追加」はスクロールしないと見えないことがある。

③ アクション編集
非表示になっていたら有効化できる場合あり。

アイコンをきれいにする(運営者向け)

自分のサイトをホーム画面に追加したとき、アイコンをちゃんと表示させたいなら、ページにapple-touch-iconを用意します。

headに追加する例
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
<!-- できれば 180x180 以上推奨(iPhoneで使われやすい) -->

※画像が無い場合は、スクリーンショットっぽいアイコンになりがちです。

おすすめ(内部リンク)