神奈川県伊勢原市在住のkusuのサイトです!ホームページ制作のご依頼等承っております!

【豆知識】Web Clipの設定方法とは?

2017.09.15
Web制作

 iPhoneの機能に【ホーム画面に追加】というものがあります。
これは、iPhoneのホーム画面に自分のお気に入りのサイトをアイコンとして登録し、ホーム画面からお気に入りサイトに直接アクセスできるようになる機能になるのですが、この機能がなかなか使えたりします!

ちなみにこのアイコンをWebClipといい、以下の画像のようなものをいいます。

そこで今回は、このWebClipをサイトに設定する方法を今回ご紹介したいと思います!

1. まずWebClip用の画像を用意する

 まず初めにWebClip用の画像を作成しましょう。

この画像は
144px × 144px
の大きさで作成してもらえたらと思います!

2. サイトのhead内にWebClip設定用のタグを記述する

 続いて、サイトのhead内にWebClip設定用のタグを記述しましょう。
設定用のタグは以下になります。

<link rel="apple-touch-icon" href="WbbClipの画像をアップしているところのURL”>

このタグを記述することで、サイトを【ホーム画面に追加】した際にWebClipがホーム画面に表示されるようになります!

まとめ

 WebClipはちゃんと設定されていると、サイトとしてもちゃんとできているサイト…と思われる場合が多いので、今後サイトを制作する際にはWebClipも設定するようにしてみるとよいのではないかと思います(^-^)

関連記事

スポンサーリンク
検 索