Из чего состоит ссылка

Что такое URL-адрес?

Данная статья описывает Единый локатор ресурсов или Uniform Resource Locators (URLs), объясняет, что это такое, и описывает его структуру.

Предварительно:	Вам нужно узнать как работает интернет, что такое Веб сервер (en-US) and что лежит в основе веб ссылок.
Цель:	Вы узнаете, что такое URL и как они работают в вебе.

Введение

Наряду с понятиями гипертекста и протокола HTTP, понятие URL является одной из основных концепций Всемирной паутины. Это механизм, используемый браузерами для получения любого опубликованного во Всемирной сети ресурса.

URL обозначает Uniform Resource Locator. URL это лишь адрес, который выдан уникальному ресурсу в интернете. В теории, каждый корректный URL ведёт на уникальный ресурс. Такими ресурсами могут быть HTML-страница, CSS-файл, изображение и т.д. На практике, существуют некоторые исключения, когда, например, URL ведёт на ресурс, который больше не существует или который был перемещён. Поскольку ресурс, доступный по URL, а также сам URL обрабатываются веб-сервером, его владелец должен внимательно следить за размещаемыми ресурсами и связанными с ними URL.

Активное обучение

Подробная информация

Основы: анатомия URL

Вот несколько примеров URL:

https://developer.mozilla.org https://developer.mozilla.org/ru/docs/Learn/ https://developer.mozilla.org/ru/search?q=URL

Каждый из этих URLs могут быть напечатаны в адресной строке браузера, чтобы заставить его загрузить связанную страницу (ресурс).

URL состоит из различных частей, некоторые из которых являются обязательными, а некоторые — факультативными. Рассмотрим наиболее важные части на примере:

http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument

http:// это протокол. Он отображает, какой протокол браузер должен использовать. Обычно это HTTP-протокол или его безопасная версия — HTTPS. Интернет требует эти 2 протокола, но браузеры часто могут использовать и другие протоколы, например mailto: (чтобы открыть почтовый клиент) или ftp: для запуска передачи файлов, так что не стоит удивляться, если вы вдруг увидите другие протоколы.

www.example.com это доменное имя. Оно означает, какой веб-сервер должен быть запрошен. В качестве альтернативы может быть использован и IP-адрес, но это делается редко, поскольку запоминать IP сложнее, и это не популярно в интернете.

:80 это порт. Он отображает технический параметр, используемый для доступа к ресурсам на веб-сервере. Обычно подразумевается, что веб-сервер использует стандартные порты HTTP-протокола (80 для HTTP и 443 для HTTPS) для доступа к своим ресурсам. В любом случае, порт — это факультативная составная часть URL.

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

?key1=value1&key2=value2 это дополнительные параметры, которые браузер сообщает веб-серверу. Эти параметры — список пар ключ/значение, которые разделены символом & . Веб-сервер может использовать эти параметры для исполнения дополнительных команд перед тем как отдать ресурс. Каждый веб-сервер имеет свои собственные правила обработки этих параметров и узнать их можно, только спросив владельца сервера.

#SomewhereInTheDocument это якорь на другую часть того же самого ресурса. Якорь представляет собой вид «закладки» внутри ресурса, которая переадресовывает браузер на «заложенную» часть ресурса. В HTML-документе, например, браузер может переместиться в точку, где установлен якорь; в видео- или аудио-документе браузер может перейти к времени, на которое ссылается якорь. Важно отметить, что часть URL после #, которая также известна как идентификатор фрагмента, никогда не посылается на сервер вместе с запросом.

Примечание: Есть и другие составные части и правила, касающиеся URL, но обычно они не используются ни пользователями, ни разработчика. Поэтому не стоит о них беспокоиться, вам не обязательно их знать, чтобы формировать работоспособные URL.

Вам стоит представлять URL как обычный почтовый адрес: протокол обозначает почтовый транспорт, который вы собираетесь использовать,доменное имя — это город, порт — это почтовый индекс; адрес — это номер дома;параметры представляют собой дополнительную информацию, как, например, номер квартиры; и, наконец, якорь представляет собой конкретного получателя, которому вы адресуете своё письмо.

Как использовать URL

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

