Структура адреса URL и назначение его компонентов

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

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

Давайте разберем все составные части URL и то, как каждая из них помогает ориентироваться в сети.

Что такое URL?

URL расшифровывается как «uniform resource locator», то есть «единый указатель ресурса». Это техническое название интернет-адреса. Чаще всего он указывает на целевую страницу в веб-домене, таком как Shopify.com, и использует понятные для человека имена, которые соответствуют числовым IP-адресам. URL может вести на другую страницу того же сайта или на совершенно другой домен.

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

Например, внутри этой гиперссылки на Shopify скрыт URL https://shopify.com. Когда вы наводите курсор мыши на эту гиперссылку, URL появляется в строке состояния в нижней части окна браузера или во всплывающем окне рядом с курсором. Видимый текст «Shopify» — это знакомое обозначение общего расположения, но браузеру для перехода к точному месту нужен именно URL-адрес ссылки: https://shopify.com.

Основные части URL

• Протокол
• Поддомен
• Корневой домен
• Путь
• Подкаталог
• Слаг

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

Протокол

Первая часть URL — это протокол, который также называют схемой. Протокол определяет, как ваш браузер должен интерпретировать и отображать ресурс. Наиболее распространенные протоколы — http:// и https://.

HTTP расшифровывается как hypertext transfer protocol (протокол передачи гипертекста) — основа всех сайтов. HTTPS по сути то же самое, но с добавлением буквы «S» (secure, «безопасный»), что означает: сайт прошел аутентификацию и имеет SSL/TLS-сертификат. Информация, введенная на странице HTTPS (например, пароли), надежнее защищена, поскольку данные шифруются. Некоторые сайты по-прежнему используют HTTP, но он более уязвим для кибератак. Так как часть пользователей воспримет HTTP как слишком рискованный, для интернет-магазина лучше использовать HTTPS. В магазинах Shopify HTTPS включен по умолчанию.

URL также может указывать не только на веб-страницы, но и на другой тип ресурса в интернете (например, размещенный на сервере файл PDF), используя различные протоколы, описанные ниже. Тем не менее протокол передачи гипертекста (HTTP) — схема, которая отличает страницы сайтов от других ресурсов, — и его защищенная версия (HTTPS) являются самыми распространенными типами URL.

Следующие протоколы не так популярны, как HTTPS, но полезно знать об их существовании:

• FTP (file transfer protocol, протокол передачи файлов) — для перемещения файлов между компьютерами клиента и сервера;
• SMTP (simple mail transfer protocol, простой протокол передачи почты) — протокол почтового сервера;
• IRC (internet relay chat) — протокол текстового чата;
• File — указывает на файлы на вашем локальном компьютере;
• Gopher — ранняя клиент‑серверная система, основанная на меню и предназначенная для просмотра документов, приложений и серверов; она появилась до интернета;
• Gemini — легкий и простой протокол, для доступа к сетевым ресурсам которого (Geminispace) требуется специальное клиентское приложение.

Поддомен

Далее следует поддомен — необязательная часть URL, которая обозначает категорию внутри общего пространства вашего сайта. Например, поддомен help находится внутри корневого домена shopify.com в этом URL: help.shopify.com.

Использование поддоменов — удобный способ упорядочить контент на сайте. Вот несколько примеров распространенных поддоменов:

• блог;
• новости;
• помощь или поддержка;
• сообщество.

Например, видя URL https://community.shopify.com, посетители с первого взгляда понимают, что заходят в раздел обсуждений сообщества Shopify.

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

Корневой домен

Часть с корневым доменом обязательна. Она состоит из двух частей: домена второго уровня (SLD) и домена верхнего уровня (TLD).

• Домен второго уровня. Домен второго уровня — это уникальное имя, которое вы зарегистрировали для своего магазина или сайта у регистратора доменных имен. Считайте его основным доменом, где размещается название вашего бренда, например Nike или Adidas.
• Домен верхнего уровня. Домен верхнего уровня обозначает общую категорию сайта, например .com (коммерческий), .org (организация), .edu (образовательный) или .net (компьютерная сеть).

Например, корневой домен Shopify.com включает домен второго уровня «Shopify» и домен верхнего уровня «.com». Использование названия вашей компании в качестве домена второго уровня и .com в качестве домена верхнего уровня будет соответствовать ожиданиям клиентов от интернет-магазина.

Путь

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

https://www.shopify.com/by/blog

В этом пути указывается подкаталог «blog», где размещаются все страницы блога.

Подкаталог

После корневого домена идет подкаталог, который можно представить как подпапку в файловом каталоге. Подкаталог дает больше контекста о том, чем URL отличается от других разделов сайта. Например, https://www.shopify.com/pricing ведет пользователей в раздел тарифов сайта Shopify. С первого взгляда понятно, что этот URL посвящен стоимости подписки Shopify.

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

Вы можете назвать подкаталог как угодно, но название должно быть осмысленным и точным ради удобства пользователей. Например, названия подкаталогов вроде catalog, blog, pricing, shipping и help распознаются мгновенно.

Слаг

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

Например, адрес https://www.shopify.com/blog/topics/marketing состоит из двух подкаталогов (blog и topics) и заканчивается слагом «marketing». Это говорит о том, что есть страница о маркетинге, вложенная в раздел topics, который, в свою очередь, вложен в подкаталог blog.

Дополнительные части URL

• Порт
• Запрос
• Параметры
• Фрагмент

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

Порт

Порт определяет тип соединения, необходимого для доступа к конкретному приложению или сайту на веб-сервере. У каждого протокола есть свой номер порта. Вот несколько примеров:

Номер порта размещается после корневого домена и перед путем, вот так:

https://www.shopify.com:443/by/blog/topics/маркетинг

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

https://www.shopify.com/by/blog/topics/маркетинг

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

Запрос

Если URL содержит вопросительный знак, это означает, что пользователь ввел поисковый запрос. Проще всего объяснить запрос на примере. Допустим, пользователь ищет в блоге Shopify «Apple Pay». В таком случае формируется следующий URL:

https://www.shopify.com/by/blog/search?q=apple%20pay

Запрос начинается с «search?». Символ «%20» обозначает пробел между словами. «?» просит веб-сервер найти эту поисковую строку и вернуть соответствующие результаты.

Параметры

Параметр, также называемый строкой запроса, — это пара «ключ — значение». Параметров может быть несколько, они разделяются амперсандом (&). Параметры полезны для поиска товаров или отслеживания активности, например маркетинговых кампаний в Google Analytics.

Теперь разберем базовое устройство параметров URL. В следующем примере у нас три пары «ключ — значение», разделенные амперсандами:

https://www.saguaro.com/search?q=hiking&options[prefix]=last&type=product

• «Search?» задает строку запроса.
• Первая пара «ключ — значение» — поисковый запрос «q=hiking», который сообщает, что клиент искал обувь для походов.
• Вторая пара техническая и малопонятная: «options[prefix]=last» может означать, что поисковая функция использует массив или объект под названием options со свойством «prefix», — это скорее понятно веб-разработчикам, чем обычным пользователям.
• Третья пара «ключ — значение» определяет тип поиска — в данном случае поиск товара.

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

Фрагмент

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

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

Например, в https://www.shopify.com/enterprise#contact-sales фрагмент #contact-sales переносит к контактной форме на странице для предприятий.