
В Эфире:

Twitter
Google Buzz
jQuery
Маленькие хитрости: превращаем текстовые ссылки в действующие
Опубликовано Константин Бояндин в ПТ, 2010/03/05 - 12:51
Слишком много ссылок
Типичная ситуация, с которой приходится сталкиваться: размещение на одной странице множества ссылок. Когда число ссылок, условно говоря, больше пятидесяти, могут начаться негативные последствия.
Поисковые службы могут начать считать страницу «собранием ссылок» (в русском сегменте используют иной, куда менее приятный термин). Обрамить ссылки так, чтобы не производилось их индексирования? Вес страницы в глазах того же 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.
- Блог пользователя Константин Бояндин
- 20 комментариев
- Комментарии
- Читать далее
- 1178 просмотров

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

