Мой текст, используемый в html для отображения значков из шрифта значков, отображается в результатах поиска Google. Как я могу предотвратить это?
Я уже добавил area-hidden и role='img', но они, похоже, не оказывают никакого влияния.
<span class="material-icons" aria-hidden="true" role="img">search</span>
Я просмотрел онлайн и в основном нашел информацию о том, как улучшить доступность, но не столько о том, как скрыть это от googlebot.
Решение
Основываясь на ответе @ jake ниже, я понял следующее.
HTML
<span class="material-icons" aria-hidden="true" role="img" data-icon="search"></span>
CSS
.material-icons::after{
content: attr(data-icon);
}