さよならレイジーマンデイ

ゲームとか、イラストとか、漫画とか。

iPhone・iPadのホーム画面にブログを追加するとアイコンも表示されるようになった!

本日、はてなブログ公式が、ブログアイコン(favicon)をGoogleのガイドラインに準拠するよう変更したと発表しました。

staff.hatenablog.com

 

はてなブログでは、前からブログアイコンを設定できたので、はてなブロガーからすれば、別にどうってことはない変更なんですが、

変更点をよくよく読んでいると、以下のように記載されています。

iPhoneでレスポンシブデザインのブログをホームに追加する場合や、iPadでブログをホームに追加する際に、アイコンが表示されるようになります

 

ほぅ…実際にやってみよう(笑)

※注)iPhoneで試しています。

 

ホーム画面に追加してみる。

ブログアイコン、ホーム画面追加

まず、Safariでブログを開いて、下の方にあるこのボタンをタップ。

 

ブログアイコン、ホーム画面追加

「ホーム画面に追加」を選択。

 

ブログアイコン、ホーム画面追加

「追加」をタップ。

 

ブログアイコン、ホーム画面追加

無事、ホーム画面にアイコンが表示されました!

なんかこう、自分のブログアイコンがホーム画面に表示されるとテンションが上がりますね♬

 

ブログアイコンの推奨サイズについて

詳しくはこちらの記事を読んで頂きたいのですが、

blog.hatenablog.com

 

Googleはfaviconの推奨サイズを「48pxの倍数」としています。

私は、ブログアイコンを400×400とか、100×100で作っていたので、SEO的に48pxの倍数で作り直した方が良いかもしれないですね…(;^ω^)

 

以上、ちょっとした小ネタでした!