
: 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
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?
More posts by @Bethany197
2 Comments
Sorted by latest first Latest Oldest Best
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"></i>
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2025 All Rights reserved.