html css, сделать иконки-бейджи с текстом, но не индексируемые ПС
Подскажите, как сделать такие иконки?
Самое простое - <span class="proverka">Проверка</span>, но этот текст будет индексироваться поисковиками, значит многочисленные дубли на странице. Можно еще вставлять изображения, svg, либо сделать кнопку button, но так не хочется. Какие еще варианты? Попроще, чтобы не знающий человек мог просто вставить небольшой код, чем меньше, тем лучше.
Подскажите, пожалуйста. Может быть, вопрос довольно примитивный, но я правда не знаю :)
Ответы (1 шт):
Автор решения: Александр
→ Ссылка
Подсказали решение, с помощью ::before и data-атрибутов.
Например, так:
https://jsfiddle.net/va82t9qx/
Действительно, в этом случае бейдж идёт в виде свойства элемента, вёрстки:
<p data-test="Бейдж">Какой-то текст</p>
А не как контент, соответственно на основной текст не влияет и переспама словом "Бейдж" не будет.