• создания ссылок на другие документы с помощью тега ;
• связывания документа с его дополнительными файлами, например с помощью тегов или ;
• отображения медиа-элементов, например изображений (с помощью тега ), видео (с помощью тега ), звуков и музыки (с помощью тега ) и так далее;
• отображения других HTML-документов внутри текущего с помощью тега (en-US).

Примечание: При указании URL-адресов для загрузки ресурсов как части страницы (например, при использовании , , , , и т.д.), следует использовать только URL-адреса HTTP и HTTPS. Использование FTP, например, не особенно безопасно и больше не поддерживается многими браузерами.

Другие технологии, такие как CSS или JavaScript, также активно используют URL, так что это реально основа веба.

Абсолютные и относительные URL

Все, что мы изучали выше — это абсолютные URL. Но так же существуют и относительные URL. Изучим их.

Обязательные части URL во многом зависят от контекста, в котором используется URL. В адресной строке браузера URL не имеет никакого контекста, так что приходится вводить полный (или абсолютный) URL, такие как мы рассматривали выше. Обычно вам не требуется вводить протокол (браузер подставляет HTTP по умолчанию) и порт (который нужен только в том случае, если сервер использует нестандартный порт), но остальные части URL всё равно необходимы.

Когда URL используется в документе, например в HTML-странице, ситуация отличается. Потому что браузер уже знает URL текущего документа и он может использовать эти сведения для дополнения недостающих частей любого адреса, указанного в документе. Простейший пример относительного URL — указание только адресной части URL. А если адрес в URL начинается с символа «/ «, браузер запросит ресурс от корня сервера, без отсылки к контексту текущего документа.

Разберём это на примерах.

Примеры абсолютных URL

https://developer.mozilla.org/ru/docs/Learn

//developer.mozilla.org/ru/docs/Learn

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

/ru/docs/Learn

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

Примеры относительных URL

Для лучшего понимания следующих примеров, давайте договоримся, что мы обращаемся к URL из документа, который опубликован по адресу: https://developer.mozilla.org/ru/docs/Learn

Skills/Infrastructure/Understanding_URLs

Поскольку URL не начинается с / , браузер сделает попытку найти документ в поддиректории относительно текущего документа. В данном примере будет запрошен этот URL: https://developer.mozilla.org/ru/docs/Learn/Skills/Infrastructure/Understanding_URLs

../CSS/display

В этом случае, мы используем команду ../ — унаследованную из файловой системы UNIX — чтобы сказать браузеру, что он должен подняться на 1 директорию вверх. Соответственно, здесь мы хотим открыть URL: https://developer.mozilla.org/ru/docs/Learn/../CSS/display , который может быть упрощён до вида: https://developer.mozilla.org/ru/docs/CSS/display

Семантические URL

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

Семантика, разумеется, плохо распознаётся компьютерами. Вы наверняка видели URL, которые выглядят как куча случайных символов. Но у семантических URL есть много преимуществ:

• Ими легче управлять.
• Они дают понять пользователю, что находится по данному URL даже без перехода на страницу.
• Поисковые системы могут использовать семантику для улучшения классификации страниц.

Следующие шаги

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 3 авг. 2023 г. by MDN contributors.

Что такое URL-адрес сайта

Поднимите глаза к адресной строке браузера — и вы увидите URL страницы.

URL — это уникальный адрес, который ведет на ресурс в интернете. С его помощью вы делитесь интересными веб-страницами, публикацией из Instagram или видео на YouTube с друзьями.

В этой статье расскажем, что такое URL-адрес, рассмотрим его структуру и принцип работы, а также разберемся, как узнать URL сайта ��

Из статьи вы узнаете:

1. Что такое URL
2. Структура URL-адреса
3. Виды URL
4. Форматы URL
5. Сокращенные ссылки
6. Как узнать URL сайта
7. Советы по созданию URL
8. Что запомнить о URL

Что такое URL

�� URL (Uniform Resource Locator — унифицированный указатель ресурса) — это адрес ресурса в интернете. Он помогает вашему браузеру найти определенный сайт, страницу, изображение, файл или видео. Пример URL-адреса вы видите сейчас в адресной строке браузера: https://hostiq.ua/blog/what-is-url/.

Ваш браузер принимает адрес страницы, переводит доменное имя в IP-адрес сервера, а остальная часть URL-адреса показывает путь к конкретному файлу на этом сервере.

