Removing title tag from icon SVG’s

  • Resolved dwsmart

    (@dwsmart)


    7 years ago

    Hi,

    Any chance of updating the SVG icons to remove the behance title tag in them? There’s cases of it leaking out into people’s titles in their Google results.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    Hi @dwsmart.

    The title tags inside the SVGs are there for accessibility to help screen readers: https://css-tricks.com/accessible-svgs/#article-header-id-6

    Search engines will also be able to read the text, but should only present it if it’s deemed relevant to the search term, or if there’s not much other text on the page.

    Thread Starter dwsmart

    (@dwsmart)

    Hi Nick,

    Fully agree it’s really something google should fix, but perhaps they could be a little more descriptive than ‘Behance’ for accessibility reasons?

    Plugin Contributor Nick C

    (@modernnerd)

    @dwsmart Most screen readers will provide further context. For example in VoiceOver on Mac, the icon is read as: “Link, Image, Behance”.

    This also gets repeated as you tab through the icons. (“Link, Image, Twitter”, “Link, Image, Facebook”…).

    So longer labels are not necessarily better — it might be tedious to hear, “Link, Image, Go to my twitter profile”, “Link, Image, Go to my Behance profile”, “Link, Image, Go to my Facebook page”…

    If there’s some other context you would expect to hear on each button to enhance accessibility, though, please feel free to share more.

    Hi Nick, I have a follow up question to this… I ran Neil Patel’s SEO site checker tool on my site, and it gave me an error message that there were too many title tags on my homepage for SEO purposes. Other than the actual site title, the “errors” referenced were all title tags related to this Simple Social Icons plugin. When I “view page source” code, I see for every icon, there is a tag similar to this…

    <title id="social-email">Email</title>

    These are bits of code that are totally separate from the actual hyperlinks (and related alt and title descriptions that would benefit screen readers and accessibility).

    Is there any way to remove these tags from the Simple Social Icons plugin for SEO purposes? Or am I completely missing or misunderstanding something? Thanks for your thoughts on this!

    Site in question – marriagerescue.org

    • This reply was modified 6 years, 11 months ago by withacause.
    • This reply was modified 6 years, 11 months ago by withacause.
    Plugin Contributor Nick C

    (@modernnerd)

    @withacause It would be worth reporting the error to the developer of the SEO site checker tool as a possible bug.

    While multiple title tags in the head could be a sign of an issue, title tags elsewhere on the page in SVGs are valid and designed to improve accessibility as referenced above.

    It sounds like the tool may be flagging these title tags without cause. I would not expect them to negatively affect SEO.

    Thanks for the heads up, Nick. Will do!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing title tag from icon SVG’s’ is closed to new replies.