Fetch as Google showing Tablet View, not Desktop View

[yaelslater]

Hi Mozers,

Fetch as Google is showing Tablet view and not Desktop view. Does anyone know why this is? And does that mean that Googlebot is reading the Tablet version instead of the Desktop version (same HTML but different visualization)?

Thanks!!

Yael

[Seenlyst]

Hello Yael,

That sounds like the viewport and breakpoint settings with your website, when you design a responsive website with your own screen you might want to use the chrome dev tools to check if the viewport cut off at the right size.

This guidelines from Google might help: https://developers.google.com/web/fundamentals/design-and-ux/responsive/

This post might give you some idea what is the best screen size to use: https://www.hobo-web.co.uk/best-screen-size/

If it wasn't above mentioned issue maybe you can share your website address so we can better tell what's happening.

Hope this helps,

Joseph Yap

[WebMarkets]

Try updating your resolution queries to a max height of 1080, replacing the block of height:100%. Seems like google bot is crawling your site and queries are under a desktop resolution.

[R0bin_L0rd]

Hi, I agree with Joseph that what you're seeing is probably due to the style breakpoints you have on that page.

**However - **while fetch and render gives us some insight into how Google might interpret a page, it is not what Google is "seeing". Google is viewing the page code and, while there is some evidence it will deprioritise content which is hidden with methods like display:none I really don't think your site will suffer because your break point is different from the one in fetch and render. Changing the break point could conceivably involve quite a lot of front end dev or working with your site templates to avoid causing issues. I understand your concern but I honestly wouldn't put this to the top of your priority list.

Hope that helps!