THE・THOR(ザ・トール)PWA設定の方法

PWA設定はGoogleが推進しているプロジェクトです。

今後はSEOの観点でも重要になってくると思われますので、必ずやっておいた方がいいと思います!

今回も画像を使いながらサクッと説明していきたいと思います。


PWA設定[THE]

PWA設定[THE]をクリックします。


PWA機能設定

PWA機能設定をクリックします。

「PWA機能設定を有効にするか選択」のところから、有効を選択する。

※事前にHTTPS通信サイトの設定する必要があります。
 設定方法についてはこちらのサイトがおすすめです!!

 

ホーム画面のアイコン下テキストを入力する

これのことです↓(僕の場合naoyasublog)

アイコンの設定

アイコンの設定をクリックする

サイズ毎にアイコンを登録する

ブロガー側で設定出来ることはここまでです!

次からは、ユーザーに設定してもらう方法です。

スマホに設定する方法

当たり前ですが、ユーザーに設定して貰わなければ、せっかくPWAを設定しても意味がありません。。。
ここからは、TWitter経由と検索エンジン経由のユーザに分けて説明していきます。

Twitter経由のユーザー

safariをクリックする(iOSの場合)

□+↑のマークをクリックする

「ホーム画面に追加」をクリックする

「追加」をクリックする

このようになればOK!
お疲れ様でした!m(_ _)m

検索エンジン経由のユーザー

□+↑のマークをクリックする

「ホーム画面に追加」をクリックする

「追加」をクリックする

このようになればOK!
お疲れ様でした!m(_ _)m

正しく設定できましたでしょうか??

それでは、ばいばい〜!

記事はいかがでしたか?

最後まで
読んでくれたあなたが大好きです^ ^

ぜひコメントお待ちしております⇨このエントリーをはてなブックマークに追加

スポンサードリンク