Html+css badges with text but not indexed by search engines?

Question

css

Hello. You need to make a lot of badges on the page, something like this:


The easiest way to do it is with <span class="proverka">Популярный вопрос</span>, but there will be so many of them, everything is indexed by search engines, you will get a lot of duplicates.
You can insert an image or svg, but I want to avoid this.

How else can you do it the easy way? So that a person who does not understand can insert the code without problems, the less the better.
Tell me please.

Answer 1

Through before, after. They can display text from html code using data attributes
https://jsfiddle.net/va82t9qx/