Урок 57 Как сделать ссылку на сайт, общие знания

03.09.20167419

как сделать ссылкуВсем привет на Просмотри. Когда то давно я уже писал как сделать ссылку на сайт, постаравшись рассмотреть более менее эту тему подробно. Сегодня же хочу выставить новую статью по этой теме, так скажем для увеличения трастовости и выдачи лучшего результата в поиске, старой темы). Да и чем больше статей чем лучше, так что стоит вложить в это дело средства, чтобы потом больше зарабатывать. Хотя возможно эта статья в дальнейшем станет наиболее приоритетной для продвижения, правда в этом я сомневаюсь.

Определение термина “ссылка”:
Ссылка (гиперссылка)- это первичный элемент текстового или графического файла, с помощью которого связываются несколько частей в один документ. Так же, с помощью ссылки, можно связать два разных документа, и сделать из них один.
Виды ссылок:

  • Если, например, при чтении статьи вы видите ссылку на ее продолжение, и перейдя по ней, оказываетесь на другой странице того же сайта, то такая ссылка будет называться внутренней.
  • Если же продолжение  текста находится на другом сайте, то это будет внешняя ссылка. Такую ссылку можно сделать для увеличения посещаемости интернет площадок, когда более популярный сайт рекламирует менее известный. При нажатии на внешнюю ссылку откроется новое окно, где и будет продолжение документа.
  • Если при переходе по ссылке вы попадаете на удаленную страницу, или не существующую, то такая ссылка будет называться битой. Битых ссылок не должно быть, так как это может плохо повлиять на посещаемость сайта, сделать ему низкий рейтинг. Если посетителя заинтересовало начало статьи, а продолжение он увидеть не смог, ему уже не захочется снова посещать такой недоработанный сайт. О том, почему возникают битые ссылки и как их исправлять, будет подробнее написано в другой статье.

Как же сделать ссылку на другой сайт?

Сделать ссылку на другой сайт довольно просто. Для этого нужно обозначить ссылку в браузере, и указать место где находится документ, к которому она будет вести. Это делается при помощи HTML-тега <а>, и обязательной части href: . Вот формула построения ссылки:

<a href= URL > текст_ссылки </a>

В данной формуле URL означает собственно адрес файла, на который ведет ссылка. Текст ссылки называется анкором, и его видно посетителям страницы. Анкор дает понять посетителю, куда ведет та или иная ссылка. Кроме того, текст ссылки важен еще и для раскрутки сайта. Ведь если в ней будут часто запрашиваемые слова, то поисковые программы будут выбивать ее чаще. Таким образом можно сделать действительно посещаемый сайт, вложив немного своего времени. Если адрес начинается с протокола (http) и названия сайта, то такой URL- адрес называется абсолютным.

Абсолютные ссылки принято делать для перехода на другой сайт, то есть внешними. Внутри сайта удобнее сделать ссылку с более коротким адресом (относительные). Однако встречаются сайты где и внутренние ссылки являются абсолютными. Это делается для того, чтобы в случае копирования страницы оставались рабочие ссылки.

Сделать абсолютную ссылку довольно просто. А вот когда речь идет об относительных ссылках, там все обстоит немного сложнее, ведь значение атрибута href зависит от изначального расположения файлов, и нужно четко понимать, как обозначить атрибут href. Именно поэтому все предпочитают абсолютные ссылки, как внешние, так и внутри сайта. Их проще и быстрее сделать. Если кому-то интересно, существует более подробное описание, как сделать относительную ссылку. А в этой статье мы можем показать ее формулу:

<a href="/kak_sozdat_ssilku.html"> ссылка</a>

Как видите, эта ссылка короче и из за этого удобнее.
Но вернемся к тому, как самостоятельно сделать гиперссылку. Вы наверно замечали, что иногда, направив курсор на некоторые ссылки, рядом возникает текстовое изображение, как бы пояснение смысла электронного адреса. Такой эффект можно сделать при помощи атрибута title:. Выглядеть это будет примерно так:

<noindex><a rel="nofollow" title="Текст_ подсказки" href="http://internetprogram.ru"> анкор </a></noindex>

