Как сделать ссылку на сайт

Как вставить ссылку на сайт в виде текстовой ссылки, кнопки или изображения

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

Для начала определимся что из себя представляет текстовая гиперссылка.

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

Анкорные ссылки. Текстовые ссылки, url адрес которых скрыт внутри, а пользователю отображается только видимая анкорная текстовая часть. Анкор-видимая текстовая часть,которая отображается пользователю.Текст анкора-ключевые слова, которые непосредственно связаны с тематикой сайта. Анкорные ссылки используются для увеличения веса сайта в ранжировании поисковых систем.

Пример анкорной ссылки:

<a href=»byazrov.ru»>Анкорный текст_Вячеслав Бязров</a>

Безанкорные ссылки. Текстовые ссылки, которые не придают веса сайту, на который делается ссылка и не влияют на ранжирование в поисковых системах.Пример безанкорных ссылок:

<a href=»//byazrov.ru/»>//byazrov.ru/</a> В данном примере анкорная часть гиперссылки повторяет сам url адрес сайта.

<a href=»//byazrov.ru/»>подробнее здесь</a> В данном примере безанкорной ссылки анкорная текстовая часть «подробнее здесь» не содержит ключевых слов, определяющих тематику сайта, поэтому является безанкорной.

Текстовая гиперссылка

Безанкорная ссылка.

Нажмите сюда и откроется ссылка в новом отдельном окне

Исходный код данной ссылки выглядит следующим образом:

тег p указывает на новый абзац.

a href -это тег гипер ссылки.

http://byazrov.ru здесь вы прописываете свой адрес, на который нужно сделать ссылку

параметр target blank указывает что ссылка будет открываться в отдельном окне браузера.

В конце кода закрывающий тег гиперссылки и абзаца.

Анкорная ссылка.

Ниже вы видите анкорную ссылку, открывающуюся в отдельном окне.

Это изображение имеет пустой атрибут alt; его имя файла - yon-1.png

Создание сайтов


<a href="http://byazrov.ru/" target="_blank">Создание сайтов</a>

Если убрать параметр target blank то ссылка будет открываться не в отдельном окне , а в текущем, тем самым выбросив вас с текущего сайта и отправив на другой сайт по другому адресу.

Неиндексируемая ссылка.

Если вы хотите сделать ссылку, которую не нужно индексировать поисковой системе, то код такой ссылки приведен ниже. Параметр «nofollow» сообщает поисковой системе что данную ссылку индексировать не нужно. Это применяется в том случае, если по каким-либо причинам вы не хотите светить ссылку поисковым системам. Также это применяется для того, чтобы на ссылки, размещенные на вашем сайте не передавался поисковый вес вашего сайта, это влияет на SEO.

Если вы работаете с вашим сайтом через некую систему управления CMS, то ,как правило, во всех хороших CMS имеется готовая функция добавления гиперссылки. Нужно только воспользоваться ей ввести адрес ссылки вида http://byazrov.ru и указать необходимые параметры.Но для расширенных возможностей, указания различных параметров все же необходимо использовать чистый HTML код.

Ссылка в виде изображения

Создание сайтов Вячеслав Бязров

Код данной ссылки-изображения выглядит следующим образом:

Параметр «title» содержит в себе название изображения со ссылкой, которое всплывает при наведении курсора.

«Target=»_blank «указывает, что ссылка будет открываться в отельном окне браузера.

Параметр alt содержит в себе поисковый тег, который прописывается к изображению. При индексации поисковой системы тег «alt» учитывается как ключевые слова данного изображения.

Параметр «width», «height» указывают размеры изображения, его длину и ширину в пикселях.

Как вставить ссылку на youtube.

Например, мы хотим вставить ссылку под видео или в комментариях на youtube. Сначала зайдем через бразуер на нужный нам сайт и нужную страницу. Затем нужно выделить и скопировать ссылку в адресной строке браузера.

Затем нужно в поле ввода в комментарии youtube сделать вставку через контексное меню.

Оставьте комментарий