URL и доменное имя — это разные понятия. URL-адрес ведет к определенному файлу или странице, а имя домена помогает узнать, какой IP-адрес у всего веб-сайта или сервера.

Структура URL-адреса

Вернемся к URL-адресу статьи: https://hostiq.ua/blog/what-is-url/. Он привел вас на эту веб-страницу. Однако это не единственная функция, которую выполняют URL.

С помощью URL можно перейти на определенное место на веб-странице, например третий раздел, или отследить, откуда посетитель перешел по ссылке. С последним помогут дополнительные параметры в URL — UTM-метки, которые взаимодействуют с инструментами аналитики.

Функциональность адреса веб-страницы зависит от структуры URL: количества частей, из которых он состоит. Детально разберем каждую на примере: https://hostiq.ua/blog/what-is-url/

Этот URL-адрес состоит из трех частей: протокол, доменное имя и путь к странице на сервере.

Протокол

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

Протокол сообщает вашему браузеру, как взаимодействовать с сервером веб-сайта, чтобы отправлять и получать данные.

Традиционно большинство сайтов используют протокол передачи гипертекста HTTP или его безопасную версию — HTTPS. Во втором случае передача данных между веб-сервером и веб-браузером происходит в зашифрованном виде. В примере выше видно протокол HTTPS.

Браузеры поддерживают протоколы HTTP и HTTPS по умолчанию. Потому прописывая ссылку в адресной строке, можно упускать протокол. Браузер подставит его автоматически.

Пример URL-адреса без протокола �� hostiq.ua/blog/what-is-url/

Более того, не все браузеры отображают протокол в адресной строке. Например, в Chrome URL-адрес выглядит так:

Чтобы увидеть протокол, дважды кликните левой кнопкой мыши по URL-адресу:

Веб-браузеры обрабатывают не только протоколы HTTP и HTTPS. Вот несколько дополнительных протоколов:

• FTP — протокол для передачи файлов. Например, ftp://username@name-of-server.
• Mail-To — откроет почтовый клиент на вашем компьютере. Например, mailto://username@gmail.com.

Видео по теме:

DNS переводит доменное имя в IP-адрес. Без DNS и доменных имен пришлось бы запоминать цепочки из чисел вроде 37.115.50.237. Читайте в нашем блоге детальнее про работу DNS.

1212 доменных зон для любых проектов!
.com .shop .agency .travel .app .blog .best .cat .top .info

Порт

Протоколы работают в паре с портами. Для протокола HTTP используется порт 80 по умолчанию, для HTTPS — 443. Так как это стандартные значения, прописывать порт в адресе сайта не обязательно. Потому в нашем примере он упущен. Если же для работы ресурса нужен другой порт, его обязательно нужно указать. Вы встретите порты на странице авторизации в cPanel, например. Порт прописываем после доменного имени через двоеточие.

Путь к странице

Чтобы открыть главную страницу сайта, потребуется только протокол и доменное имя: https://hostiq.ua. Но каждая отдельная страница или файл на сайте имеет свой URL-адрес: https://hostiq.ua/blog/what-is-url/.

Часть URL-адреса, которая идет после домена, называется путем. После пути может стоять вопросительный знак или символ # — это разделитель между путем и следующими опциональными частями. В нашем случае путь — это финальная часть URL.

Простые сайты построены таким образом, что путь отображает структуру файлов на сервере. Если страница About Us — это файл about.html в корневой папке домена, то ее URL-адрес будет http://example.com/about.html.

Сайты на CMS, например WordPress, используют базу данных для динамического создания страниц. Таким образом, хоть для сайта нет папки blog и файла с именем what-is-url, мы получаем этот URL: https://hostiq.ua/blog/what-is-url/.

Параметры

Параметры — это данные, которые браузер сообщает веб-серверу. Он использует их, чтобы выполнить дополнительные команды, перед тем как отдать содержимое ресурса.

В URL-адресе https://hostiq.ua/blog/what-is-url/ параметры отсутствуют. Однако вы встречаетесь с ними повсеместно. Например, любой запрос в поисковике Google отображается как параметры в URL-адресе. Они расположены после знака «?» и разделены символом «&».

Представим, вы ввели «купить игрушки» в поисковой строке Google. URL в адресной строке сразу будет изменен:

Параметры — это динамическая составляющая URL-адреса сайта. К ним также относят UTM-метки, о которых мы говорили в начале статьи.