Форму, цвет и размер окна можно сделать на ваше усмотрение, при помощи настроек css.
Как сделать ссылку вам уже понятно, но нужно разобраться, как вставить ее в текст? Для этого нужно зайти через HTML-редактор и скопировать туда сделанный нами HTML-код.

Ссылка, открывающаяся в новом окне

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

Ведь если ссылок окажется несколько, и новая автоматически закрывает предыдущую, то рано или поздно искать первоначальную страницу будет уже бессмысленно, проще будет поискать информацию на другом сайте. Для того чтобы эксплуатация сайта была всегда удобной, и ссылки автоматически открывались в новом окне, существует - target тега <a>, еще один атрибут. Если изменить значение атрибута target тега <a> на _blank, документ будет  открываться в новой вкладке. Формула такой ссылки:

<noindex><a rel="nofollow" href="http://internetprogram.ru" target="_blank">Отдельное окно</a></noindex>

Но что делать, если вы на чужом сайте, где документы открываются в одном окне, а вы хотите чтоб они открывались в новом? Этот вопрос решить очень просто, нужно вместо того чтоб щелкать по ссылке левой кнопкой мыши, нажимать на них колесиком. В таком случае автоматически открывается новое окно.

Создание ссылки на e-mail адрес.
Что делать, если вам нужно сделать ссылку на свой e-mail? Используем стандартный протокол передачи почты mailto. Вписываем в текст ссылки нужный адрес. Выглядит это так:

<a href="mailto:ivanova@internetprogram.ru"> Текст для строки “Кому” на e-mail</a>

При клике по такой ссылке будет открываться программа по работе с почтой, где уже будет заполнена строка “Кому”. Можно заполнить сразу и тему письма, для этого мы сделаем ссылку на электронный адрес по такому примеру:

<a href="mailto:ivanova@internerprogram.ru?subject=письмо_тема "›строка “Кому” e-mail</a>

На месте “темы письма” вписываете то, что потом должно быть автоматически написано в строке “тема письма” при отправке сообщения. Писать это нужно обязательно латинскими буквами, так как браузеры не работают с кириллицей, и если ее использовать, можно в результате получить неизвестно что. А используя латиницу - вы получите то, что нужно.

Как сделать картинку - ссылку?

Чтобы сделать картинку- ссылку, в редакторе HTML используется тег <img>. Он применяется для вставки изображения, которое прописывается вместо анкора. Структура такой ссылки:

src="http://internetprogram.ru/image/Top.jpg" alt="основная страница internetprogram.ru" /></a>

Здесь включена всплывающая подсказка, а так же, если в браузере отключен просмотр изображений, то вместо картинки будет текст, закодированый в атрибуте alt. Поэтому же атрибуту поисковые системы распознают, что на картинке. Таким образом, можно сделать посещаемость сайта выше, ведь в текст можно, опять же, вписать часто запрашиваемые слова. Кстати ссылка может находиться и на баннере, по структуре они одинаковы с ссылкой картинкой.

И последний вопрос, который мы рассмотрим, это как сделать ссылку на одной странице.

Мы уже объяснили, как сделать ссылку в пределах одного сайта, то есть внутренние. Но бывает, что нужно вставить ссылку на одну и ту же страницу. Казалось бы, зачем? Но ведь если текст длинный, то раз потеряв нужную строку, можно искать ее потом очень долго, что приведет к поиску информации на другом сайте. Случается, что проще еще раз вбить запрос и найти более короткую статью. Во избежание такого прокола, существуют ссылки в пределах одной страницы, ведущие, к примеру, на каждый пункт статьи.

Таким образом, при прочтении документа не приходится заново его читать ради пары слов. Можно просто сохранить, или открыть в новом окне ссылку на заинтересовавшее место. Сделать это можно с помощью заранее прописанных в тексте закладок, именуемыми html якорями. При этом ссылка выглядит так:

http://internetprogram.ru/kak-sdelat-ssyilku -v-html.html#ixzz2NJY0dDwi

Напоминаем, что все названия пишутся только латинскими буквами! И не забывайте что каждый клик по вашим ссылкам будет играть роль в улучшении поведенческих факторов! А у вас получается сделать ссылку для сайта?

Следующий как заработать денег с нуля