次回から「なおやすブログ」と検索してください^ ^

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

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

それでは、ばいばい〜!

Web系自社開発企業に就職を成功させた僕が選んだプログラミングスクール

  • DMM WEBCAMP
    5

  • TECHCAMP
    4

  • ポテパンキャンプ
    4