jQuery

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

jQuery - JavaScript библиотека

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

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

Поисковые службы могут начать считать страницу «собранием ссылок» (в русском сегменте используют иной, куда менее приятный термин). Обрамить ссылки так, чтобы не производилось их индексирования? Вес страницы в глазах того же 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.

Блог в СИНДИКАТе | Проза жизни | ИНФОтека | де Мотиватор | Люди, имена и блоги
Creative Commons License
Если явным образом не выражено иначе, все работы на данном сайте доступны по лицензии
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.
Перевод текста упомянутой выше лицензии на русский язык
© 2009 Константин Бояндин

Статьи: Excart Обзоры
RSS-материал