Как индексировать роботами ссылки сделанные Font Awesome и прочими?

Question

[Максим Валерьевич]

Всем привет. На сайте ссылки на соц. сети сделаны с помощью font awesome, таким образом:

<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>

естественно текстовые браузеры их не отображают вообще, и роботы не видят тоже. Как лучше исправить эту ситуацию?

Answer 1

[Егор Федосенко]

По каким это таким причинам роботы не видят тег "a"?
Вы проанализировали внешние ссылки через какой-нибудь анализатор? Они разве не учитываются?

Comments

[Максим Валерьевич]

Проверил в google и либо не досмотрел либо их нет. Даже если так, как такие ссылки заставить показываться в текстовых браузерах?

[Егор Федосенко]

Максим Валерьевич: ну если вы оставляете аттрибует href="#" то естественно ссылки не будет в анализаторе.
На счет текстовых браузеров, ну тут попробуйте по user-agent определять текстовый браузер и давать ему дополнтильный линк на соц сети.

[Максим Валерьевич]

Егор Федосенко: href=# я для примера написал. На самом деле там реальная ссылка

[Максим Валерьевич]

Еще тогда как выход можно делать еще одну ссылку со стилем display: none ?

[Егор Федосенко]

Максим Валерьевич: Как вариант, я бы попробовал еще в тег i написать текст и задать text-indent -9999px

[Максим Валерьевич]

Егор Федосенко: text-indent не катит. Убираются иконки вместе с текстом. Иконки же и есть по сути текст.

[Егор Федосенко]

Максим Валерьевич: заверните дополнительно текст в span в таком случае

[Максим Валерьевич]

Егор Федосенко: Точно...