Geek asks and answers

SEO for CSS hides JS fade-in

I have an image that I want to fade when the page loads.

I set the css for this image to zero opacity.

Then I use js to gradually reduce the image (increase the opacity to 1). This happens about a second after the page loads.

I can imagine that elements with zero opacity will not add SEO value. However, I know that a Google crawler can read JS to some extent. Does this mean that he will understand that he is visible in a second and indexes it like any ordinary image?

Also, how will SEO impact if I replace the opacity “display: none” when the page loads and “display: block” with JS in a second?

Any insight would be appreciated, welcome!

+3
source share
3 answers

SEO is a dark art. The only people who can accurately answer this question will be Google engineers, and they will not answer it. There are many “SEO experts” who will bluff you that they know the answer, but the truth is that they all make reasonable guesses.

My answer to the question follows, but remember this - I am only making an educated guess.

A similar material is an edge case; if your page is well written and semantic, then even if data like this one has an effect, it will be drowned out by a much more balanced effect of the actual content.

, Google . , . , .

+9

SEO; : none, display: block over opacity . , , . SEO, <figure> /<figurecaption> . alt title ( nix, figcaption).

0

, seo:

<span style="text-indent: -9999px">
  This will not be visible on screen but readable by a crawler
</span>


<div style="position: relative; left: -9999px">
  This will not be visible on screen but readable by a crawler
</div>

, .

-1

More articles:


All Articles