Якорь

Якорь — это ссылка на другую часть того же ресурса, например раздел статьи или видео. Находится якорь после символа «#».

Нужен сайт?
Сделать сайт самому для бизнеса или хобби с нашими готовыми решениями легко как раз-два-три. Бесплатный тест 30 дней!

URL адрес документа: что это, виды и форматы указателей, советы по созданию

URL (url адрес) — это аббревиатура, которая расшифровывается как Uniform Resource Locator, или «унифицированный указатель ресурса», т.е. адрес сайта размещенного в сети Интернет.

Что такое URL

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

• сайта;
• файла (документу, изображению, аудиозаписи или видео).

Для перехода к искомому файлу или сайту пользователь должен ввести в адресную строку браузера нужный адрес. Если вы введете адрес страницы блога Kokoc.com (https://kokoc.com/blog), откроется следующее окно:

URL — та самая ссылка, которая показывается в адресной строке браузера. Его можно получить, если выделить ссылку (она автоматически выделяется при установке курсора в адресную строку), нажать правую кнопку мыши и выбрать из выпадающего меню пункт «Копировать».

Если вам нужно копировать адрес картинки, нужно нажать на нее правой кнопкой мыши и в выпадающем меню выбрать пункт «Копировать адрес изображения» (как минимум, так он называется в «Яндекс.Браузере»).

Если вам нужно получить адрес файла, снова вызываем выпадающее меню и выбираем пункт «Копировать адрес ссылки».

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

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

Из чего состоит URL-адрес

Начало адреса (1) — это протокол — http или https. В «Яндекс.Браузере» и Google Chrome они по умолчанию не видны и появляются только по клику левой кнопки мыши в адресной строке. Между тем указатель может начинаться не с протоколов передачи гипертекста, а со следующих:

• Ftp. После ввода адреса откроется файловый сервер. Возможно потребуется авторизация, т.е. ввод пользовательского логина и пароля. Я, например, так просматриваю, какие директивы содержит robots.txt того или иного сайта.
• Mailto. В результате ввода адреса будет выполнена команда отправки электронного письма на определенный email. Конечно, лучше всего для этих целей использовать почтовый клиент.
• File. Вы сможете посмотреть в браузере файл с компьютера.

Следующей частью URL является доменное имя сайта (2), реже — его IP.

Читайте также:
Домен: что это такое, определение, примеры, «правильное» имя сайта

Завершает адрес путь к странице (3), где будут папки и подпапки и который содержит название этой страницы.

Кроме того, URL может иметь в своем составе параметры, идущие после знака «?» и разделяющиеся символом «&» (знаки выделены желтым). Так выглядит адрес страницы с результатами поиска в Google по запросу “купить книгу”:

Виды URL

Статический URL

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

Динамический URL

Такой указатель формируется в результате пользовательского запроса и имеет в составе разделители типа “&”, “=”, “?”, после которых идут дополнительные параметры конкретной страницы. Они генерируются, когда пользователь интернет-магазина применяет фильтры товаров, сортирует их по рейтингу или цене, ищет по сайту. Если я введу на сайте «Читай-города» название книги «Увеличение продаж с SEO», искомая страница будет иметь адрес:

Продвижение товаров на маркетплейсах

• Оплата по дням нахождения в ТОП
• Средние сроки продвижения — 7 дней!

С позиций поисковой оптимизации лучше использовать статические урлы, потому что у динамических есть ряд объективных минусов:

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

Форматы URL

Транслитерированные URL

Так как мы работаем в Рунете, но соблюдаем мировые стандарты, повсеместно используем транслитерацию. Любой человек прочитает такой адрес и поймет, какое содержимое будет у соответствующей страницы.

И «Яндекс», и Google определяют в этих урлах ключевые фразы, а это позитивно влияет на поисковое продвижение. Кроме того, транслитерация структурирует сайт: мы можем легко попасть на главную страницу блога, просто стерев часть с названием статьи.

Читайте также:
Гайд по технической оптимизации сайта

Латинские URL

Латинские урлы — это адреса с переводом на английский язык. Вместо «/работы/» будет «/works/» или «/portfolio/», вместо «/услуги/» — «/services/».

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

Кириллические URL

Логично, что такие указатели используются в кириллических доменах и в коротких адресах.

Из их плюсов можно выделить:

• простота запоминания (родной язык, в конце концов!);
• большое число свободных адресов, потом что кириллические домены до сих пор остаются не настолько используемыми, как латинские;
• использование в урле ключевых фраз.

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

https://ru.wikipedia.org/wiki/%D0%93%D0%BE%D0%B3%D0%BE%D0%BB%D1%8C,_ %D0%9D%D0%B8%D0%BA%D0%BE%D0%BB%D0%B0%D0%B9_ %D0%92%D0%B0%D1%81%D0%B8%D0%BB%D1%8C%D0%B5%D0%B2%D0%B8%D1%87

Увы, но запись URL-адресов содержит фиксированный набор символов, куда кириллические не включены. В связи с этим все кириллические адреса шифруются, но ссылка остается работоспособной.

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

Читайте также:
Что такое контент простыми словами

Человекопонятные URL (ЧПУ)

В рекомендациях Google и «Яндекса» есть указание на то, что на сайтах нужно использовать понятные для пользователей адреса, чтобы и люди, и машины понимали, что содержит в себе та или иная страница.

Например, по адресу https://site.ru/viewpage.php?category_id=13 мало что понятно, зато https://site.ru/portfolio сразу же говорит нам о том, что на странице находятся примеры работ компании или частного специалиста.

Пользователи могут оценить контент страницы еще ДО перехода по ссылке, а также:

• скопировать и отправить адрес заинтересованным лицам — и письменно, и устно;
• подобные указатели легко «насытить» ключевыми фразами;
• ЧПУ без проблем запоминаются и ассоциируются с понятными объектами, явлениями или предметами;
• дают ускоренную навигацию по сайту. Пользователь может вручную удалить часть адреса и оказаться в нужном разделе. В итоге разгружается поиск по сайту.

Есть ряд правил построения ЧПУ на своем сайте:

1. Применять транслитерацию по согласованному заранее принципу.
2. Заменять все пробелы и пунктуационные знаки на дефисы или же нижний прочерк. Если такие символы сдвоены — делать вместо них один.
3. Убирать в начале и конце урда символ «-».
4. Писать только строчными буквами.
5. По возможности делать короткие урлы, чтобы потом не пришлось использовать программы-сокращаторы ссылок.

Как сделать хороший URL

1. В корректном указателе в обязательном порядке должны присутствовать ключевые слова, потому что это один из факторов ранжирования поисковых систем. Но если же перенасытить ими адрес, это будет расценено не иначе как спам, и сайт может потерять позиции в выдаче.
2. Настраивать короткие урлы длиной максимум в 4–5 слов и максимальной длиной в 80 символов, чтобы в SERP показался адрес полностью, без обрезки в самом нужном месте.
3. Вложенность конкретной страницы или раздела сайта будет прямо пропорционально длине урла. В связи с этим порой приходится исключать из урла названия рубрик блога или категорий.
4. Легче продвигать латинские домены, чем кириллические, поэтому лучше сразу же настраивать латинские урлы.
5. Слова в урле лучше разделять не нижним подчеркиванием, а дефисом.
6. Чтобы исключить дублирование страниц, необходимо настроить 301-й редирект.

И конечно же, нужно всегда настраивать ЧПУ, потому что вы делаете сайты прежде всего для людей — ваших подписчиков, читателей, покупателей и даже почитателей таланта.

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

• Разработка эффективных сайтов для продаж в интернете.
• Создаем сайты с нуля любой сложности, от сайтов визиток до интернет-магазинов и крупных порталов.

Что такое ссылка и 28 разновидностей URL

Ссылки необходимы пользователям для мгновенного перехода от одного ресурса к другому, загрузки файлов, обмена информацией. Она необходима для быстрого поиска информации, указания авторства и даже для SEO продвижения. В статье ниже мы расскажем понятие слова “гиперссылка”, виды ссылок и популярные вопросы, которые с ней связаны.

Что такое ссылка

Ссы́лка (англ. link)— это объект, указывающий на определенные данные, но не хранящий их. Используется в документе для быстрого перехода на другой элемент в этом документе (команды, абзац, изображения, сноску) или на другой объект (файлы, документы, приложения) локального диска или сети.

Также ссылка в интернете имеет более полный термин — гиперссылка (англ. hyperlink). Гиперссылка является важнейшим элементом любого сайта, потому что поисковый робот, обходя ссылки, добавляет в свою базу страницы (индексирует их). Это определенным образом размеченный текст (либо некое графическое изображение), содержащий в себе переадресацию на страницу другого внешнего ресурса (сайта). Они были особенностью Сети с самого начала, но именно они превращают Интернет в Интернет. Они позволяют нам связывать наши документы с любым другим документом (или ресурсом), с которым мы хотим. С их помощью можно связывать документы с их конкретными частями и сделать приложения доступными на простом веб-адресе (сравните это с локальными приложениями, которые должны быть установлены, и другими такими же вещами). Почти любой веб-контент может быть преобразован в ссылку, так что когда вы кликаете по ней (или иным образом активируете), она заставляет веб-браузер перейти на другой веб-адрес (URL.). Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит вас, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передается в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже).

