Заблукати можна не тільки в лісі, але і в онлайні. І виною тому може стати неправильний шлях або адресу, ведучий до ресурсу. Ви не знаєте, що таке URL — адреса? Тоді, перш ніж вирушати в подальшу подорож по віртуальному простору, давайте розберемося з системою електронних адрес:

Що таке URL

URL є загальноприйнятим стандартом запису адреси і вказівки на розташування ресурсу в інтернеті. З англійської його назва (Uniform Resource Locator) перекладається як єдиний покажчик ресурсів. Можна зустріти більш ранню розшифровку абревіатури URL — Universal Resource Locator (універсальний локатор ресурсів). Але обидва значення скоріше доповнюють поняття URL, ніж суперечать один одному.

Основний формат запису структури URL адреси виглядає так:
://:@:/?#
— найчастіше мається на увазі протокол.
логін – логін користувача, який використовується для авторизації на ресурсі.
пароль – пароль користувача для авторизації.
хост – доменне ім’я хоста.
порт – порт хоста, використовуваний під час підключення.
URL– шлях, по якому зберігається запитаний ресурс на сервері.
параметри і якір – значення змінних і ідентифікатор на певному ресурсі.

Передача значення змінних в рядку запиту можлива лише з допомогою методу GET.

Розглянемо формат URL адреси сторінки запитуваного ресурсу на практичних прикладах. На клієнтській стороні URL відображається в адресному рядку браузера:

Що таке URL-адреса і як з ним працювати

Найчастіше зустрічаються такі варіанти:

  • http:// ru.wikipedia.org/wiki/Заглавная_страница – для передачі запиту використовується http — протокол передачі гіпертексту);
  • https://ru.wikipedia.org/wiki/Заглавная_страница — як способу передачі використовується https. Є захищеною формою протоколу http, що використовує шифрування (SSL або TLS);
  • fttp://wikipedia.org/wiki/file.txt – протокол передачі файлів fttp;
  • http://mail.ru/script.php?num=10&type=new&v=text – передача значень змінних в рядку запиту за допомогою методу GET.

Будь формат URL являє собою, насамперед, символьну рядок. До її складу можуть входити:
2; Латинські літери.
2; Арабські цифри (0-9).
2; Зарезервовані символи («+», «=», «!» та інші).
2; Спеціальні символи – на них зупинимося більш докладно:

Що таке URL-адреса і як з ним працювати

Використання спеціальних символів URL

Звичайно, таких аж надто спеціальних символів в URL не використовують. Але дещо є:

  • ? – служить для відділення в рядку запиту блоку з переданими параметрами;
  • & — відокремлює передані параметри один від одного;
  • = — відокремлює в параметрі змінну від її значення;
  • : — служить для відділення протоколу від іншої частини URL;
  • # — символ використовується в локальній частині адреси. Дозволяє звернутися до певної частини запитуваної сторінки;
  • @ — вказується в реєстраційних даних користувача і при передачі даних за допомогою протоколу mailto.

Але все це лише теорія. Тому перед тим, як дізнатися інше, розглянемо невеликий практичний приклад.

Наочний приклад

Візьмемо для наочності ось таку просту форму реєстрації:

Що таке URL-адреса і як з ним працювати

Ось її код:

.one{
background-color: rgb(153,255,204);
width: 250px;
height: 250px;
border: double 5px;
}

Форма реєстрації



Введіть свій нік:




Введіть свій вік:





Першим рядком початку форми ми прописали для неї файл обробника (php) і метод передачі даних через URL — адреса сервера:

Що таке URL-адреса і як з ним працювати

Тепер наведемо код файлу обробника (1.php):

Ваш Нік:».$_GET[«nick»].»

«;
echo «

Ваш вік:».$_GET[«age»].»

«;
?>

Введемо дані в форму і відправимо їх на сервер. Ось що ми отримаємо в результаті:

Що таке URL-адреса і як з ним працювати

Зверніть увагу на формат URL в адресному рядку на першому скріншоті. Після введення даних і натиснення на кнопку «Відправлення даних» значення всіх полів відправляються для обробки на сервер. А нас перенаправляє на сторінку 1.php, де розміщений код обробника.

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

Для того щоб приховати дані надсилаються на сервер, використовується метод POST. Тоді наведений вище URL буде виглядати наступним чином:

http://localhost/home/1.php.

Формат URL адрес на сайтах

Найчастіше на сайтах використовується деревоподібна система URL. Тобто правильний URL — адреса складається з декількох вкладених один в одного елементів, останній з яких і є потрібною веб-сторінкою.

Для наочності візьмемо конкретний URL, що є одним з розгалужень адреса нашого сайту:

http://www.internet-technologies.ru/templates/page_2.html

Що таке URL-адреса і як з ним працювати

Розберемо його по частинах:

  • www.internet-technologies.ru – ця частина є доменним ім’ям сайту. Якщо набрати його в адресному рядку браузера, то воно виведе на головну сторінку сайту. У більшості випадків це файл index. html;
  • templates – дана частина адреси вказує на певний розділ сайту. У нашому випадку це розділ з шаблонами;
  • page_2.html – є кінцевим елементом URL, що веде на веб-сторінку тематичного розділу ресурсу.

Найчастіше URL адреси основних розділів повністю відображають карту сайту. Але не все так просто йде з переадресацією на сайтах, розгорнутих на основі популярних движків (CMS).

Особливості побудови URL-у WordPress

В WordPress, як і в будь-якому движку, побудованому на php, генерація всіх сторінок сайту відбувається динамічно. Тобто одна частина береться з одного шаблону, інша генерується «на льоту» на основі декількох…. Але така летючість має один істотний недолік – наявність шматків переданих параметрів в URL.

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

Що таке URL-адреса і як з ним працювати

Тому краще використовувати на своєму сайті чисті URL адреси. Але де взяти їх, якщо CMS система не передбачає можливості їх редагування.

Чисті URL – це адреса, що не містять у собі переданих параметрів (у випадку з WordPress – елементів запитів до бази даних), а лише шлях до документа. Тобто http://www.internet-technologies.ru/templates/page_2.html є прикладом чистого URL.

Самий простий спосіб налаштування відображення URL в WordPress – це використання спеціалізованих модулів:

  • Cyr-To-Lat – перетворює російські символи в адресах в латиницю;
  • Permalink Editor – додає додаткові опції для налаштування через адмінку (розділ «Постійні посилання»);
  • .html on pages – прибирає розширення html c кінця URL.

Ну а якщо і це не допомагає, то потрібно лізти власними руками в саме серце CMS. Але це вже тема іншої і більш великого за обсягом матеріалу.