モバイルファーストインデックスについて

ウェブ = モバイル となるわけです。 わかりやすく説明します。

今後はモバイルサイトの内容が検索順位にかかわってくる

Googleは公式のサイトでこう発表しています。
将来的に Google のアルゴリズムはモバイル版のコンテンツを主に使用するようになります。つまり、ページのランキングを決定したり、構造化データを理解したり、検索結果にスニペットを表示する際も、モバイル版のコンテンツが使用されるようになります。もちろん、Google のインデックスがモバイル版のコンテンツで形成されるようになっても、デスクトップ端末かモバイル端末かに関わらず、すべてのユーザーに素晴らしい検索体験を提供し続ける点は変わりません。
検索結果に反映する際に、モバイル版のコンテンツを主に使用するようになる。 モバイル版のウェブサイトのコンテンツが如何に、ユーザのことを考え作られているかが重要になります。 もっと簡単に言うと、スマホで使いやすいサイト作れよ!ってことです。

すでにレスポンシブデザインのサイトは特に何もしなくてよい

レスポンシブデザイン動的な配信を行っているサイトで、主要なコンテンツやマークアップがモバイル版とデスクトップ版で同一である場合は、何も変更する必要はありません。
レスポンシブデザインの場合は何もせずにそのほかのSEO対策をしていきましょう。

スマホ・PCがそれぞれ独立している場合

スマホサイト・PCサイトが独立している場合、以下の対応が必須になります。
  • 構造化データ マークアップがデスクトップ版とモバイル版の両方で配信されるようにします。構造化データ マークアップの同一性を確認するには、構造化データ テストツールにデスクトップ版とモバイル版の両方の URL を入力し、出力結果を比較します。モバイルサイトへ構造化データを追加する際は、それぞれのドキュメント特有の情報に関係のないマークアップを大量に追加するのは控えます。
  • robots.txt テスターを使用してモバイル版のコンテンツに Googlebot がアクセス可能であることを確認します。
  • rel=”canonical” リンク要素を変更する必要はありません。デスクトップとモバイルのそれぞれの検索ユーザーにとって適切な結果を表示するために、Google はそれらのリンク要素を引き続き使用します。
 

PC版しかない場合はどうすりゃいいのさ

では、PC版のウェブサイトしかない場合、どうすればいいのか。 新たにスマホサイトを作るべきなのか、無理やりレスポンシブ対応したほうがいいのか、 それともPC版だけでいいのか。 Googleさんはこう言っています。
デスクトップ版のサイトしか存在しない場合、Google は引き続きデスクトップ版のサイトをインデックスします。モバイルユーザーエージェントを使用してアクセスする際も問題ありません。 デスクトップ ユーザーにとって使いやすいサイトは、壊れたり不完全なモバイルサイトよりも、モバイルユーザーにとって好ましい場合があります。モバイルサイトを作成する際は、サイトが完成し準備が整ってから公開することをおすすめします。
つまり、変なスマホサイト作るくらいなら、ちゃんとしたPCサイト”だけ”の方がいいよということです。

読み込みスピードも評価対象

この ”Speed Update” (と私たちは呼んでいます)は、ユーザーに本当に遅い体験を提供しているようなページについてのみ影響し、ごくわずかな割合のクエリにしか影響しません。 そのページがどのような技術を用いて制作されたかに関係なく、すべてのページに同じ基準を適用します。
PHPによる動的なサイトでも、htmlによる静的なサイトでも、一緒くたに評価されるようですね。 ただし、次の文言が気になる。
検索意図は依然として非常に強いシグナルですので、魅力的で検索クエリと関連性の高いコンテンツは、ページの読み込み速度が遅くても高い順位に掲載される場合もあります。
つまり、ユーザが検索したワードによっては、読み込み速度にかかわらず上位表示されるということ? となると、そもそも「上位表示」に対する対策が難しくなりますね。(これも検索エンジンのあるべき姿かもしれませんが。)

そのほか、追加があれば追記します。

ほかに追加があれば随時追記していきます!]]>

ウェブデザインの参考にしているサイト(2017年)

ポイントは、見易さと検索のしやすさ ピックアップするときにポイントを絞りました。

  • アーカイブサイト自体の見易さ
  • 参考を探す時の検索のしやすさ
この2点です。 それでは早速紹介します。

良質すぎる MUUUUU.ORG

http://muuuuu.org/

クオリティが高く、国内外問わず取り扱い

取り扱ってるサイトがかなり良質です。 国内外問わず扱っており、数も豊富で更新頻度も高め。

検索は業種・デザイン・タイプのカテゴリーごと

かなり細かくカテゴリ分けしてあります。

シャッフル機能が面白い I/O3000

http://io3000.com/

更新頻度、扱い件数が多い

毎月20〜40件の更新です。 MUUUUUがビジュアルを前面に出したデザイン性の高いサイトを取り扱っているのに対し、 こちらは、それ以外にも日本のウェブサイトでよくある情報量の多いサイトも取り扱っています。

キーワード検索が強み

カテゴリーだけでなく、キーワードで検索できるのがいいですね。 また、「Shuffle」をクリックすると、更新日に関係なくランダムに並ぶようになります。 予期せず出会ういいデザインがあるのが魅力です。

WordPressサイトのアーカイブ WP Design Gallery

http://wpgallery.kachibito.net/

ワードプレスに特化したサイト

Wordpressのテンプレートに特化したアーカイブなので、Wordpress案件にはかなり参考になります。

レイアウトでも分けられている

カテゴリ分けは最小限。カラムで分けられているのはいいですね。

更新されていない…

もう長らく更新されていないようですね。残念です。

評価性を取り入れている Awwwwards

https://www.awwwards.com/

投票で決まるポイント

DESIGN(デザイン性)、USABILITY(使い勝手)、CREATIVITY(創造性)、CONTENT(内容)と4つの評価軸で、Awwwwards利用者が評価。 評価は投票で決まり、投票するユーザも評価によりランクが別れるため適当な評価ではないところがいい。

勉強は不可欠

いかがでしたでしょうか。 やっぱり、流行りのデザインを勉強すること、世界のデザインを勉強することはとても重要です。 デザインを勉強したり、迷ってしまったりしたら、今日ご紹介したアーカイブサイトを見てみるのもいいかもしれません。]]>