Googlebot-Mobile が送信するビューポート解像度はありますか?もしそうなら、それは何ですか?
広範な関連性を持つ一般的な質問ですが、レスポンシブデザインを参照して質問しています。特にJavaScriptを介して異なるビューポートに異なる画像解像度を提供する場合です。
GooglebotにはJavaScriptに問題がありますが、時間とともに改善されます。したがって、同じイメージのどのバージョンがクロールされるかを知っておくとよいでしょう(ほとんどのレスポンシブイメージJSソリューションはロジックを解像度に基づいているため)。
フィーチャーフォンGooglebot-Mobile:
SAMSUNG-SGH-E250/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3.c.1.101 (GUI) MMP/2.0 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
DoCoMo/2.0 N905i(c100;TB;W24H16) (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
スマートフォンGooglebot-Mobile:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)
「Fetch as Google」ツールでテストされたcurrentGoogleBot Smartphoneエージェントは、本質的に headless Webkitを使用した偽のiPhoneですLinux x86_64デスクトップマシンで実行されるエンジン。
デフォルトのnon-responsiveビューポートの幅は、980pxのiPhoneのビューポートの幅です。
ビューポート<meta name="viewport" content="width=device-width, initial-scale=1">
を適用すると、iPhoneの画面サイズとCSSピクセル表示解像度が設定されます 320x568で5秒** 2xデバイスピクセル解像度エミュレーションのピクセル。
注意:エンジンは、エミュレータがサポートするようなTouch
もwindow.orientation
もサポートしていません。
更新:* 2015年12月現在、ボットは375x667ピクセル(iPhone 6のサイズ)のビューポートサイズに更新されており、エンジンはv8 JavaScriptエンジンを備えたPre-Blink QtWebKitエンジンを使用しています。
更新2:** 2016年4月18日、Nexus 5Xの411x731ピクセルの画面サイズと 新しいユーザーエージェント のサイズが再び変更されました。 411x731が画面サイズ情報であることに注意してください。ただし、実際のビューポートサイズ(clientWidthおよびclientHeight)は、エミュレートされたDPR(devicePixelResolution)2.625で、410x730pxとして報告されます。プラットフォームの所定のアーキテクチャはarmv8lです。
更新3:2017年4月18日の時点で、点滅エンジンに切り替わりました。同じ寸法、解像度、プラットフォーム。 UAは変更されていません。
Googleのボットは、ブラウザーから予想されるようにページをレンダリングしないため、どの解像度でもページを表示しません。したがって、解像度は驚くべきものですが、さまざまなデバイスをサポートする標準のメディアクエリを目指してください。 Googleのモバイルボットは、CSSファイルにあるメディアクエリを表示し、Max-width
解像度からサイトが動作するデバイスを推定します。
つまり、メディアクエリとしてmin-width:300px
とmax-width:600px
を持っている場合、Googleがiphone、blackberry、スマートフォンをサポートしていることを伝えることができるので、メディアクエリがどのように機能するかを知る必要があります。
上記の640pxの最大幅の値は例であり、要件ではありません。私たちのアルゴリズムは、スマートフォンの画面解像度を参照すると合理的に予想される最大幅の値を探し、一般的なモバイルWebサイトが使用するものを監視しようとし、将来的にそれに応じてアルゴリズムを更新します。
JavaScript
理想的には、no-jsを使用してJavaScriptを使用せずにページを完全にレンダリングする必要があります。Googleは理解できる内容にかなり制限があり、GoogleはCSSを使用してメディアクエリdisplay:noneを理解できますが、JavaScriptを検出することは不可能ですいう。個人的に言ったように、JSなしでページをレンダリングし、JSが無効になっている場合はモバイルとデスクトップの両方で同じバージョンを提供するようにします。
411ピクセル幅。これは2016年4月16日に変更されました。おそらく再び変更されるでしょう。