Mobile app version of vmapp.org
Login or Join
XinRu657

: Do loading screens positioned above site content harm SEO? I use a white div covering all screen before the page loads on a website. Will this hurt my Google Search position? It's not like

@XinRu657

Posted in: #Css #HiddenText #Javascript #Seo

I use a white div covering all screen before the page loads on a website.

Will this hurt my Google Search position?
It's not like I'm hiding links on purpose, and I've seen loading screens on many sites, but still, I'd like to be sure.

In case Google will penalize this implementation, are there any workarounds?

To better describe what I mean, I'll copy the CSS and JavaScript for the "white div" thing here:

CSS

.spinner_wrapper { /*THE WHITE SCREEN*/
left: 0;
top: 0;
height: 100%;
z-index: 9999;
background-color: #fff ;
}


JavaScript

$(window).load(function(){


$(".spinner_wrapper").hide();

/*some other stuff for the slider*/


});


Of course, I have a noscript element, so that if the user has JavaScript disabled, the white screen won't block viewing the content:

<noscript>
<style>
.spinner_wrapper{
display: none;
}
</style>
</noscript>

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @XinRu657

1 Comments

Sorted by latest first Latest Oldest Best

 

@Merenda212

What you're doing is a legitimate practice and should not impact your organic visibility. The definition of cloaking is:


"...the practice of presenting different content or URLs to human users and search engines."


You are not doing this. You're instead creating a temporary load screen until the browser has reached the load event, at which point you're then displaying the content, regardless of user-agent. As long as you stay true to that, you shouldn't have any issues. And, if by the off chance you did incur a penalty, you'd have a great argument to add to your Reconsideration Request.

I do have one suggestion, however. You may want to consider binding to the DOMContentLoaded event on the document object instead, as it normally fires before the load event and, depending on the quantity of resources loaded between DOMContentLoaded and load, would present the content quicker and provide a visually similar experience. It might be worth testing this out. Food for thought.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme