- Відеоурок.
- Посилання та розширення з відеоуроку.
- URL, псевдоніми.
- Рекомендації стосовно URL адрес.
- Рекомендації стосовно імен файлів та тек.
Інформація майже повністю актуальна для 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 каналі.
Посилання та розширення з відеоуроку
У попередньому відеоуроці «Відеоурок 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-адреси для пошукових машин). Псевдоніми можна задавати під час створення матеріалів, пунктів меню, категорій та інших елементів (рисунок нижче).
Приклад звичайної 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, як правило, більш кращі з таких причин:
- Зрозуміліше людям. Легше запам'ятати, записати, продиктувати телефоном.
- Кращі для SEO. Можна використовувати ключові слова в URL, які красивіше відображаються в результатах пошукової видачі.
- Безпечніше, тому що не показують запит до бази даних, чим ускладнюють зловмисникам процес злому.
Як правило, 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» розглянемо створення сторінки «Про нас» та «Наші проекти».
| Автор статті – Хорошевський Олексій |
|---|
 Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом. Публікації та робота: |
| Схожі матеріали |
|---|
