Что такое URL? Все про 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-адрес выглядит так:

Протокол HTTPS не отображается в Chrome

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

Протокол HTTPS отображается в Chrome

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

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

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

Прочитать статью — хорошо, а прочитать статью

и посмотреть видео — еще лучше!

Смотрите наше видео о том, что такое HTTP и HTTPS!

Доменное имя

Домен помогает браузеру найти веб-сервер, где расположен ресурс, с помощью DNS.

Что такое домен в ссылке

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 — это постоянный адрес, который не меняется. Он обычно не содержит никаких параметров URL. Выглядит статический URL вот так: http://www.example.com/kharkiv/­ab­out.html 

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

📌 Динамические адреса страниц генерируются в ответ на запросы пользователей. Пример: http://example.com/dresses?color=red&size=m 

В примере видно, что динамические адреса содержат разделители «?», «=», «&», после которых отображаются дополнительные параметры страницы.

Динамические адреса можно встретить на сайтах, построенных на CMS. Контент сайта хранится в базе данных и выводится для отображения на страницах по запросу. Также динамический URL формируется, когда вы пользуетесь фильтрами или поиском на сайте.

Форматы URL 

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

Рассмотрим следующие форматы URL: 

• транслитерация, 
• латиница, 
• кириллица,
• ЧПУ.

Транслитерация

Такие адреса легко читать и запоминать. Пример:  https://hostiq.ua/blog/hosting/chto-takoe-hosting  

Здесь сразу можно сделать вывод, что страница ответит на вопрос «Что такое хостинг?». Поисковые системы легко распознают в подобных адресах ключевые слова, что также положительно влияет на SEO.

Латиница

Это URL-адреса, переведенные на английский язык. Пример:  https://hostiq.ua/blog/hosting/what-is-hosting  

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

Кириллица

Такие адреса содержат в себе кириллические буквы. Пример:  https://hostiq.ua/blog/hosting/что-такое-хостинг  

Этот формат используют чаще всего в паре с интернационализированными доменными именами.

Интернационализированные, или IDN домены — это имена, зарегистрированные с символами национального алфавита государства. Например, национальный-банк.укр полностью состоит из кириллических символов.

Кириллические URL имеют существенный недостаток. При копировании и вставке его в сообщение для отправки кому-либо, вы получите непонятный набор знаков: https://hostiq.ua/blog/hosting/­%D0%9F%D1%80%­D0%BE%D1%82%­D0%BE%D0%­BA%D0%BE%­D0%BB.  

Такая автозамена происходит, потому что существует перечень допустимых символов для использования в URL. Буквы кириллического алфавита туда не входят. Минусом будет не только длина ссылки. Поисковым роботам тяжелее распознавать такие адреса, что влияет на SEO.

ЧПУ

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

Стандартный URL-адрес	Семантический URL-адрес
http://example. com/?continent=3&country=15&city=54	http://example.com/europe/urkaine/kiev

Второй вариант URL-адреса сразу дает понять, что мы найдем информацию о Киеве, то есть очевиден контекст. Такие ссылки удобны в навигации: интуитивно понятно, какой кусок стоит убрать, чтобы увидеть перечень европейских стран.  

Семантические URL также оказывают положительный эффект на SEO. Поисковые системы распознают ключевые слова в них и страница поднимается в выдаче. 

Сокращенные ссылки

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

Следуйте нескольким правилам:

• Используйте только проверенные инструменты для сокращения URL-адресов, например Bitly. Ненадежные сервисы могут закрыться через месяц. Тогда ваши сокращенные ссылки перестанут работать: перейти на исходный URL не получится. 
• Не используйте сокращенные URL-адреса для гиперссылок. URL в любом случае скрыт за текстом.
• Сокращенные ссылки в основном полезны для публикации в социальных сетях, для текстов email-рассылок и в видео. Не используйте их повсюду. Некоторые пользователи не доверяют сокращенным ссылкам и, как следствие, не переходят по ним.
• Если URL-адрес уже короткий, например hostiq.ua/blog/what-is-url/, лучше поделиться исходной версией. 

Статья по теме:

Как быстро сократить ссылку: 8 сервисов

Читать статью

Как узнать URL сайта

