убрать index.html

Как убрать index.html из адресной строки

Как убрать index.html?

Как решить проблему с дублированием главной страницы сайта и убрать index.html из адресной строки браузера?

При переходе по ссылке на главную страницу или при клике по любой кнопке, ведущей на эту главную страницу будь то меню сайта или другая кнопка — в адресной строке браузера дописывается значение /index.html, дублируя при этом основной адрес страницы, не содержащий такой хвост при первом открытии сайта.

Как я узнал, этот момент не очень хорош для поисковых систем. Нашел вот такое решение и решил записать для Вас этот видеоурок:

Как убрать index.html в версии сайта «Компьютер»?

ИНСТРУКЦИЯ:

Создайте в корневой папке Вашего сайта на сервере файл с именем «.htacсess» и вставьте в него подходящий код.

Код для вставки в файл .htacсess выберите и скопируйте, в зависимости от того, по какому протоколу открывается Ваш сайт в браузере. Пропишите в коде свое доменное имя сайта, вместо «ваш сайт» .

  • для сайтов по протоколу HTTP (без SSL сертификата)

  • для сайтов по протоколу HTTPS (c установленным сертификатом SSL):


Как убрать index.html в макетах «Телефон» и «Планшет»?

Если Вы хотите убрать index.html в мобильной или планшетной версии сайта, то добавьте к уже вставленному коду еще вот эти строчки:

  • для мобильной версии сайта (HTTP): 

  • для планшетной версии сайта (HTTP): 

Вставьте подходящие Вам коды в файл .htacсess и сохраните все изменения. Всё.

Надеюсь у Вас тоже всё получилось и этот способ помог Вам убрать index.html из адресной строки браузера. Пишите в комментариях о Ваших результатах.


Как убрать index.html? Подробный пример из видео.

У меня есть уже готовая тестовая страничка. Она расположена по данному адресу https://test.rodosvet-video.ru/index.html. Давайте я сейчас удалю здесь index.html. Вы видите, что при загрузке данной страницы она открывается без index.html. Но при переходе, например, по одной из кнопок, на которую назначена ссылка на главную страницу сайта – я просто навожу курсор мыши на данную кнопку и внизу в левой нижней части браузера, вы увидите ссылку по которой я перейду после нажатия на данную кнопку.  Я нажимаю сюда и мы переходим на ту же самую главную страницу сайта. Но только теперь в адресной строке браузера у нас маячит index.html. Получается, что у нашего сайта две главные страницы, а такое дублирование не очень любят поисковики.

Как же убрать эту надпись, чтобы при переходе по этой ссылке у нас не появлялся index.html в адресной строке браузера?

Используем программу FileZilla

Подразумевается, что у вас уже есть хостинг и доменное имя вашего сайта, вашей странички. Данная страничка расположена у меня на хостинге и я захожу в папку «test», в которой расположены файлы данной странички через программу FileZilla, соединяясь с сервером по ftp-протоколу. В этой программе ничего сложного нет. Здесь достаточно ввести host, который можно узнать у вашего хостера, а также ввести имя пользователя и пароль от ftp-аккаунта, созданного для вашего домена. Здесь вы все это вводите и попадаете в папку к своим файлам на сервере. И можете делать здесь с ними различные операции.

Создаем файл «.htaccess»

В корневой папке нашего сайта, т. е. в папке «test» — это у меня поддомен основного сайта, — нам еще необходимо создать один файл. Для этого я нажимаю здесь правой кнопкой мыши на свободном поле и выбираю «Создать новый сайт». Файл должен называться «.htaccess». Нажимаем «ОК». Файл создан. В этот файл вы должны внести определенную запись. Для того чтобы его отредактировать нажимаем на нем правой кнопкой мыши и выбираем «Просмотр/Правка». Правка открывается в обычном блокноте Windows. Мы можем редактировать данный файл как обычный тестовый файл.

Сюда нам нужно внести определенную запись. Запись эта выглядит вот так:

Изменяем и сохраняем. http и https.

У меня есть отдельный файл, в котором я уже сохранил данную запись. Я просто беру и копирую ее. Нажимаю «Копировать» и иду в мой файл «.htaccess», который я открывал в блокноте, и вставляю сюда данные строчки.

Первые две строки здесь остаются постоянными. Единственное, если ваш сайт открывается по протоколу https как моя страничка, то я должен дописать здесь букву «s» к http. Тоже самое мы делаем в третьей строке. Здесь мы пишем «https» или «http», если у вас страничка открывается по http-протоколу. И здесь дальше пишите доменное имя вашего сайта или вашего поддомена.

