Маленькие хитрости: превращаем текстовые ссылки в действующие

Слишком много ссылок

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

Поисковые службы могут начать считать страницу «собранием ссылок» (в русском сегменте используют иной, куда менее приятный термин). Обрамить ссылки так, чтобы не производилось их индексирования? Вес страницы в глазах того же Google всё равно пострадает — в связи с методикой вычисления PR, которым делится страница. Владельцев ресурсов, на которые указывают такие ссылки, тоже порой задевает запрет индексирования.

Один из вариантов — разместить ссылки в текстовом виде. Но тогда будет неудобно по ним переходить: не у каждого в браузере установлен модуль, превращающий такой текст в полноценную ссылку.

Задачу можно решить при помощи JavaScript. WordPress, Drupal и некоторые другие популярные CMS используют JavaScript-библиотеку jQuery, и решение поставленной задачи становится крайне простым.

Шаг 1. Поместите все ссылки, подлежащие преобразованию, в виде следующей разметки:

<span class="makelink">http://example.com</span>

или

<span class="makelink">http://example.com Имя сайта</span>

Шаг 2. В самом конце заметки поместите следующий блок кода

<script type="text/javascript">
$('span.makelink').each(function(index) {
    var h = $(this).html(); var t = h;
    var spos = h.indexOf(' ');
    if (spos > 0) {
        t = h.substring(1 + spos, h.length);
        h = h.substring(0, spos);
    }
    $(this).html('<a href="'+h+'" target="external">'+t+'</a>');
});
</script>

(убедитесь, что разрешается вставка JavaScript-блока).

Всё. Сохраните и смотрите на результат. Пример такого трюка в действии см, например, на странице списка DoFollow блогов, F-R.

Пояснения и замечания

1. Вы можете использовать тег, отличный от span и класс, отличный от makelink, но тогда измените JavaScript-фрагмент соответственно.

2. Если через пробел после адреса ссылки идёт произвольный текст, именно он станет текстом анкора (рабочей ссылки). Если там только URL, он же и будет использован в качестве текста.

3. Если у вас не используется jQuery, установите, следуя инструкциям на сайте. Сокращённый вариант библиотеки занимает 70 килобайт, но этот файл статический и прекрасно кэшируется.