How to robot index links made by Font Awesome and others?

Question

css

Hello. The site has links to social media. the nets are made with font awesome, thus:

<li>
  <a href="#" target="_blank" title="VK" name="VKontakte">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x fa-social"></i>
      <i class="fa fa-vk fa-stack-1x fa-social"></i>
    </span>
  </a>
</li>

Naturally, text browsers do not display them at all, and robots do not see them either. What is the best way to fix this situation?

Answer 1

What are the reasons why robots do not see the "a" tag?
Have you parsed external links through some kind of analyzer? Do they not count?