Mobile app version of vmapp.org
Login or Join
Bethany197

: When using Google's material icons, the page title in the search results has the icon alt text i have a problem with my website titles in serp ( over 1000 pages ) The title of the pages

@Bethany197

Posted in: #Seo #Serps #Title

i have a problem with my website titles in serp ( over 1000 pages )
The title of the pages is in this format


page title - home_icon Home


I checked my website and I found in the menu link to the home page with home icon using material icons:

<a href="/">
<i class="material-icons right" data-material-icon="home_icon">home_icon</i>
Home
</a>


What is the solution?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Bethany197

2 Comments

Sorted by latest first Latest Oldest Best

 

@Candy875

You can refer to the character using its numeric reference so the word isn't in the HTML. For the home icon, you can use the following.

<i class="material-icons">&#xE88A;</i>

10% popularity Vote Up Vote Down


 

@Eichhorn148

It looks like you just need to remove the text "home_icon" from your HTML source code:

<a href="/">
<i class="material-icons right" data-material-icon="home_icon"></i>
Home
</a>


That <i> just gets replaced by the icon in the page, so the users don't see the text. It isn't necessary to have that text there even for screen readers because the duplicate word "Home" would appear right next to it.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme