Как удержать Google от размещения текста значков материалов в ссылках сайта? - PullRequest
0 голосов
/ 29 марта 2019

Многие из моих ссылок имеют значки материалов в тегах внутри ссылки. Теперь Google проиндексировал мою страницу ссылками на сайт, которые содержат текст / лигатуру из этого тега иконки материалов, так что ссылка может содержать, например, «shopping_cart Shop Now».

При просмотре сайта все уже отображается правильно, но только в результатах поиска Google названия страниц выглядят нелепо.

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

Я бы не ожидал, что текст shopping_cart появится, когда Google проиндексирует эти заголовки страниц для ссылок на сайты. Как я могу сказать Google прекратить это делать?

1 Ответ

0 голосов
/ 30 марта 2019

Вы не можете сказать Google прекратить это индексировать.Что вы можете сделать, это удалить то, что вы не хотите, чтобы Google индексировал.Например, если вы не хотите, чтобы он индексировал текст значка материала, удалите класс Material-icons и текст из 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';
}
...