URL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное, что может жить в Интернете.

История

Первое упоминание ссылок было зафиксировано еще 3000 лет до н.э. в папирусах и на глиняных табличках. Современный гипертекст начал свое развитие в 1945 году, когда доктором Ванневаром Бушем была упомянута идея создания машины, предназначенной для хранения различных видов научных документов. То есть любой материал можно было связать с произвольным разделом другого документа. Позднее Дугласом Энгельбартом в 1963 году было предложено реализовать интерактивное взаимодействие компьютера и человека. Но с технической точки зрения это было невозможно на то время. Тогда Теодор Холм Нельсон занимался работой по созданию программы для подготовки текстов, позволяющей сравнивать различные элементы материалов, вносить и отменять изменения, пересматривать сделанную работу, он и предложил понятия “hypertext” и “hypermedia”. В 1991 году появилась Всемирная паутина (World Wide Web) и термин “ссылка” модернизировался в создание совокупности веб-страниц с различным, в том числе и мультимедийным, содержанием и гиперссылками.

Первая система, в которой была реализована концепция использования гипертекста — Hypertext Editing System. К этому времени под руководством сотрудника IBM Чарльза Голдфарба, был создан первый язык разметки документов Generalized Markup Language (GML), в котором была реализована концепция типа документа и вложенных друг в друга структур. Далее в комитете по обработке информации Американского национального института стандартов (ANSI) было создано новое направление, целью деятельности которого стало формирование стандарта на мощный язык разметки документов, который получил название SGML (Standard General Markup Language).