Есть несколько способов, которые помогут определить URL-адрес ресурса. 

Наиболее простой — скопируйте URL из адресной строки в браузере. Для этого кликните левой кнопкой мыши по URL и используйте комбинацию клавиш CTRL+C. 

Если же вам нужен URL-адрес изображения, кликните правой кнопкой мыши по картинке и выберите из контекстного меню опцию «Copy image address»:

Как скопировать ссылку на картинку

Похожие действия нужно проделать, если хотите получить ссылку, спрятанную в текст. В этом случае из контекстного меню выберите опцию «Copy link address»:

Как скопировать ссылку, спрятанную в текст

После копирования ссылка перемещается в буфер обмена. Используйте ее в новой адресной строке. Также ее можно переслать в сообщении или разместить в текстовом документе.

Советы по созданию URL

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

📍 Также обратите внимание на несколько рекомендаций:

• Используйте ключевые слова. Это поможет в продвижении вашего сайта. Но не стоит злоупотреблять ими: поисковые системы могут заподозрить сайт в спамных методах продвижения. 
• Не используйте большое количество символов в URL-адресе. В качестве альтернативы используйте инструменты для сокращения ссылок.
• Используйте буквы латинского алфавита в ссылках. Такие страницы легче продвигать в поисковых системах.
• Замените нижнее подчеркивание «_» в URL-адресе на дефис «-».
• Используйте только нижний регистр в ссылке.
• Избегайте пробелов, знаков препинания и лишних символов.

Введите имя для вашего сайта
и проверьте, в какой зоне домен свободен для регистрации

Проверить домен

Что запомнить о URL

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

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

Что такое URL (урл)

Uniform Resource Locator переводится как «уникальный указатель ресурса», который является стандартным способом записи адресов в интернете. Любой url — единственный и неповторимый. Он представляет собой указание веб-ресурса или отдельной его страницы, по которому её можно открыть из любой точки земного шара.

URL (урл) – это уникальный адрес страницы в интернете, по которому она открывается. Состоит из букв, цифр и знаков без пробелов.

Как его узнать

Зачем вообще его знать? Например, когда нужно отправить ссылку на какую-то статью другому человеку. Или если хочется поделиться чем-то в социальной сети – заметкой, видеороликом. Ведь собственный (уникальный) адрес есть у всего, что размещается в интернете. Даже у картинки или записи в соцсети.

Между прочим, ссылка – это и есть урл: длинная и не очень понятная надпись, по которой открывается какая-то информация.

URL страницы сайта. Адрес определенной страницы написан вверху браузера (программы для интернета) — в верхней строке. Покажу на примере статьи, которую вы сейчас просматриваете. Вот ее урл:

Значит, текст, который вы сейчас читаете, доступен по ссылке: neumeka.ru/url.html

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

А потом щелкнуть правой кнопкой мыши туда, куда его нужно добавить, и выбрать «Вставить».

После отправки он станет обычной ссылкой, по которой откроется эта страница.

URL фотографии или картинки. Сначала открываем (увеличиваем) изображение — для этого просто щелкаем по нему левой кнопкой мыши. Затем внутри нажимаем правую кнопку мыши.

Здесь есть два варианта. Можно скопировать ссылку на картинку через специальный пункт в меню или открыть изображение в новой вкладке и скопировать урл оттуда – из верхней строки. Ну а дальше всё так же: вставляем эту ссылку куда надо и отравляем.

Адрес видео. Щелкаем по видео правой кнопкой мыши и выбираем «Копировать ссылку на видео» или какой-то похожий пункт.

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

URL публикации в социальной сети

Бывает, нужно отправить ссылку на пост в социальной сети. Например, вы наткнулись на интересную статью в какой-то группе и хотите поделиться ею. В рамках самой соцсети можно просто сделать репост. Но иногда нужно переправить ее кому-то, кто там не зарегистрирован.

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

Во Вконтакте и Фейсбуке по-другому: нужно нажать на дату публикации. Она написана под именем/фамилией (названием группы).

Запись откроется в полном формате. После этого точно так же копируем ее из строки браузера.

Но можно сделать и проще: правой кнопкой по дате публикации – Копировать адрес ссылки.

