ウェブサイトマスターの為の覚書きウェブサイトマスターの為の覚書きウェブサイトの運営をしていて気のついたこと、発見したことなどの記録です。コピー2017.12.02モバイルファーストインデックスが2018年からスタートするかもと言われていますが、SEOに関する考え方として、インデックスの仕組みであるとかサイトの構成とか、テクニック的な面でいろいろな方が発信していますが、少し違う視点で考えてみました。そもそもモバイルファーストインデックスは、PCよりもスマホでのWeb閲覧ユーザーが多いことから、サイトの検索順位はスマホで閲覧する場合に、ユーザーが求めているサイトの条件をより多く満たしたサイトを上位にランキングしようということです。ユーザーが求めているサイトの条件とは何か・・・これを探っていきます。目次ユーザーにとって読みやすいページは上位表示される-仮説1表示速度の速いページは上位表示される-仮説2ユーザーエクスペリエンスの高いサイトは上位表示される-仮説3ユーザーにとって読みやすいページは上位表示される-仮説1サイトのデザインを検討する際に、ほとんどの人はPCを使っていると思います。中にはスマートフォンでやってしまう強者がいるかもしれませんが、私にはできません。管理画面にアクセスし投稿するのも必ずPCです。プレビューもPCで行うのですが、スマートフォンでの表示の状態は必ず確認しないといけないですね。注意したいのが、個別ページにアクセスした時の最初のビューです。ポイントは探していた情報が掲載されているページだとすぐに分かるか下にスクロールして読み進めたいと思うようなページかページトップへ戻るボタンがあるかナビゲーションが上部に固定されているかなど、ユーザーにとって読みやすいデザインになっていることが大切になるのだろうと思います。読みやすいサイトであれば、読了率が高まり滞在時間が長くなります。気になる関連情報があれば回遊率も高まるり、いいことづくめです。これらの要素は、Googleのランキング順位に直接的な要素であるかどうかは明確では無いとしても、何らかの影響はあるだろうと言われています。表示速度の速いページは上位表示される-仮説2ページの表示速度はAMPプロジェクトをGoogleが進めているくらい重要な要素です。Insights」85以上です。Insights」で調べると「40」を切るサイトがけっこうあり、調べた範囲内での最低は「4」でした。ところが、このページスピードポイント4のサイトに実際にスマートフォンでアクセスすると、実感としてですが・・・あまり遅く感じないわけです。画像の多いサイトは要注意ですが、テキスト主体のページでは、あまりページ速度を気にすることは無いのではと思っています。ページ速度を早めるにしてもケースバイケースで、いろいろやってもあまり変わらなかったということもあります。そのような作業や情報を集める時間があったらコンテンツの作成に時間を使いたいものです。ユーザーエクスペリエンスの高いサイトは上位表示される-仮説3先に書いた「ユーザーにとって読みやすいページ」は、ウェブページとして最低限クリアしておかなければならないことですが、ウェブページのインターフェースが優れているとユーザー体験を高めることができます。そのようなサイトはユーザーから評価され支持を受け、他のサイトからの被リンクやSNSへの言及など、トラフィックが生まれる条件を作り出すとともに、ページそのものに対するGoogleの評価も高くなります。SEOに関する様々なテクニックが通用しなくなり、検索エンジンが人間と同様の評価軸を持つようになった今日、誰もが理想とするサイトへの評価です。ユーザー体験を高めるにはページに配置されている要素ひとつひとつのインターフェースを吟味しなければなりません。分かりやすいリンクリンク先の信頼感をアナウンスユーザーの行動を予測した要素の配置あるページを訪れたユーザーには、そのページを閲覧して次に行う行動が必ずあります。そのほとんどは「リンク要素」をクリックすることです。商品の詳細説明を見たい商品の購入手続きをしたいクチコミ情報を見たい問い合わせをしたいサイトの運営者を知りたいなどいろんな要求に応えられるように、リンク要素が配置されますが、PCの場合はリンク要素にマウスポインターを乗せると、色が変わったりポインターが変わったりしますが、スマートフォンではそのようなことは無く、文字色、アンダーライン、バナーボタンなどで識別するのですが、リンク要素かどうか分かりづらいページではストレスさえ感じるものです。PCでは何でもないことがスマホではストレスになる。そんなこともありますので、インターフェース特にリンク要素は気を遣いたいものです。管理人をフォローする管理人ウェブサイトマスターの為の覚書き関連記事デザインAMPページに使う相対パスはルート相対パスにする内部リンクには絶対パスと相対パスの指定方法があります。WordPressのプラグインを使ってAMPページを作る場合には、通常のページの内部リンクを相対パスでの指定はルート相対パスでなければなりません。理由は簡単なことで、AMPのページを...2017.02.27デザインAMPページにGoogleアナリティクスコードを設置~Simplicity編AMPページにGoogleアナリティクスコードや広告コードを設置する方法です。WordPressにはAMP対応のプラグインがあるのですが、単にプラグインをインストールしてもAMP化はできるのですが、javascriptを使うコードは作動しません。固定ページをフロントページにしているサイトがあります。SiteOrigin」は投稿記事や固定ページのデザインを自由に組み立てることができるプラグインです。通常の記事投稿とは異なり勝手が違う部分もありますが、慣れるとおもしろそうです。2017.03.02デザインCodePenを使ってCSSをマスターするとサイトのデザインが自由にできるWordPressのテーマにはそれぞれテンプレートがあり、好みのテーマを使ってサイト作りをしているわけですが、デザイン的な要素をもっと自分好みにしたいという思いは、慣れてくるに従い強くなってきます。検索ページからのリンクでページを開くと「404エラー」と表示されることがよくあります。指定したURLのページが見つからない時に表示されるステータスコードは404です。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。httpタイトルとURLをコピーしました。