Googlebot - モバイル版が表示されない - モバイルフレンドリーではありません

Question

"User-Agent"に設定されたResponse Header Varyのウェブサイトがあります。 Fetch as Googleツールを使用してJavaScriptコードまたはCSSコードのいずれもブロックされていないことを確認しました。 GooglebotタイプのレンダリングタブでMobile：Smartphoneと表示されている場合、Googlebotにモバイルバージョンではなく通常のウェブバージョンが表示されています。また、レンダリングタブには、訪問者がモバイルバージョンを正しく表示しているページを見たことが示されます。

Googleは私のウェブサイトをモバイルフレンドリーではないと表示しています。しかし、私のiPhoneにアクセスしたり、Google Chromeシミュレータを使用したりすると、モバイル用のウェブサイトのモバイル版が非常にうれしいです。また、モバイル版（m.mysite.com）に2番目のURLを使用していません。

Googlebotに自分のモバイル版が表示され、自分のサイトがモバイルフレンドリーであると見なすには、ブートストラップを使用して自分のウェブサイトを変換する必要がありますか？ここで

はレスポンスヘッダは以下のとおりです。

ウェブサイトは、サイトコアを使用して構築されています。ここにモバイル版を送信するルールがあります。

Answer 1

は、私はあなたのウェブサイトが画面幅とウェブサイトがモバイルフレンドリーかどうかを決定するために、モバイルデバイス上のビューポートを設定するためのメタタグに基づいCSS3メディアクエリを使用している場合Googlebotが主に見ていることを推測します。私はちょうどモバイルフレンドリーとしてマークされている完成されたレイアウトをテストしました。また、私の他のサイトはすべてモバイルフレンドリーであり、ユーザーエージェントを使ってページをレンダリングする方法を決して決して決して決して使用しませんでした。これはメディアクエリを使用するためです。

最初にビューポートメタタグを追加することをお勧めします。これが機能しない場合は、一般的にメディアクエリを使用するように切り替えて、そのメディアを防ぐ場合にのみユーザーエージェントを使用する必要がありますクエリが使用されています。 （例えばデスクトップ上ときモバイルメディアクエリを使用していない）

必要なもの...

• Viewport meta tag（例：<meta name="viewport" content="width=device-width, initial-scale=1">）

• Media queries

私のデザインされていないレイアウトはメディアクエリを使用しないので、メタタグを追加するだけで十分です。あなたがコードを持つURLが私にPMを書きたい場合。