: 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
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?
More posts by @LarsenBagley505
1 Comments
Sorted by latest first Latest Oldest Best
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.