ウェブサイトマスターの為の覚書きウェブサイトマスターの為の覚書きウェブサイトの運営をしていて気のついたこと、発見したことなどの記録です。Apps)”AMPの対応はすでにこのサイトでも出来て(Simplicityのおかげ)いますが、PWAに対応させる必要が将来出てくるのかまったく分かりません。分からないながらも事前準備はしておいた方がよく、イザという時の為に参考情報などは記録しておこうと思います。目次PWAとは何なのか?分かりやすい解説はこちらPWAページをどうやって作るのかウェブページのPWA化にチャレンジPWAとは何なのか?分かりやすい解説はこちら“PWAとは何なのか?”を知るには、Googleが公開している情報から得るのが手っ取り早いわけですが、2016年12月9日付けの「ウェブマスター向け公式ブログ」には、次のように簡潔に説明しています。アプリの長所を兼ね備える、現在ウェブの世界で最も注目されている新しい概念の1つです。PWAと通常のWebとの違いは表示速度です。公式ブログにはサンプルページを用意してくれており、表示速度の違いがはっきり分かります。[Mountains]とかをクリックすると違いがはっきり分かります。表示速度が速い理由がネイティブアプリとしての働きであって、通常であればサーバー側で常にレンダリングするのが、最初の読み込みの後はクライアント側でレンダリングされる働きをするという理屈みたいです。Edgeの“リーディングリスト”のようにオフラインでウェブが閲覧でき、さらにウェブアプリも利用でき、しかも動きが早いというのがユーザーにとってのメリットなんですね。PWAページをどうやって作るのかAMPの場合には以下のルールに従ってHTMLを作っていきます。HTML導入ガイド~作り方をカンタンに解説!~にすごく詳しく解説されています。AMPは冒頭にも書きましたが、当サイトのテーマ「Simplicity」にはAMP化機能が実装されているので、1クリックでAMPサイトが作成されたので、実際の作業は行わずに済んでいますが、PWA対応はすこし勝手が違うようです。zipファイルをダウンロードして適当なフォルダに格納します。フォルダの中の[app]フォルダに[index.html]と[basic.html]があります。どちらかを使ってということですが、[basic.html]に最小限のコードが記述されているので、<body>以下にコンテンツのhtmlを書込めばOKのようです。チャレンジというほどのこともありません。実行する準備が整っていることを確認します。なっていますが、ダウンロードしたファイルにはすべて揃っているようですので、さほど難しくは無いと思います。管理人をフォローする管理人ウェブサイトマスターの為の覚書き関連記事デザインモバイルファーストインデックスに対応する為にサイトを見直すモバイルファーストインデックスは、PCよりもスマホでのWeb閲覧ユーザーが多いことから、サイトの検索順位はスマホで閲覧する場合に、ユーザーが求めているサイトの条件をより多く満たしたサイトを上位にランキングしようということです。2017.12.02デザイン最低限覚えておきたいウェブ関係のプログラミング言語の種類ウェブサイトのコンテンツ作成や、WordPressのカスタマイズをやる分には、先ほど上げた「HTMLとかCSS」さえ知っていれば何とかなるものですが、ウェブの世界は奥が深く、いろんなソースコードを使いこなそうとすると、知らないプログラミング言語に出会ったりします。2017.04.05デザインページの表示速度を早める対策をやってみた結果スマートフォンからのアクセスが半分以上になって、ページの表示速度がますます重要になっています。遅いページは速攻直帰になってしまいます。直帰率を低くするために画像の多いページの改善をやってみました。現在のページ速度を把...2017.06.27デザインサイト記事作成で役に立つ覚えておきたいHTMLの基礎知識サイト記事の原稿づくりや投稿時に知っておきたい、簡単でしかも覚えておくと役に立つHTMLの約束事などがあります。頻繁に使うようなことをまとめてみました。「矢印」や「括弧」など、キーボ...2017.01.11デザインWPテーマ「simplicity2」でグローバルナビを上部に固定するカスタマイズ訪問者の回遊率を高める為には、内部リンクを効果的な位置に設置することが大切です。文章中に内部リンクを貼ったり、サイドバーにメニューを表示させたりします。ひとつ方法があって、グローバルナビを常に上部に表示させる方法があります。検索ページからのリンクでページを開くと「404エラー」と表示されることがよくあります。指定したURLのページが見つからない時に表示されるステータスコードは404です。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。httpタイトルとURLをコピーしました。