如何在搜索引擎结果中隐藏图标字体？

Question

我在html中用来显示图标字体图标的文字出现在谷歌搜索结果中。我怎么能阻止这种情况发生？

我已经添加了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);
}