Ветвь-диаграмма logo Sidorov S.V. ©

23:38
Не все ссылки на ваш сайт одинаково полезны. Прямые и открытые ссылки

Робот Это не совсем то, что Вы искали? Внизу Вас уже ждёт список похожих материалов. Посмотреть
Среди вопросов, которые задают пользователи моего сайта, есть и такие, которые совсем не имеют отношения к педагогике. По большей части они связаны с созданием и ведением личных сайтов, и я отвечаю на них в соответствующих разделах FAQ. Но есть часто повторяющиеся вопросы, ответы на которые так и не удалось втиснуть в формат "вопрос - ответ". Это вопросы о том, какие бывают внешние гиперссылки, как они могут повлиять на сайт, как отличить прямую ссылку от непрямой, индексируемую от неиндексируемой и т.д.

Я уже писал о том, насколько разнообразными могут быть ссылки в интернете - как по форме, так и по ценности для упоминаемого в них сайта. Здесь же попробую показать структуру ссылки в коде html (языке разметки веб-страниц) при различных способах её размещения.  

Любая ссылка имеет видимый пользователю элемент, нажатие которого активирует переход по ссылке. Собственно, вариантов таких элементов немного: слова или изображения. Слово или сочетание слов, кликая которое, мы переходим по ссылке, называется анкором.

В текстовой ссылке есть два основных элемента: анкор и адрес веб-страницы, на которую ведёт ссылка (в html адрес для перехода указывается с помощью атрибута href).
    
В приводимых далее примерах анкором условно сделаны слова «Ваш сайт». Условная веб-страница, на которую даётся ссылка - http://your-site.ru.

В этом посте приведены примеры прямых ссылок, открытых для поисковых систем и не имеющих никаких ограничений. Главное достоинство этих ссылок в том, что они максимально полезны для вашего сайта, поскольку по ним не только могут прийти посетители (а могут и не прийти!), но и будет передаваться вес с других сайтов на ваш, влияя на ранжирование ваших страниц поисковыми системами (а основная масса посетителей приходит именно с поисковиков: Яндекса, Гугла, Мэйл.ру и др.).

Код самой простой текстовой ссылки на страницу выглядит так:
<a href="http://your-site.ru">Ваш сайт</a>
В этом html-коде минимум элементов: тег <a>...</a>, внутри которого находятся атрибут href с указанием конкретного адреса, и анкор - видимая на странице часть ссылки. При нажатии на анкор новая страница открывается вместо прежней в том же окне.

Часто, проставляя внешние сылки, вебмастера заботятся, чтобы посетитель не уходил на другой сайт безвозвратно. Для этого прежняя (своя) страница не закрывается, а новая (по внешней ссылке) открывается в новом окне. Далее дан пример простой текстовой ссылки на страницу, открывающуюся в новом окне (другим цветом выделена часть кода, "отвечающая" за открытие в новом окне):
<a href="http://your-site.ru" target="_blank">Ваш сайт</a>

Немного усложним html-код, сохраняя "открытость" и "прямоту" ссылок. Вот ссылка с текстом, появляющимся при наведении курсора:
<a href="http://your-site.ru" title="Текст, появляющийся при наведении курсора">Ваш сайт</a>

Следующие два примера - это ссылки, в которых роль анкора выполняет изображение. Наиболее простые из них - ссылки-картинки. В таких ссылках два адреса:
1) адрес для перехода по ссылке (задаётся внутри тега <a>...</a> всё тем же атрибутом href);
2) адрес выводимой картинки, задаваемый внутри тега <img ...> атрибутом src (содержимое тега <img ...> размещается вместо анкора, т.е. между <a> и </a>).  

Ссылка-картинка без рамки (актуально для браузера Internet Explorer, имеющего некоторые особенности отображения веб-страниц):
<a href="http://your-site.ru"><img src="http://your-site.ru/papka/kartinka.gif" border="0"></a>

Та же ссылка с текстом, "всплывающим" при наведении курсора (опять же с учётом особенностей Internet Explorer старше 10-й версии):
<a href="http://your-site.ru" title="Текст, появляющийся при наведении курсора в большинстве браузеров"><img alt="Название картинки; этот текст появляется при наведении курсора в браузере Internet Explorer" src="http://your-site.ru/papka/kartinka.gif" border="0"></a>

Та же ссылка с текстом и с заданным размером картинки по высоте (атрибут height) и ширине (атрибут width):
<a href="http://your-site.ru" title="Текст, появляющийся при наведении курсора"><img alt="Название картинки" src="http://your-site.ru/papka/kartinka.gif" height="43" width="85" border="0">

При желании можно придумать и другие сочетания веб-адресов, "заанкоренных" и "всплывающих" текстов, картинок, их названий и различных форматирующих атрибутов (например, внутри тега <a>...</a> можно задать положение картинки относительно текста).  

В заключение - о том, как можно проверить на открытость и прямоту ссылку на ваш сайт, размещённую на странице другого веб-ресурсе.
Разумеется, можно просто посмотреть код страницы. Для этого кликните в окне браузера правой кнопкой мыши и в открывшейся табличка выберите Исходный код или Просмотр кода - в зависимости от вашего браузера. Однако поиск нужной части кода в большом тексте html очень утомителен, особенно для неспециалиста.
Поэтому проще воспользоваться онлайн-сервисом, например www.cy-pr.com/tools/analyzer/. Перейдя на страницу этого сервиса, введите адрес страницы с вашей ссылкой, нажмите Показать и смотрите результат в правой части страницы.

Итак...
1) прямые и открытые для поисковых систем ссылки наиболее полезны для продвижения вашего сайта в сети Интернет;
2) прямая ссылка - это ссылка, которая сразу ведёт на конкретную страницу вашего сайта;
3) в открытой ссылке нет никаких элементов, ограничивающих её влияние на поисковые системы.

     18.10.2013.
Робот списокРобот считает, что со статьёй "Не все ссылки на ваш сайт одинаково полезны. Прямые и открытые ссылки" тематически связаны:
Для ссылки:
Не все ссылки на ваш сайт одинаково полезны. Прямые и открытые ссылки [Электронный ресурс] // Сидоров С.В. Сайт педагога-исследователя – URL: http://si-sv.com/blog/2013-10-18-57 (дата обращения: 16.07.2020).
Просмотров: 4229 | Автор: : Сергей Сидоров | Рейтинг: 5.0/2
Всего комментариев: 1
avatar
1 Василина • 11:41, 18.07.2014
Вот это я понимаю объяснение. Толково. Всё ясно и понятно. А то нальют воды и купайся в ней как хочешь.
avatar

При использовании оригинальных материалов сайта ссылка на si-sv.com обязательна.
Сервер, обеспечивающий работу сайта, находится в РФ.

© Сидоров Сергей Владимирович 2011 - 2020
Сайт создан в системе uCoz