В моем случае – это как раз таки поддомен на основном сайте. Мы просто дальше идем в «Файл», нажимаем «Сохранить» и закрываем его. При этом FileZilla видит, что файл был изменен и спрашивает: «Загрузить ли его на сервер?». Мы нажимаем «Да». И предварительно можем поставить галочку «Закончить правку и удалить локальный файл».

Локальный файл у нас сохранен в папке «temp». И для того чтобы удалить его из папки «temp», мы ставим здесь галочку. Нажимаем «Да». И файл у нас обновлен. Если мы теперь откроем его для правки, то вы увидите, что здесь эта запись сохранилась. Я сейчас здесь редактировать больше ничего не буду. Закрываю его.

Как убрать index.html? Результат.

И теперь давайте перейдем в браузер, и попробуем еще раз открыть наш тестовый сайт с кнопки, на которой у нас назначена ссылка на главную страницу сайта. Давайте удалим index.html из адресной строки браузера и нажмем «enter». Наш сайт теперь открылся без index.html. Теперь давайте попробуем кликнуть по кнопке и посмотрим появится ли index.html в адресной строке браузера. Нажимаю. И все. Все работает теперь. Index.html  в адресной строке браузера при нажатии на кнопки главной страницы сайта не появляется. Хотя при наведении курсора мыши на кнопку в ссылке слева снизу в браузере у нас появляется ссылка, которая ведет на главную страницу сайта с добавлением index.html после слеша.

Вот таким простым способом вы можете избавиться от данной проблемы. Всего лишь создав в корневой папке сайта или странички файл с называнием «.htaccess» и вставив в него соответствующий код. Данный код вы сможете скопировать в статье на моем блоге в urokimuse.ru. Там будет статья с этим видео и вы сможете скопировать данную запись, изменить ее под себя и вставлять на свои сайты, созданные в Adobe Muse.

На этом все. Я заканчиваю данный видеоурок. Подписывайтесь на мой канал, ставьте лайки, пишите комментарии. С вами был Дмитрий Шаповалов и до встречи в следующих видеоуроках!

 

Автор видеоуроков и курсов Adobe Muse
Дмитрий Шаповалов

13 комментариев к “Как убрать index.html из адресной строки

  1. Хотел сказать большое спасибо. Нужная вещь, но в бочке меда сразу нашлась и ложка дёгтя.
    index.html страничка перестала отображаться, а вместе и с ней полетели и якорные ссылки привязанные нам главную страницу то есть на index/ Как же теперь быть ? В программе MUSE главная страничка отмечается как index. А с помощью вашего скрипта этой странички как бы и нет и летят якорные ссылки на index/ Как быть? Даже перестала работать кнопка в меню НАШИ ОБЪЕКТЫ — К чему привязывать якоря на главной странице, чтобы они корректно работали? сайт

  2. Тогда из-за чего у меня мог произойти такой глюк?
    документ на хостинге был уже создам самой программой.
    вот такие данные я вписал
    [spoiler effect=»slide»]
    RewriteEngine On
    RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.html\ HTTP/
    RewriteRule ^index\.html$ http:// югзастройщик26. рус [R=301,L]
    [/spoiler]

  3. Насчет рф-рус ошибся когда вам текст набирал.:) Сейчас попробовал прописать ваш же скрипт но имя домена прогнал через конвертер и прописал не югзастройщик26.рф — а вот эту абракадабру — xn--26-6kcluhgj7atkm8gvc.xn--p1ai — всё сразу и заработало как нужно. Хотя раньше я думал, что это не будет иметь значения… Еще раз Спасибо!

    • Вообще вы этом файле прописываются не скрипты, а директивы, — некоторые параметры и разрешения для работы веб-сервера. Юрий, я рад, что у Вас всё получилось, и благодарю за полученный опыт. 

  4. я в этом деле пока только новичок, это мой первый сайт, свёрстанный в MUSE благодаря просмотру Ваших уроков. Как говорится не всем же в самоварах ходить, чайники тоже встречаются:)))))

    • Здравствуйте, Юрий. Если вы все правильно прописали в файле, который создали, для своего сайта, то все должно работать, проверьте, возможно что-то упустили.

    • Возьмите тот код, который размещен в этой статье на этой странице и измените там свой url. Тот код который у Вас — другой, особенно вторая строка. Кроме того — даже в этом варианте Ваша якорная ссылка (#home) на Вашем сайте при нажатии на логотип — работает.

  5. А как подобное провернуть на многостраничнике? С главной — да. Сработало.
    А с остальными страницами как поступить.

Оставить комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: