Mobile app version of vmapp.org
Login or Join
LarsenBagley505

: Fetch as Google huge margin on top and bottom My website has recently started dropping in Google rankings so I started checking out Webmaster Tools. Weird thing is when I used Fetch as Google

@LarsenBagley505

Posted in: #Css #GoogleSearchConsole #Javascript #Seo

My website has recently started dropping in Google rankings so I started checking out Webmaster Tools.

Weird thing is when I used Fetch as Google with render, I noticed huge margins on the top and bottom of the preview (see here:



On Google render my main content is not above the fold, is this something I should be worried about? If so, do you have any idea why is this happening?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @LarsenBagley505

1 Comments

Sorted by latest first Latest Oldest Best

 

@Jessie594

I've figured out the problem. "Hero" section was resized to viewport size with JavaScript:

function setHeight() {
windowHeight = $(window).innerHeight();
$(".cover,.heightblock").css('min-height', windowHeight);
};
setHeight();

$(window).resize(function() {
setHeight();
});


This works fine on both desktop and mobile devices. The problem is Googlebot (or just Fetch as Google feature) has incredible 3454px viewport size.

I've abandoned resizing to viewport via JavaScript.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme