Як має виглядати урл

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

Ця стаття описує Єдиний локатор ресурсів або Uniform Resource Locators (URLs), пояснює, що це таке, та описує його структуру.

Попередньо:	Вам потрібно дізнатися як працює інтернет, що таке Веб сервер 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 - яка буде обговорювати пізніше - дозволяє активно використовувати URL для:

Примітка: При вказівці 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

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

Це найчастіший приклад використання абсолютного 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

У цьому випадку ми використовуємо команду ../ — успадковану з файлової системи 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 навіть без переходу на сторінку.
Пошукові системи можуть використовувати семантику для покращення класифікації сторінок.

Наступні кроки

Що таке URL-адреса сайту

Підніміть очі до адресного рядка браузера і ви побачите URL сторінки.

URL - це унікальна адреса, яка веде на ресурс в інтернеті. За його допомогою ви ділитесь цікавими веб-сторінками, публікацією з Instagram або відео на YouTube з друзями.

У цій статті розповімо, що таке URL-адреса, розглянемо її структуру та принцип роботи, а також розберемося, як дізнатися 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.

Зареєструйте свій домен з HOSTiQ.ua: це вигідно та зручно 🔥

✔️ Ми фіксуємо вартість доменів у доларах та зберігаємо її для продовження доменів у більшості зон. Ми не змінюємо ціну, як нам заманеться.

✔️ Ми реєструємо домени більш ніж у 1200 доменних зонах: якщо бажане ім'я зайняте у поширених зонах на кшталт .com або .net, ви точно знайдете вдалий аналог.

✔️ Разом із реєстрацією домену ви можете отримати безкоштовний хостинг із конструктором сайтів на місяць.

Порт

Протоколи працюють у парі з портами. Для протоколу 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-мітки, про які ми говорили на початку статті.

Якір

Якір - це посилання на іншу частину того ж ресурсу, наприклад, розділ статті або відео. Знаходиться якір після символу #.

Що таке URL-адреса web-сторінки: види, структура, правила оптимізації URL-адрес сторінок

URL-адреса сторінки – відображається в адресному рядку, вказує на розташування ресурсу/сторінки, а також впливає на SEO-просування. Розповідаємо, що означає URL, які види існують, як правильно оформити УРЛ, щоб отримати максимальну віддачу.

Що таке URL-адреса

URL (абревіатура від англійського Uniform Resource Locator, що означає "уніфікований покажчик ресурсу") - шлях до сторінок веб-сайту або конкретних документів. У браузері відображається автоматично, відвідувач може вручну прописати УРЛ, щоб вказати точний шлях.

Головна сторінка конструктора Крафтум має URL-адресу https://craftum.com

Дізнатись URL дуже легко: він завжди демонструється в адресному рядку браузера, незалежно від типу пристрою. Його можна скопіювати, а якщо користувач часто відвідує сторінку – під час введення перших літер із URL або назви проекту з'являться необхідні посилання.

Яку структуру мають URL-адреси

Сучасна URL завжди починається з протоколу – це HTTP або HTTPS: перший передає незашифровані дані, другий є найбезпечнішим, пов'язаний з отриманням сертифіката SSL/TLS. За промовчанням протокол не видно в адресному рядку, якщо використовується HTTP і немає SSL – може з'явитися інформація про те, що з'єднання не є захищеним (вказує на ризик витоку даних). Таке повідомлення є критичним для сайтів, на яких користувачі здійснюють оплату або ж діляться особистою інформацією (паспорт, номер телефону або щось інше). Для уточнення протоколу необхідно клацнути лівою кнопкою миші в адресному рядку або скопіювати, а потім вставити посилання.

Посилання з протоколом https після копіювання

Крім цього, URL може містити:

FTP – відкривається файловий сервер. Можуть вказуватися пароль та логін, необхідні для входу до облікового запису;
Mailto – команда для надсилання листа на вказаний email;
File - Відкриття файлу з персонального комп'ютера.

Друга частина - доменне ім'я сайту, іноді - IP або номер порту, третя - шлях до сторінки, що відкривається.Якщо представлені документи великого обсягу, розділені на розділи, – в УРЛ використовується решітка (#): вона з'явиться під час вибору певного заголовка/абзацу. Наприклад, відкриваємо у Вікіпедії статтю «Конструктор сайтів», клацаємо на розділ і бачимо посилання з ґратами.

Виділимо інші символи, які можуть використовуватися в URL:

"=" - Відокремлює змінні від поточних значень;
"?" - Поділяє блок зі змінними;
«&» – відповідає за параметри, які передаються один одному;
«@» – застосовується в інформації для аутентифікації користувачів та у разі схеми mailto.

Які види URL-адрес існують

Статичні

Йдеться про постійні адреси, які залишаються незмінними протягом усього часу існування. Власник сайту має право змінювати їх, але без втручання посилання зберігають вихідний вигляд.

Динамічні

Забезпечена генерація під запити, містять символи («?», «=» та інші), після яких доступні додаткові параметри сторінки. Використовуються у разі коли відвідувач сайту здійснює сортування товарів в інтернет-магазині, застосовує фільтри або внутрішній пошук.

Як виглядає динамічна URL-адреса

Який тип УРЛ краще вибрати

З точки зору пошукової оптимізації оптимальним рішенням стають статичні URL: вони стабільні, містять СЕО-слова і є легкочитаними. Динамічні сильно програють їм через низку факторів:

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

Формати URL

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

