Що таке index.html?

index.html – це цільова сторінка за замовчуванням, яку веб-сервери (наприклад, Apache або Nginx) завантажують, коли відвідувач отримує доступ до каталогу без вказівки файлу.

Чисті URL-адреси = кращий SEO, більш плавний UX і більш професійна присутність в Інтернеті.

Якщо ваші посилання виглядають так
https://example.com/index.html-настав час їх модернізувати.

У цьому посібнику ми покажемо вам, як правильно видалити index.html з ваших URL-адрес, щоб покращити користувацький досвід, уникнути дублювання контенту в пошукових системах і представити чистішу структуру.

Навіщо видаляти index.html?

  • Чистіші, більш читабельні URL-адреси: example.com/ замість example.com/index.html
  • Краще для користувачів
  • Уникає проблем з дублюванням SEO (Google може розглядати /index.html і / як різні сторінки)
  • Легше ділитися та запам’ятовувати посилання

Спосіб 1: Видаліть index.html з внутрішніх посилань

Почніть з виправлення всіх жорстко закодованих посилань на вашому сайті.
Замініть це:

<a href="/index.html">Home</a>

на

<a href="/">Home</a>

Це гарантує, що користувачі побачать чистішу версію ваших URL-адрес.

Спосіб 2: Apache .htaccess

Якщо ваш сайт працює на Apache (поширений на віртуальному хостингу і підтримується AVA.hosting), ви можете перенаправляти запити за допомогою .htaccess.

Перенаправте /index.html на /

Додайте це до вашого файлу .htaccess:

RewriteEngine On
RewriteCond %{THE_REQUEST} ^[A-Z]{3,}\s/index\.html [NC]
RewriteRule ^index\.html$ / [R=301,L]

Це створює постійний (301) редирект з index.html на /.

Необов’язково: Видалити .html з усіх URL-адрес

Щоб змусити example.com/about обслуговувати about.html, додайте це:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^([^\.] )$ $1.html [NC,L]

Це допоможе зробити URL-адреси коротшими і зручнішими для користувача.

Спосіб 3: Налаштування Nginx

Якщо ваш сайт розміщено на VPS або виділеному сервері з використанням Nginx, додайте до конфігурації вашого сервера наступне:

location = /index.html {
    return 301 /;
}
location / {
    try_files $uri $uri/ /index.html;
}

Це перенаправить index.html на /, але при цьому завантажить його як сторінку за замовчуванням.

Спосіб 4: Використання структури на основі папок

Для статичних веб-сайтів простим, але ефективним методом є реструктуризація файлів:

Замість

/about.html

Використовуйте:

/about/index.html

Тепер ваші відвідувачі побачать:
https://example.com/about/
без жодного .html в полі зору.

Заключні думки

Видалення index.html з ваших URL-адрес:

  • Покращує читабельність
  • Допомагає з SEO
  • Виглядає чистіше і сучасніше
  • Покращує користувацьку подорож

AVA.hosting підтримує всі інструменти, необхідні для впровадження чистих, оптимізованих URL-адрес – незалежно від того, чи працюєте ви зі статичним сайтом, CMS або кастомним проектом.

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