Что лучше использовать?

Оба варика говно. Ищи "закрытие ссылки скриптом", "закрытие ссылки с помощью js".

Текстом написать и все. И ссылка есть и робот доволен.

Или в графику.

Что "в графику"?

Увидят они ее в любом случае. И перейдут тоже.

А вот с учетом такой ссылки и передачи веса по ней у разных поисковиков будут разные варианты.

Все, что есть в коде, видят поисковики. Запреты для индексации и т. п. - только рекомендации.

Как можно закрыть ссылку от индексации?

Есть несколько способов.

1)

добавить в ссылку атрибут rel="nofollow". Яндекс и Гугл утверждают, что такие ссылки не учитывают в ранжировании.

Пример

<a href="http://www.site.ru" rel="nofollow">текст ссылки</a>

Тут стоит добавить, что в некоторых случаях такие ссылки всё равно будут передавать вес. Когда именно не работает подобное закрытие ссылки от индексации - неизвестно.

Обратите внимание, что тег <noindex> - закрывает не ссылку, а текст от индексации. Т.е. вес по ссылке, закрытой в noindex, будет передаваться, но ссылочной составляющей не должно быть.

2)

Закрыть ссылку от индексации в Яндексе можно через скрипт.

Пример

<script>document.write("<a target='_blank' rel='lightbox[]' href='http://www.site.ru

'>");</script>текст ссылки

<script>document.write("</a>");

Гугл понимает такую конструкцию, и соответственно передаёт вес.

3)

<a href="javascript:void(0)" class="add-to-cart"></a>

Поддержка яндекса ответила, что вес по такой ссылке никуда не будет уходить.

4)

На jquery (в чистом js я не силен, но смысл понятен)

Разметка

<a href="#http://webimho.ru/" target="_blank">Лучший сайт о SEO!</a>

<br>

<a href="#https://www.free-lance.ru/users/Serg_pnz/" target="_blank">Некоторые мои работы по созданию ajax-приложений</a>

скрипт-обработчик

$(document).ready(function(){

$('a[href^=#http]').each(function(){

$(this).attr('href', $(this).attr('href').substr(1));

});

});

Преимущество очевидно для сайтов, работающих с jquery, какой сейчас не использует что-то подобное!

5)

Вставить ссылку через <iframe ...>, который закрыть в robots.txt

<iframe src=/ssilka.txt > </iframe>

Файл ssilka.txt выглядит так

Цитата

<a href="http://web-zapros.ru">Пример ссылки</a>

в robots.txt соответственно

Цитата

Disallow: /ssilka.txt

http://webimho.ru/topic/1486/

С этим вопросом надо в раздел дорвейщиков обращаться :)

По сути, вам нужно любым способом отфильтровать ботов (js на движение мыши и т.п.) и для них не выводить ссылку. Но это уже клоакинг и теоретически могут быть санкции.

Автор, а может не нужно париться? Если роботу видеть ссылку не нужно, то имхо людям она тоже не нужна.

Но если надо, то, имхо, azsx отписал все верно.