ウェブサイトマスターの為の覚書きウェブサイトマスターの為の覚書きウェブサイトの運営をしていて気のついたこと、発見したことなどの記録です。コピー2017.07.26「海外SEO情報ブログ」にAMP対応をやめたとき、Google検索にAMPページを表示させないようにする3つの方法が掲載されました。AMP対応していたサイトのAMPページを削除して、検索結果に表示させない方法を解説しているのですが、鈴木さんがこのような記事をアップするということは、もしかして『AMP対応を取り止めるケースが多いのか?』と考え、AMP対応に関する是非など、気になることをまとめてみました。目次そもそもAMPってなんのことAMPページを作る方法AMPページは必要なのか?自サイトの目的によってAMP対応の是非が変わるそもそもAMPってなんのことAMPページの削除やAMP対応とか・・・そもそもAMPってなんのこと?という読者の方もおられるかもしれないので、浅い知識しか無いですが「AMP」のおさらいしておこうと思います。AMPとは、Googleが進めているプロジェクトの一つで、モバイル(特にスマホ)でのWeb閲覧をしやすいページ作りを推奨するものです。Web閲覧がしやすいとは・・・ズバリ・・・高速でページを表示させることです。因みにAMPはアンプと読みます。そのようなAMPページを作る為には、これまでウェブサイトで使用されているスクリプトの中で、表示速度を遅くさせる原因になるスクリプトの使用を禁止したり、AMPページ用のHTMLコードがあったりとか、いろいろ難しいコーディング知識が必要です。難しい関門をクリアしてAMPページが完成し、アップロードすると検索エンジンにインデックスされます。インデックスされるとユーザーがモバイル検索をした際に、上位2位までにはAMPページが表示されるようになります。その為、AMPページは非AMPページよりもアクセスが増える可能性があるわけです。AMPページを作る方法HTMLサイトでAMPページを作るのはすごく難しいと言われています。ところが、はてなブログとかWordPressではプラグインを使うことによって、簡単にAMPページを作ることができます。プラグインを使う他、当サイトでも使用しているWordPressテーマ「Simplicity」には、AMP対応機能が付いているのでボタン一つでAMPページを作ることができます。WPプラグイン「AMP」SimplicityのAMP機能の使い方。カスタマイズ方法など。AMPページは必要なのか?さて、ここから本題です。AMPページはスピード重視ですので、余計な画像やUIは除かれます。「関連する記事」とか「人気の記事」とか「最新の投稿」など、サイト内を回遊するウィジェットも表示しません。“本文”と“コンテンツとしての画像”だけを表示します。いう意味では味気の無い最低限の情報だけを伝えるそんなページになります。その分、表示速度はすごく早くなるわけです。自サイトの目的によってAMP対応の是非が変わる上に書いような特徴のあるAMPページですが、自サイトで必要かどうかを考えなければなりません。メリットとしては、表示速度は速いしモバイル検索結果で上位に入る可能性があります。(ただし、上位2位まででそれ以下は非AMPページです)それに対してデメリットはサイト全体の魅力が伝わらない表示されたページから直帰される訪問ユーザーがリピートしないなどのことが考えられ、結果としてサイト全体のページビューが減る可能性があります。緊急ニュースを伝えたいここだけはぜひ読んでほしいページこのようなコンテンツを掲載したページ以外は、AMPページにする意味は無さそうに思います。AMPについてはまだまだテスト段階でもあるので、あわてて取り組む必要は無いというのが結論です。AMP用のプラグインも完成されたものでもないですし、「Simplicity」で作ったAMPページにもよく分からないエラーが出たりして、もっと時間をかけて様子を見てもいいかなと思っています。管理人をフォローする管理人ウェブサイトマスターの為の覚書き関連記事デザインURLテキストなど英数文字を自動改行で表示させる方法URLをテキストで記載するなど、英数文字の長い文字列はブラウザの幅を超えても改行されずにどこまでも続くことがあります。この原因は“禁則処理”の影響です。一つの文節が長い場合には、画面の端で自動改行されるようになっているの...2018.02.21デザインウェブサイトを簡単に作れる基礎知識ウェブサイトを作るには実は特別なソフトは必要ありません。テキストエディタという文字を書込むソフトがあると出来るものです。テキストエディタを使いhtmlというマークアップ言語を使い命令文を書込んでいきますが、実はすごく簡単です。検索ページからのリンクでページを開くと「404エラー」と表示されることがよくあります。指定したURLのページが見つからない時に表示されるステータスコードは404です。同じようにページが表示できない時に表示される「410エラー」があります...2017.05.28デザインサイト記事作成で役に立つ覚えておきたいHTMLの基礎知識サイト記事の原稿づくりや投稿時に知っておきたい、簡単でしかも覚えておくと役に立つHTMLの約束事などがあります。頻繁に使うようなことをまとめてみました。「矢印」や「括弧」など、キーボ...2017.01.11デザインモバイルファーストインデックスに対応する為にサイトを見直すモバイルファーストインデックスは、PCよりもスマホでのWeb閲覧ユーザーが多いことから、サイトの検索順位はスマホで閲覧する場合に、ユーザーが求めているサイトの条件をより多く満たしたサイトを上位にランキングしようということです。2017.12.02デザインRSSフィードを取得して自分用のアンテナページを作る方法が簡単コンテンツのネタ探しにいろんなサイトを見に行きます。最近はTwitterでネタ探しをする人も増えているそうですが、RSSフィードの閲覧で情報収集するのは以前からある方法です。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。httpタイトルとURLをコピーしました。