Зачем нужны ссылки и как работают

У использования ссылок на сайте есть несколько основных назначений:

• Навигация. Без перелинковки перейти на какую-то страницу веб-ресурса можно, только введя в адресную строку ее прямой адрес, а это вряд ли возможно: пользователи не в курсе адресов страниц. Пункты меню, линки, вставленные прямо в текст, – все современные ресурсы используют для навигации по сайту ссылки, оформленные разными способами.
• Идентификация. Иногда по ссылке, например, на файл, можно понять, к какому типу он относится. Это удобно при использовании файлообменников, в первую очередь для самих пользователей, у которых появляется доступ к информации.
• Продвижение. От количества линков на странице и ссылок, ведущих на нее, зависит ее ссылочный вес. Этот параметр имеет значение в продвижении: если он достаточно высок, страница будет лучше ранжироваться, что увеличит трафик. Причем роль играет не только объем ссылочной массы, но и ее качество.

Строение ссылки

URL-адрес — это уникальный адрес, который ведет на страницу, которая находится в интернете. URL состоит из нескольких частей: обязательных и опциональных. Например, адреса сайтов в интернете состоят из минимального количества частей: протокол, доменное имя сайта и порт. Протоколы HTTP/HTTPS и порт указывать не надо. Каждый URL состоит из определенной последовательности символов. Это не хаотичный набор знаков, а определенная структура, которая составляется по четкой схеме.

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

1. Тега ссылки .
2. Адреса ссылки href.
3. Анкора.
4. Дополнительных атрибутов.

Дополнительные составляющие могут быть следующими:

1. способ обмена данными с ресурсом или тип сетевого протокола (https, http);
2. логин, то есть то имя учетной записи пользователя для обращения к ресурсу (название сайта);
3. пароль для входа в учетную запись;
4. хост или целиком вписанное доменное имя;
5. порт для подключения в пределах обозначенного хоста;
6. URL-путь – содержит уточняющую информацию о заданных характеристиках места расположения ресурса;
7. строка запроса, содержащая передаваемые на сервер параметры;
8. «якорь», в функцию которого входит возможность ссылаться на определенную часть документа, страницы.

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

