今週のピックアップは、スマホ版ページにnoindexを指定していても、対応するPC版ページがnoindexでなければ検索結果に出てしまう現象について。Indexing、AngularJSでのSEO事例、ユーザー視点に立ったフォーム、スマホ版検索結果での「読み込みが遅い」ラベルなどなど、SEOの情報をお届けする。つきのあめだまnoindexにしていても検索結果に表示される――そんなことがあるのだろうか。通常はmetaタグでnoindexを指定すると、検索エンジンにはインデックスされず、つまり検索結果には表示されない。スマートフォン向けページでだけnoindexを指定していると、事情は違うようだ。辻正浩氏がこんなツイートを投稿していた。検索のトップのスマホ版にはnoindex,nofollowが付いているんですけどそれでも「スマホ対応」マーク突くんですよね。noindexでも大丈夫なんですねえ。30確認したところ、たしかにスマートフォン版のグーグル検索で「ヤフー検索」を検索すると、検索結果にはYahoo!検索のトップページ(http://search.yahoo.co.jp)が表示される。「スマホ対応」のラベル付きでだ。robotsタグが記述されている。noindexを指定しているにもかかわらず、グーグルのモバイル検索結果にはこのページが表示されている。noindexを指定しているのに、なぜ検索結果に表示されるのだろうか。その理由は、「このスマートフォン向けページに対応するPC向けページには、noindexが指定されていないから」だろう。現在のグーグルはPC版もスマートフォン版も同一のインデックスを利用しており、モバイル検索であってもPC向けページの情報を用いることが多々ある。ページに記載されたコンテンツもそうだし、将来的に変わる可能性が高いが表示速度もそうだ。noindexに関しても、モバイル検索であってもPC向けページの情報をグーグルが利用する一例なのだろう。それにしても、noindexを指定しているのに検索結果に表示される場合があるというのは、Web担当者の視点から考えるといかがなものだろうか。グーグルがインデックスをどう持っているかの仕組みを知っていれば、こういうことになるのは理解できる。ふつうに考えれば、ページにnoindexを指定すればそのページはnoindex扱いになると思うのではないだろうか。現実的には難しいのだろうとは思うが、スマートフォン版ページにnoindexが指定されていれば、それを尊重するようにできないものだろうか。(ウェブマスターオフィスアワー)グーグルの社員がウェブマスターからの質問に答える日本語オフィスアワーの6月版が開催された。グーグルから参加してくれたのは、おなじみの金谷氏と田中氏、長山氏の3人だ。今回3人が回答した質問は次のとおり。画像の扱いについてモバイルサイトの構成方法サイト内のURL変更URL構造とパンくずリストの構造キュレーションサイトと重複コンテンツ構造化データに取り組むべきかどうか手動対策とリダイレクト心当たりのない不自然リンクによる手動対策どちらかというと初級~中級レベルの質問が多かったように思う。それでも有益なQ&Aであることに変わりはない。見ていない人のためにYouTubeにアップされた録画を掲載しておく。Indexingの設定に関して、グーグル社員のKeisuke氏が公式ヘルプフォーラムで説明した。質問内容は次のとおりだ。スマホアプリと、タブレットアプリがあるのですが、両方のアプリをWEBサイトに紐付けることは出来るのでしょうか。WEBサイトは、PC版とスマホ版どちらに紐付ければ良いのでしょうか??Keisuke氏の回答は次のとおりだ。一つのウェブサイトに複数のアプリを接続することが可能です。スマートフォン用アプリとタブレット用アプリを同一のウェブサイトへ接続することもできます。要素にてモバイル用ページヘとリンクしてください。することで、様々な環境のユーザーをそれぞれ適切なコンテンツへと検索結果から誘導することが可能になります。多くはないだろうが、スマホ用とタブレット用でそれぞれのアプリを開発していることもあるだろう。Indexingを実装するなら覚えておきたい。公式エンジニアブログ)サイバーエージェントのエンジニアさんが、JavaScriptフレームワーク「AngularJS」を利用したサイトがSEOで不利にならないようにどのように構成しているかを解説した。GooglebotはJavaScriptを解釈し実行できるが、サイバーエージェントでは最先端で高度なテクノロジーも使っており、Googlebotが対応できる保証はない。それにグーグル以外の検索エンジンでは、JavaScriptの理解能力はずっと劣っているだろう。そこで、検索エンジンがきちんとコンテンツを理解できるように、事前にレンダリングしたページをキャッシュとして準備しておくことにしたそうだ。PC向けページとモバイル向けページでキャッシュが分かれていない状態への対処にも一工夫したようだ。ウェブ担当者ではなく開発者よりのトピックになるがAngularJSを大規模に利用しているなら参考になるだろう。AngularJS/SEO関連で、ついでにこちらの記事も紹介しておく。GoogleはAngularJSを正しくクロールするのか?(2015年2月版)また、AngularJSのエキスパートたちとグーグルのジョン・ミューラー氏が先日ハングアウトでAngularJSとSEOについてトークした。英語に問題がなければ視聴するといい。(EFO・フォーム改善ブログ)フォーム入力において、サイト運営者側の“都合”を押し付けることでユーザービリティやユーザー体験を低下させてしまう具体例を示した記事。ユーザーの都合を優先すべき例として次の3つを挙げている。全角と半角のどちらでも入力できるハイフン(-)を入れても入れなくてもいい個人的に筆者が大嫌いなのが、全角を強制するフォームだ。数字とアルファベットは通常半角で入力しているので、非常に面倒に感じてしまうのだ。筆者の都合はともかくとして、ユーザーの視点に立ったフォームは、フォームの完了率を高めるために非常に重要だということは理解しておきたい。海外SEO情報ブログの掲載記事からピックアップコンテンツ作成において認識しておくべき重要な問題とGooglebotのJavaScript処理についての記事を今週はピックアップ。けんいち)「海外SEO情報ブログ」の運営者。Advocate(サーチ・アドボケイト)。海外SEO情報ブログは、SEOに特化した日本ではもっとも有名なSEO系ブログの1つ。米国発の最新のSEO情報を中心に、コンバージョン率アップやユーザーエクスペリエンス最適化のための施策も取り上げている。Companyでは、セミナー講師や講演スピーカーを主たる役割にしている。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!伝説のTwitter企業アカウント“中の人”の先駆け。いいね!「おもてなし」は思考停止ワード。いいね!私は変人コレクター。いいね!続き最新のニュースデジタルによる「仕事の自動化」、日本は無関心な人が主流。SNSマーケティングのリーディングカンパニー★淀屋橋で正社員★SNSマーケティングプランナー募集です!!SNSに強い、デジタルマーケティング&コンサルティング企業です。★メルマガに特化したプロモーションプランナー募集です★システム・デザイン・運用とワンストップ体制のWEB制作会社です。“スキル不足PM・名ばかりPM”問題、サポートや教育が足りない企業側に原因?【ネオマーケティング調べ】アマゾン日本事業の売上高は約1.7兆円【Amazonの2019年実績まとめ】アドビが「Photoshop」デスクトップ版と「iPad」版に新機能を追加、誕生30年の記念で「おもてなし」は思考停止ワード。Patterns』を3名様にプレゼント!【受付終了】企業がDXに向かう取り組み方を考える『デジタルファースト・ソサエティ』を3名様にプレゼント!すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。