Как зарабатывать больше и получать удовольствие от работы?
Вебинар

"Как удалить .html из URL: руководство по перенаправлению"

Пройдите тест, узнайте какой профессии подходите

Я предпочитаю
0%
Работать самостоятельно и не зависеть от других
Работать в команде и рассчитывать на помощь коллег
Организовывать и контролировать процесс работы

Быстрый ответ

Для удаления расширения .html из URL на сервере Apache, вам пригодится файл .htaccess и модуль mod_rewrite:

apache
Скопировать код
RewriteEngine On
RewriteRule ^([^\.]+)$ $1.html [NC,L]

С помощью RewriteEngine On происходит активация модуля перезаписи, а RewriteRule осуществляет перенаправление запросов к соответствующим .html файлам. Убедитесь, что на вашем сервере включен модуль mod_rewrite.

Имейте в виду следующие моменты:

  • Чтобы избежать проблем с кэшированием, сначала тестируйте перенаправления с использованием временных 302-х кодов, а потом уже применяйте постоянные 301-е.
  • Чтобы предотвратить некорректные перенаправления, добавьте условие RewriteCond %{REQUEST_FILENAME}.html -f, которое проверяет, есть ли файл .html для поступивших запросов.
  • Включите в ваш .htaccess строку Options -MultiViews, чтобы отключить конкурирующие функции Apache, которые могут помешать работе правил перезаписи.
  • Организуйте внутренние ссылки таким образом, чтобы из них было исключено расширение .html. Это поможет улучшить SEO и общую последовательность ссылок.
Кинга Идем в IT: пошаговый план для смены профессии

Углубляемся в основы 🔨🔧

Осознанное применение перенаправлений 301

Настройка перенаправлений с целью избавления от расширения .html требует осторожности. Следите за тем, чтобы не возникало ошибок 404 и битых ссылок. Не забывайте о постоянных редиректах 301, которые сообщают поисковым системам, что страница была перемещена окончательно, сохраняя таким образом ваш SEO-рейтинг и обеспечивая плавность пользовательского опыта.

Подробнее об этом расскажет наш спикер на видео
skypro youtube speaker

Учёт SEO и производительности

Прежде чем приступить к изменениям, подумайте об влиянии на SEO. Некорректные перенаправления могут сбить с толку поисковые системы и негативно влиять на индексацию вашего сайта. Настройки в файле .htaccess должны быть эффективными — сложные правила могут замедлять работу вашего сайта. Используйте точные правила и проявляйте умеренность при применении подстановочных знаков и сложных регулярных выражений.

Использование регулярных выражений в правилах перезаписи

RewriteRule применяет регулярные выражения для сопоставления URL, что является удобным инструментом для работы со сложными задачами. Регулярные выражения могут показаться сложными, однако шпаргалка по регулярным выражениям окажется полезной при подготовке необходимых шаблонов.

Тестирование в разных браузерах

Проверяйте перенаправления в различных браузерах и на разных устройствах, чтобы убедиться в их совместимости. Успешное действие в одном браузере не гарантирует правильной работы в других. Чтобы избежать ошибки перезаписи для существующих файлов и папок, добавьте условия RewriteCond %{REQUEST_FILENAME} !-d и RewriteCond %{REQUEST_FILENAME} !-f.

Понимание логики сервера

Изучив материалы по техникам перезаписи в .htaccess, вы лучше разберётесь в логике серверных перенаправлений. Эти знания пригодятся вам не только сейчас, но и в дальнейшем при решении задач, связанных с изменением URL или переадресацией.

Визуализация

Представьте себе, что удаление .html из URL — это как оптимизация поезда (🚂) для ускорения его движения:

Markdown
Скопировать код
До: [🚂] -> Cart.html -> CartContact.html -> Checkout.html

Мы снимаем лишние вагоны, чтобы ускорить его движение:

Markdown
Скопировать код
После: [🚂] -> Cart -> CartContact -> Checkout

В итоге получаем четкие и элегантные URL, свободные от ненужных расширений .html! 🛤️✨

Настройка .htaccess: тщательно и индивидуально

Исключение некоторых директорий из перезаписи

Если требуется исключить определенные директории из перезаписи, используйте:

apache
Скопировать код
RewriteCond %{REQUEST_URI} !^/excluded-directory/

В этом случае excluded-directory останется неизменной, независимо от установленных правил перезаписи.

Стильная обработка URL

Для работы с URL, включающими строку запроса, потребуется специальное правило. Чтобы параметры остались неизменными при удалении .html, воспользуйтесь:

apache
Скопировать код
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^([^\.]+)$ $1.html [QSA,L]

Флаг [QSA] в выражении Query String Append гарантирует сохранение параметров запроса при перезаписи.

Настройка под индивидуальные нужды

Под вашими задачами легко адаптируйте правила обработки других типов файлов или URL-адресов. Нужно использовать .php вместо .html? Вот как это сделать:

apache
Скопировать код
RewriteRule ^([^\.]+)$ $1.php [NC,L]

Удивительно, но .htaccess предоставляет такие возможности!

Не забывайте проверять

После внесения изменений следите за ошибками 404 с помощью инструментов, таких как Google Search Console. Это позволит вам отследить недостающие или некорректные ссылки. Регулярно проверяйте ваш файл .htaccess, чтобы ваш сайт был таким, каким должен быть: быстрым и эффективным.

Полезные материалы

  1. Основы перезаписи URL для начинающихПодробное руководство по базовым принципам перезаписи URL.
  2. Шпаргалка по mod_rewrite от DaveChild — Незаменимая шпаргалка по правилам mod_rewrite.
  3. Частые ошибки в конфигурации сервера NGINX — Советы по избежанию типичных ошибок при настройке NGINX.
  4. API Истории – Веб API | MDN — Создание красивых URL без расширения .html с использованием HTML5 History API.
  5. Перенаправление URL при помощи mod_rewrite Apache — Все об осуществлении перенаправлений URL при помощи mod_rewrite.
  6. Настройка чистых ссылок в WordPress — Создание стильных и чистых ссылок в WordPress для оптимизации URL.
  7. SEO-оптимизация URL без расширений файлов – руководство от Moz — Рекомендации по структурированию SEO-ориентированных URL.
Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей
Какой код используется для постоянного перенаправления в SEO?
1 / 5