В URL разрешается пользоваться определенным набором знаков:

• латиница (или символы английского алфавита);
• цифры длиной до 225 символов;
• определенные знаки пунктуации (дефис, нижнее подчеркивание);
• специальные символы (в частности, «/» — слэш, «_» — нижнее подчеркивание).

То есть ничего другого использовать нельзя.

Виды ссылок

Ссылки подразделяются на несколько классов. Выберем несколько основных подвидов.

По тому, куда ссылка в интернете ведет они делятся на:

• Внутренние — ссылки ведущие на документы в пределах одного сайта так называемая внутренняя перелинковка;
• Внешние — ссылки ведущие на ресурсы других сайтов, т.е. за пределы нашего сайта
• Входящие ссылки. На ваш сайт ссылаются другие веб-ресурсы.
• Исходящие ссылки. Вы ссылаетесь на страницы других сайтов.
• Сквозная ссылка. Одна ссылка стоит в одном месте на всех страницах какого-либо сайта.

По формату размещения:

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

По времени размещения:

• Временные (арендованные). Предоставление ссылки на сайт в течение месяца или другого оговоренного срока.
• Вечные. Ссылка с надежного авторитетного ресурса, которая размещается в статьях, обзорах на этом сайте. Дорогая, но весомая ссылочная масса.

• Обычная ссылка. Такое состояние характеризуется для ссылок, которые еще не открывали. По умолчанию обычные текстовые интернет ссылки изображаются синим цветом и с подчеркиванием. В настройках можно сделать другой цвет.
• Посещенная ссылка. Как только пользователь открывает документ, на который ведет ссылка в интернете, она после перехода помечается как посещенная и меняет свой цвет на фиолетовый, установленный по умолчанию. Можно указать в коде другой цвет.
• Активная ссылка. Ссылка помечается как активная при щелчке по ней. Поскольку щелчок происходит достаточно быстро, подобное состояние ссылки весьма кратковременно. Цвет такой ссылки по умолчанию указан красный, можно сделать цвет другим.

• Ссылки на подключаемые ресурсы, (это ссылки, в которых не используется тег ) например тег
• .
• Ссылки на web-страницы, редирект (абсолютные и относительные).
• Внутренние ссылки (якоря).
• Ссылки для скачивания.

• Стандартная активная ссылка. Обычно оформляется как подчеркнутый сплошной линией текст, возможны варианты с выделением цветом, отличным от цвета остального текста. Иногда дополнительно делается разделение на внешние и внутренние ссылки.
• Неактивная ссылка. Ссылка указывается в виде текста, без выделений и прямого перехода.
• Функциональная ссылка (переключатель). Эти ссылки работают без перезапуска страницы, оформляются как подчеркнутые пунктирной линией.
• Ссылка, которая открывается в отдельном окне. Такие ссылки принято отображать в виде дополнительной иконки.

По коммерческой составляющей:

• Естественные ссылки. Анкоры, которые ведут на рекомендованный пользователю полезный документ (статью, новость, обзор и пр.). Являются наиболее авторитетными при ранжировании поисковыми роботами.
• Платные или неестественные ссылки. Это те же односторонние, однако их появление связано с определенными материальными затратами, поскольку платные ссылки — один из видов рекламы.

По формату обязательств:

• Односторонние ссылки с ссылкой на ваш контент. Не предполагают обратной (ответной) ссылки, к примеру, с вашего сайта на сайт партнера, установившего ссылку на ваш ресурс. Например, ссылки из директорий.
• Двусторонние или взаимные ссылки. Появляются в результате обмена веб-мастерами двух ресурсов линками (либо статьями, пресс-релизами и прочей информацией, содержащей ссылку) с целью повышения веса своего сайта, либо для привлечения дополнительной аудитории пользователей. Это могут быть также ссылки из каталогов веб-мастеров.

• Статическая ссылка имеет точный определенный адрес.
• Динамическая ссылка обращается к базе данных и имеет в своем адресе символы типа ?, = и т.п.

Также можно выделить другие виды ссылок:

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

Руководство по ссылкам в HTML

Из чего состоит ссылка

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