Как сделать страницу 404 в Тильде

🗓️ Обновлено: 27.08.2021
💬Комментариев: 0
👁️Просмотров: 1094
web

Страница 404 — автоматическая страница на сайте, котороя открывается тогда, когда человек вводит некорректный адрес страницы или переходит по потерянной ссылке. К примеру, вы поменяли адрес страницы, но ссылка на нее стоит в каком-либо паблике, блоге и так далее. В такие моменты человек попадает на страницу ошибки 404. И крайне важно, чтоб посетитель после такой неудачи остался на вашем сайте и смог найти интересующую информацию.

Базовые элементы страницы 404

На странице ошибки 404 должны быть следующие элементы:

  • меню сайта для навигации посетителя по сайту, чтоб у пользователя была возможность найти нужную информацию;
  • футер сайта с дополнительными элементами навигации;
  • сообщение о том, что человек попал на несуществующую страницу. Посетителю важно показать, что такой страницы уже нет.
  • кнопки быстрой навигации. Обычно это самые важные страницы на сайте, которые могут помочь посетителю. Обычно это Главная и, к примеру, Новости/Блог.

Как создать страницы ошибки 404

Создавать страницу 404 нужно как и обычную страницу сайта. Выберите шаблон или создайте пустую страницу:

Добавьте все необходимое на страницу из базовых элементов страницы 404. Естественно, эта страница должна быть оформлена в рамках дизайна вашего сайта.

Пример готовой страницы ошибки 404:

Пример можно посмотреть на сайте моих клиентов https://en.olfactory.me/error404. Выглядит он так:

Как назначить страницу 404 в Тильде

После создания страницы 404 необходимо указать Тильде, что такая страница должна появляться в автоматическом режиме при переходе на сайт по несуществующим кликам.

Зайдите в настройки сайта:

Выберите в левом боковом меню вкладку «Еще» и в разделе «Страница: 404 ошибка» выберите нужную:

Сохраните изменения и опубликуйте все страницы сайта:

Дело сделано, страница 404 создана и назначена в Тильде.

Если у вас возникли какие-либо трудности при создании страницы 404, опишите их в комментариях ниже. Мы обязательно постараемся помочь.

Статья была полезной?
👍
Да - 0
👎
Нет - 0
💬Комментарии:

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 18281
Появление элементов при скролле
Просмотров: 16837
Перенос сайта на Тильде на свой хостинг. Пошаговое руководство
Просмотров: 8527
Как выровнять картинку по центру с помощью CSS
Просмотров: 6951
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 6788
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Very Peri
🤔Цвет 2022 года
Институт цвета Pantone объявил цвет 2022 года. Это сиреневый оттенок под названием 17-3938 Very Peri.
#6667ab