--- title: Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4 description: Безкоштовний відеоурок українською мовою з самостійної розробки вебсайту на Joomla 4: створення пунктів меню та головної сторінки сайту в SP Page Builder 4 canonical_url: https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu language: uk-UA date: 2025-02-27T07:13:39Z notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu. markdown-tokens: 2297 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. Featured # Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4 - [Відеоурок](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#videourok "Відеоурок"). - [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку"). - [URL, псевдоніми](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#url-psevdonimi "URL, псевдоніми"). - [Рекомендації стосовно URL адрес](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#rekomendacii-stosovno-url-adres "Рекомендації стосовно URL адрес"). - [Рекомендації стосовно імен файлів та тек](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu#rekomendacii-stosovno-imen-fayjliv-ta-tek "Рекомендації стосовно імен файлів та тек"). **Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).** ## Відеоурок - Додавання модулів у підвал сайту – 00:01:05. - Створення пунктів меню в Joomla 4 – 00:02:43. - Створення головної сторінки сайту в SP Page Builder 4 – 00:03:53. - Перевірка сторінки на телефоні – 00:27:16. Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту"). ## Посилання та розширення з відеоуроку - [Попередній відеоурок](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4 "Відеоурок 2. Самостійна розробка сайтів на Joomla 4"). У попередньому відеоуроці «[Відеоурок 2. Самостійна розробка сайтів на Joomla 4](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4 "Відеоурок 2. Самостійна розробка сайтів на Joomla 4")» ми розглянули питання щодо встановлення розширень, налаштувань шаблону, попрацювали з модулями, створили шапку та підвал сайту, а також попрацювали з компонентом галереї SP Easy Image Gallery. У цьому відео навчимося створювати пункти меню та розглянемо роботу з конструктором контенту SP Page Builder 4 Lite на прикладі створення головної сторінки сайту. **Примітки щодо відеоуроків.** Наприкінці кожної статті з відеоуроком можуть бути надані посилання на додаткові матеріали та посилання на завантаження різних розширень, які використовувалися у відео (якщо такі були). В уроці бере участь остання доступна мені, на момент написання статті (06.01.2023), версія Joomla 4.2.6 українською мовою, шаблон та фреймворк Helix Ultimate 2.0.11 та конструктор контенту SP Page Builder 4.0.7 Lite. ## URL, псевдоніми URL-адреси – важлива складова будь-якого сайту. Особливо це важливо щодо пошукових систем. Якщо спочатку створити неправильну/невдалу структуру URL-адрес, то надалі будуть труднощі та проблеми з її зміною. У Joomla URL адреси сторінок, за великим рахунком, формуються на основі меню. У більшості випадків, особливо зі стандартними розширеннями Joomla URL-адреси сторінок повторюють вкладеність пунктів меню (ієрархію) і містять їх псевдоніми (аліаси). Псевдонім (аліас) – слово (або словосполучення), яке використовується для створення скороченої URL-адреси (англійською SEF – дружні URL-адреси для пошукових машин). Псевдоніми можна задавати під час створення матеріалів, пунктів меню, категорій та інших елементів (рисунок нижче). ![Розробка вебсайту](https://aleksius.com/images/joomla/stvorennya-ta-administruvannya-sayjtu/rozrobka-veb-sayjtu.png) Розробка вебсайту Приклад звичайної URL-адреси: `https://domen.ua/index.php?option=com_content&view=article&id=19` Приклад SEF URL адреси: `https://domen.ua/holovna-storinka` І в першому, і в другому випадку адреса веде на ту саму сторінку. У першому випадку, у звичайному URL, видно параметри запиту до бази даних: компонент, категорія, макет сторінки, ID матеріалу. ID – це унікальний номер запису/елемента у межах однієї таблиці бази даних. У моєму прикладі «19» – це ID статті Joomla. SEF URL, як правило, більш кращі з таких причин: 1. Зрозуміліше людям. Легше запам'ятати, записати, продиктувати телефоном. 2. Кращі для SEO. Можна використовувати ключові слова в URL, які красивіше відображаються в результатах пошукової видачі. 3. Безпечніше, тому що не показують запит до бази даних, чим ускладнюють зловмисникам процес злому. Як правило, SEF URL-адреса формується на підставі псевдонімів усіх «рівнів». Наприклад, є пункт меню – «Блог», тип *Список категорії*. Його псевдонім – «blog». Він виводить статті з категорії «Блог». У цій категорії є стаття «Виставка 2023». Псевдонім цієї статті – «vistavka-2023», ID статті – «5». Кінцева URL-адреса сторінки статті така: «https://domen.ua/blog/5-vistavka-2023». У Joomla 4 є можливість відключення відображень ID статті в URL. Для цього в *Зміст – Статті – Параметри – Інтеграція* увімкніть опцію *Видалити ідентифікатори з URL*. Але не всі URL-адреси сторінок формуються на основі структури меню і не все можна з легкістю змінити. Це залежить від кожного конкретного компонента та типу пункту меню. У сторонніх компонентів можуть бути свої опції та принципи формування URL-адрес. Також існують сторонні компоненти для керування URL-адресами. Наприклад, 4SEF. ## Рекомендації стосовно URL адрес Ці рекомендації можна використовувати не тільки для формування URL-адрес, але й для формування структури директорій сайту, наприклад, для теки із зображеннями. - Використовуйте SEF URL замість звичайних. Наприклад, «https://domen.ua/joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4», а не «https://domen.ua/index.php?option=com\_content&Itemid=928&catid =27&id=148&lang=ua&view=article». - Використовуйте описові назви категорій та підкатегорій сайту. Наприклад, «https://domen.ua/blog/vistavka-2023/», а не «https://domen.ua/kategoriya-1/pіdkategorіya-1-kategorii-1/». URL, що складаються зі слів, які відповідають темі та структурі вашого сайту, покращують навігацію користувачів по сайту. Вони легше запам'ятовуються, при цьому зручніше давати посилання. - Краще дібрати слова, які максимально відображають суть вмісту розділу, у тому формулюванні, яке найчастіше вводять у пошук користувачі. Тобто використовувати ключові слова у псевдонімах. За умови, що це доречно і допоможе користувачам краще зрозуміти зміст сторінки. - Не використовуйте довгі URL-адреси з непотрібними параметрами та ідентифікаторами сесії. Наприклад, «https://domen.ua/joomla/rozshirennya/», а не «https://domen.ua/joomla/rozshirennya/?hfj&54s». - Щодо довжини URL зустрічались такі дані: довжина URL, включаючи протокол (наприклад, https) та доменне ім'я, не повинна перевищувати 115 символів. - Бажано, щоб URL-сторінки (включаючи категорії та підкатегорії) не перевищували 3-5 слів. Наприклад: «https://domen.ua/joomla/programa-dlya-stvorennya-sayjtihv», а не «https://domen.ua/stvorennya-sayjtihv/incomedia-website-x5/programa-dlya-stvorennya-sayjtihv-website-x5-pro» - Не використовуйте загальні назви сторінок, наприклад «storіnka». - Не наповнюйте URL набором ключових слів, наприклад «kupiti-telefon-telefon-kupiti». - Не використовуйте велику кількість вкладених категорій, наприклад «https://domen.ua/kategoriya-1/kategoriya-2/kategoriya-3/kategoriya-4/kategoriya-5/kategoriya-6/storіnka». - При створенні структури сайту, як категорій (підкатегорій), так і тек (вкладених тек) для контенту, має бути не більше 5 рівнів. Оптимально – 3 рівні. - Не використовуйте назви категорій, які не мають жодного відношення до вмісту. - Не використовуйте великі літери в URL. Наприклад: «https://domen.ua/joomla», а не «https://domen.ua/Joomla». - Краще використовувати для розділу слів в URL тире «-», а не знак нижнього підкреслення «\_». Наприклад: «https://domen.ua/joomla-rsmediagallery», а не «https://domen.ua/joomla\_rsmediagallery». - У більшості випадків, краще забрати з назв категорій та статей унікальний ідентифікатор ID. Наприклад: «https://domen.ua/joomla/rsmediagallery», а не «https://domen.ua/32-joomla/358-rsmediagallery». - URL повинен містити слова на мові сайту (латинськими літерами) або англійські слова. Виняток – імена власні та назви. Наприклад, «https://domen.ua/joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4», а не «https://domen.ua/joomla/samostiyjne-development-sayjtiv-na-dzhumla-4». ## Рекомендації стосовно імен файлів та тек - В іменах використовуйте тільки англійські літери, цифри та знаки тире «-» та, якщо дуже треба, символ нижнього підкреслення «\_» (без лапок). Наприклад, «/images/joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4/stvorennya-sayjtiv.png», а не «/зображення/джумла/самостійне створення сайтів на джумла 4/створення сайтів.png». У випадку використання літер не англійського алфавіту у деяких розширень можуть бути проблеми з відображенням зображень. - Краще використовувати як роздільник слів в іменах файлів і тек тире «-», а не знак нижнього підкреслення «\_». - Краще не використовуйте великі літери в іменах файлів та тек. - Для імені файлу\\теки краще підібрати слова, які максимально відображають суть вмісту зображення у тому формулюванні, яке найчастіше вводять користувачі в пошук. Тобто використовувати як імена тек – ключові слова. Якщо це доречно і допоможе пошуковим системам краще зрозуміти зміст. Краще уникати загальних назв файлів, наприклад, «zobrazhennya-1.png». - Бажано не наповнювати імена файлів\\тек набором ключових слів. Це може бути сприйнято пошуковими системами як спроба обману алгоритмів ранжирування і, як наслідок, сайт може бути знижений у результатах пошукової видачі (як мінімум, у пошуку за картинками). - Довжина повного імені файлу не повинна перевищувати 255 символів. - Бажано, щоб безпосереднє ім'я файлу зображення складалося не більше, ніж з 3-5 слів. Наприклад, «stvorennya-sayjtiv.png» – 2 слова та розширення (розширення не враховується). - При створенні структури тек (вкладених тек) має бути не більше 5 рівнів. Оптимально – не більше 3 рівнів. Не використовуйте велику кількість вкладених тек. Це може ускладнити індексацію картинок вашого сайту пошуковими системами. Як наслідок, ви можете втратити можливість отримання відвідувачів із пошуку за картинками. У наступній статті «[Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt "Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4")» розглянемо створення сторінки «Про нас» та «Наші проекти». | Автор статті – Хорошевський Олексій | |---| | [![Хорошевський Олексій](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевський Олексій")](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій") Кандидат технічних наук, викладач [Харківського національного університету радіоелектроніки](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Надає [послуги](https://aleksius.biz/uk "Створення сайтів на Joomla і WebSite X5") зі створення, доопрацювання, супроводу та просування сайтів. [Докладніше про автора…](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій") **Контакти:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Зателефонувати через Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Зателефонувати через Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Зателефонувати через WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написати лист") **Соціальні мережі:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/?locale=uk_UA "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksius-com-uk "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публікації та робота:** - [Google Академія](https://scholar.google.com.ua/citations?hl=uk&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") | | Схожі матеріали | |---| | - [ Відеоурок 1. Самостійне створення сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4) - [ Відеоурок 2. Самостійна розробка сайтів на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4) - [ Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt) - [ Відеоурок 5. Самостійне створення сайту компанії на Joomla 4 ](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii) - [ Відеоурок 6. Створення свого сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu) - [ Відеоурок 7. Як створити свій власний сайт на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvorihtih-sviyj-veb-sayjt) - [ Відеоурок «Самостійне та швидке створення лендінгу на Joomla» ](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu) |