Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Разбираемся с веб ссылками

Эта статья нуждается в техническом обзоре. Как вы можете помочь.

Эта статья нуждается в редакционном обзоре. Как вы можете помочь.

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

В данной статье мы узнаем, что такое ссылки и почему они важны.

Предварительно: Вы должны знать как работает интернет и името представление а разнице между веб страницей, веб сайтом, веб сервером и поисковой системой.
Цель: Изучить, что такое веб ссылки и почему они важны.

Коротко

Гиперссылки, в народе ссылки, являются фундаментальной основой Веба. Чтобы объяснить, что такое ссылки, мы должны обратиться к основам Веб архитектуры. 

В 1989 году Тим Бернерс-Ли (Tim Berners-Lee) , создатель Веба, говорил о трех китах , на которых стоит Веб:

  1. URL, система адресов, которая отслеживает веб документы. 
  2. HTTP, транспортный протокол, помогающий найти документы по заданным URL
  3. HTML, формат документа, позволяющий встраивать гиперссылки

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

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

По умолчанию голубого цвета и подчеркнутые, ссылки выделяются из общего текста. Кликните на ссылку, чтобы активировать ее, или если вы используете клавиатуру, перейдите на ссылку при помощи Tab и нажмите Enter.

Example of a basic display and effect of a link in a web page

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

Активно изучаем

В данном разделе нет контента. Please, consider contributing.

Глубокое погружение

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

Типы ссылок

Внутренняя ссылка
Ссылка между двумя веб страницами, принадлежащими к одному веб сайту. Без внутренных ссылок нет такого понятия как веб сайт (конечно если это не одностраничный сайт).
Внешняя ссылка
Ссылка с вашей веб страницы на чью-либо другую веб страницу. Без внешних ссылок не будет Веба, так как Веб это сеть веб страниц. Используйте внешние ссылки для того,  чтобы предоставить информацию помимо той, что вы поддерживаете на вашем сайте. 
Входящие ссылки
Ссылка с чьей-либо веб страницы на ваш сайт. Это внешняя ссылка наоборот. Имейте в виду, что вам не обязательно отвечать тем же кому-то кто ссылается на ваш сайт.

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

Когда вы начинаете, вам не имеет смысла сильно волноваться о наличии внешних и входящих ссылок, но они важны, если вы хотите, чтобы поисковые системы находили ваш сайт. (См. более детальное объяснение ниже.)

Якоря (Anchors)

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

Example of a basic display and effect of an anchor in a web page

Ссылки и поисковые системы

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

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

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

SEO (search engine optimization) is the study of how to make websites rank highly in search results. Improving a website's use of links is one helpful SEO technique.

Next steps

So now of course you'll want to set up some webpages with links!

Метки документа и участники

 Внесли вклад в эту страницу: vladislavukhov, lerniri
 Обновлялась последний раз: vladislavukhov,