Will it be possible to “deceive” search engines using hidden content for SEO-optimization of SPA applications?

I

inscamp2016-10-30 23:14:32

css

inscamp, 2016-10-30 23:14:32

I’ll make a reservation right away that we are not talking about the so-called. black seo and malicious intent.
There is an application using RoR on the back end and React on the client, and some pages that are in dire need of indexing by search robots.
An example of the tag markup <body>for such a page coming from the backend:

<body>
  /* пустой див, куда будет зарендерено приложение (React.render(<App/>, document.getElementById('mount')))  */
  /* Для пользователя */
  <div id="mount"></div>

  /* Спрятанный див с контентом, схожим по структуре с тем, что будет в диве выше */
  /* Для поисковых роботов */
  <div id="hidden_content" style="display: none;">/* контент */</div>
</body>

Will such a trick succeed?
Everywhere they write differently - from "everything is fine" to banlists.
It is also possible to initially send an unhidden div and hide it later, at the time of rendering the client application using JS.
PS: If you don't try to deceive someone and forget about the idea of hiding the diva, will there be enough information in the meta tags for successful indexing? That is, the content of the markup that the search robot will see will be represented by meta tags in <head>(fully and correctly displaying the essence of the page content) and an empty div #mount.

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

R

romy4, 2016-10-31
@romy4

Google and Yandex style="display: none;" has been cutting for a long time. at best, this text is not indexed. at worst, as already mentioned, you go to the bottom of the issue. besides, they run javascript on the main pages, thereby indexing the result already. and in total with an attempt to hide content - nothing good

M

Maxim Timofeev, 2016-10-31
@webinar

I don’t think that there will be a ban, but the fact that display: none is not indexed is for sure.
Usually, ordinary static pages are used to promote SPAs.

I

Ivan Leshchenko, 2016-10-31
@inkluter

Two things can help you.
2. Application rendering on the backend.
2. prerenderer.io
I also had a problem with the site indexing on react. Crutches like yours are not worth doing.
We used the second option, set up our devops and everything worked.