如何防止谷歌在网站链接中放置材料图标文本

Question

我的许多链接在链接内的标签中都有材料图标。 现在，谷歌已经用包含来自该材料图标标签的文本/连字的站点链接索引了我的页面，因此链接可能会说"shopping_cart立即购买"。

浏览网站时，所有内容都已经正确显示，但是只是在Google的搜索结果中，页面标题看起来很荒谬。

<li>
   <a href="/feed.php">
     <i class="material-icons icon">shopping_cart</i> 
     <span>Shop Now</span>
   </a>
</li>

我不希望当Google将这些页面标题索引为站点链接时出现文本"shopping_cart"。 我怎样才能告诉谷歌停止这样做？

Answer 1

你不能

告诉谷歌停止索引。您可以做的是删除您不希望 Google 编入索引的内容。例如，如果您不希望它索引材质图标文本，则从 HTML 中删除材质图标类和文本。

相反，您可以做的是通过带有伪类的CSS添加它，例如，这里有一支笔：https://codepen.io/MatthewRader/pen/VNZxdo

你的HTML和CSS看起来像这样：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
<li>
   <a href="/feed.php">
     <span>Shop Now</span>
   </a>
</li>

li {
  list-style:none;
}
a {
  text-decoration: none;
  color: PeachPuff;
  padding: 10px;
  background: SaddleBrown;
}
a::before {
    font-family: 'Material Icons';
    content: "shopping_cart";
    -webkit-font-feature-settings: 'liga';
}