Транслітерація – написання слів із однієї мови літерами іншої. Найбільш популярний спосіб складання УРЛ: адреса є зрозумілою як для користувачів, так і для пошукових роботів, зберігає читання та акуратність після копіювання посилання. Наприклад, нам потрібно оформити назву сторінки "як просувати сайт", використовуємо онлайн-транслітератор і отримуємо: "kak-prodvigat-sajt". Написано на латиниці, але все одно зрозуміло для російськомовної аудиторії, яка звикла до кирилиці.

Ще один плюс - пошукові системи чудово розпізнають ключові запити, інтегровані в URL за допомогою трансліту. Посилання стає логічним і не надто довгим, а структура відмінно проглядається: для переходу до попереднього розділу легко видалити частину адреси та натиснути клавішу enter.

Як виглядає транслітерація

Кирилиця в URL-адресах

Тут все зрозуміло: частина або весь URL прописуються російською. Кирилічні адреси добре читаються і запам'ятовуються, а дефіциту при виборі домену ні, що зумовлено низькою популярністю цього формату. Не менш просто інтегрувати в УРЛ будь-які ключові слова, що відповідають як тематиці всього сайту, так і певній сторінці. Є мінус, він досить значний: у рядку браузера посилання виглядає коректно, після копіювання і вставки - втрачає вихідний вигляд і трансформується в набір символів, що не читається.

УРЛ на кирилиці до та після копіювання

Спотворення пов'язане з тим, що для написання URL можливе використання стандартного набору символів, куди кириличні не входять. Звичайно, лінки зберігають працездатність, але шифруються, тому при копіюванні видозмінюються. З інших мінусів – складність сприйняття зарубіжної аудиторії, і навіть проблеми під час читання пошуковими роботами.Фінішні посилання, що надсилаються, наприклад, електронною поштою або в месенджерах, виглядають ненадійно і не дають уявлення про те, куди ведуть.

Латиниця

Слова, якщо ми говоримо про УРЛ для російськомовної аудиторії, перекладаються англійською. "Взуття" трансформується в черевики, "меблі" - в furniture і так далі. У Рунеті латиниця застосовується найчастіше для позначення рубрик та категорій, наприклад, на сайті конструктора Крафтум база знань має URL із приставкою help (https://craftum.com/help/), а ось УРЛ для статей у блозі оформлені із залученням транслітерації. Латиниця – універсальне рішення, але допустиме комбінування різних варіантів написання з урахуванням обраної стратегії оптимізації та зручності користувачів.

Що таке людинозрозумілі URL-адреси

Людинозрозумілі УРЛ (ЧПУ) рекомендують формувати пошукові системи: вони легко зчитуються роботами і залишаються зрозумілими для людей. Наприклад розглянемо два варіанти:

http://site.ru/viewpage.php?page_id=218 - складно визначити, куди веде це посилання і чи варто в принципі по ньому кликати;
https://site.ru/catalog/mebel-dlya-gostinoy/myagkaya-mebel/ - інша справа, URL підкреслює, що користувач потрапить у конкретний розділ каталогу меблів для вітальні.

Перший УРЛ ні про що не розповідає користувачеві, другий – людинозрозумілий. ЧПК у питанні клікабельності та участі у SEO-просуванні мають низку істотних переваг:

їх зручно відправляти у повідомленнях, а також диктувати – адреса співзвучна та легка для сприйняття;
відмінна запам'ятовуваність;
сумісність із ключовими запитами;
спрощена навігація: відвідувач видаляє частину адреси, щоб перейти з картки товару, наприклад, до загального каталогу.

При формуванні людинозрозумілих УРЛ варто керуватися низкою загальних правил:

застосування транслітерації – це щось середнє між кирилицею та латиницею: слова написані літерами з іншої мови, але залишаються зрозумілими для всіх російськомовних користувачів + коректно відображаються при копіюванні-вставці. При формуванні великої кількості URL зручно задіяти онлайн-сервіси для автоматичного трансліту, багато хто підтримує масову обробку;
відмова від застосування зайвих символів (питання, однаково та інші), а також заміна розділових знаків на дефіси («-» не ставиться на початку і в кінці адреси). До речі, дефіси кращі, ніж нижні підкреслення;
прагнення створення коротких УРЛ;
інтеграція ключових запитів, які роблять URL більш конкретним та корисним для цільової аудиторії.

Існує кілька варіантів структури ЧПУ:

основна URL-адреса + назва сторінки: http://site.com/contacts/;
основний URL + шлях: https://site.com/blog/kak-sozdat-sajt/.

Розберемо покрокову структуру ЧПУ:

https (іноді http) – протокол, свідчить про спосіб передачі між клієнтом і хостом;
одинарний або подвійний слешер "//" - своєрідні розділові знаки, що розділяють складові частини посилання;
префікс www, який сьогодні може застосовуватися, так і немає. Раніше впроваджувався для позначення розміщення в Інтернеті, проте сайти з префіксом і без нього можуть вважатися різними. Тут потрібно орієнтуватися на правила пошукової системи, наприклад, в Яндекс на етапі створення ресурс вже має одне дзеркало з www (з префіксом або без, при введенні посилання відкривається той самий сайт);
доменне ім'я - Назва проекту, зареєстрована до запуску;
домен певного рівня - Це .com, .ru, .msk.ru та інші;
розділ, наприклад, blog, категорія- Design, назва сторінки (на неї веде посилання) – cvet-v-veb-dizajne.

В УРЛ бажано впроваджувати ключові слова, особливо якщо йдеться про сторінки каталогів, блогів та подібних.