Копирование русских url’ов

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

И вот с русскими частенько возникают проблемы при копировании. Точнее, копирование происходит как обычно, а вот при вставке получается абракадабра. Например, должно быть вот так: https://ru.wikipedia.org/wiki/Электронная_почта. А получилось вот что: https://ru.wikipedia.org/wiki/%D0%AD%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%D0%BF%D0%BE%D1%87%D1%82%D0%B0

Это связано с особенностями разных браузеров – Opera, например, такие ссылки нормально копирует, а вот Google Chrome — нет.

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

А потом отдельно выделяем и копируем русскую часть.

Ну, и вставляем ее после английской. А только потом это все это отправляем (публикуем). Главное, чтобы между обеими частями не было пробелов, иначе адрес может не открыться.

Если урл не открывается

Бывает, при переходе по ссылке, нужная страница не открывается. Выдается ошибка 404, которая означает, что такой страницы не существует. Чаще всего это происходит из-за того, что адрес был скопирован с ошибкой. Обычно потому, что где-то в нем случайно поставлен пробел. Вот, например, такой адрес:

Если я где-то в нем поставлю пробел и так опубликую, то при переходе по данной ссылке, страница открываться не будет. Всё из-за того, что пробел не игнорируется, а преобразуется вот в такую штуку — %20

А по данному адресу действительно страницы нет. Ведь каждый урл уникален. Выход: убрать %20. Тогда страница будет открываться.

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

Структура

Разберемся, из каких частей состоит вот этот урл: https://neumeka.ru/arhiv_urokov.html

https:// – протокол передачи данных. Также бывает таким http:// и http://www. Или таким https://www.

neumeka.ru – название сайта, то есть его уникальный адрес в интернете. Может быть и русскоязычным.

arhiv_urokov.html – уникальное название страницы, на которой вы находитесь в рамках этого сайта. Может быть русским и без префикса (например, просто arhiv_urokov без .html). Бывает, эта часть содержит в себе различные параметры. Например: moskwa?sel=35167#sun

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

Автор: Илья Кривошеев

Что такое URL? — Изучите веб-разработку

В этой статье обсуждаются унифицированные указатели ресурсов (URL), объясняются, что они из себя представляют и как они структурированы.

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

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

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

 https://developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Learn/
https://developer.mozilla.org/en-US/search?q=URL
 

Любой из этих URL-адресов можно ввести в адресную строку браузера, чтобы указать ему загрузить соответствующую страницу (ресурс).

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

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

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

Первая часть URL-адреса — это схема , которая указывает протокол, который браузер должен использовать для запроса ресурса (протокол — это установленный метод обмена или передачи данных по компьютерной сети). Обычно для веб-сайтов используется протокол HTTPS или HTTP (его незащищенная версия). Для адресации веб-страниц требуется одна из этих двух, но браузеры также знают, как обрабатывать другие схемы, такие как 9.0067 mailto: (чтобы открыть почтовый клиент), так что не удивляйтесь, если увидите другие протоколы.

Далее следует орган , который отделен от схемы символьным шаблоном :// . Если присутствует, полномочия включают в себя как домен (например, www. example.com ), так и порт ( 80 ), разделенные двоеточием:

• Домен указывает, какой веб-сервер запрашивается. Обычно это доменное имя, но может использоваться и IP-адрес (но это редко, так как гораздо менее удобно).
• Порт указывает на технические «ворота», используемые для доступа к ресурсам на веб-сервере. Обычно он опускается, если веб-сервер использует стандартные порты протокола HTTP (80 для HTTP и 443 для HTTPS) для предоставления доступа к своим ресурсам. В противном случае это обязательно.

Примечание: Разделителем между схемой и полномочиями является :// . Двоеточие отделяет схему от следующей части URL-адреса, а // указывает, что следующая часть URL-адреса является авторитетной.

Одним из примеров URL-адреса, который не использует полномочия, является почтовый клиент ( mailto:foobar ). Он содержит схему, но не использует компонент полномочий. Таким образом, за двоеточием не следуют две косые черты, и оно действует только как разделитель между схемой и почтовым адресом.

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

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

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

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

Язык HTML, который будет обсуждаться позже, широко использует URL-адреса:

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