ZorNet.Ru — сайт для вебмастера » HTML и CSS » Страница 404 ошибки в космической тематике

Страница 404 ошибки в космической тематике

Страница 404 ошибки в космической тематике
Прекрасно по дизайну и анимации выполнена страница ошибки 404, которая корректно отображается на всех экранов, и выполнена в стиле космонавтики. Если кто еще не в курсе, по каким причинам нужно обязательно устанавливать ее на свой сайт или блог. То эти на страницах 404, рассматриваются роботами, как реальная веб-страница, которая по своим функциям предназначена для отображения, когда запрос вызывает код ответа HTTP 404. Это может быть так, что веб мастер удалил на своем сайте материал, а еще какое-то время запрос на его остается в поисковых системах, где при клике вы хотите прочесть данный материал, а его уже нет, и здесь автоматически показывается данная страница.

Она аналогично должна соответствовать всем размерам экрана, точнее быть адаптивной, чтоб корректно отображалась на мониторах, так и на всем мобильных устройствах. Страница с ошибкой 404 замечательно в том, что одна и та же страница загружается независимо от того, какая ошибка приведет вас туда. Таким образом, любая из бесконечных комбинаций неправильных расширений URL будет генерировать эту страницу.

Дизайн страницы может быть любой, но основном делают тематическим, здесь у нас идет красивая анимация, которая по своему стилю можно установить на многие направление.

HTML

Код
<body class="desam-dopakon">
   
  <div class="uspace-animation">
  <div class="alpokad-kemugsa">
  <div class="pokilasd-begas">
  <h1>ZORNET.RU</h1>
  </div>
  <div class="mtedul-sadebug">
  <ul>
  <li><a href="Ссылка перехода" target="_blank">Главная</a></li>
  <li><a href="Ссылка перехода" target="_blank">Категорий</a></li>
  <li><a href="Ссылка перехода" target="_blank">Форум</a></li>
  <li><a href="Ссылка перехода" class="masacul-mudesa" target="_blank">Красивая кнопка</a></li>
  </ul>
  </div>
  </div>
  <div class="klasukan-loped-body">
  <h1>сделай луну снова великой</h1>
  <a href="Ссылка перехода" class="btn-go-home" target="_blank">НА ГЛАВНУЮ</a>
  </div>
  <div class="penukoms">
  <img class="kaspen-ukomus" src="http://salehriaz.com/404Page/img/rocket.svg" width="40px">
  <div class="pedesa-canukom">
  <img class="vaspen_ukomus_earth" src="http://salehriaz.com/404Page/img/earth.svg" width="100px">
  <img class="vaspen_ukomus_moon" src="http://salehriaz.com/404Page/img/moon.svg" width="80px">
  </div>
  <div class="box_astronaut">
  <img class="vaspen_ukomus_astronaut" src="http://salehriaz.com/404Page/img/astronaut.svg" width="140px">
  </div>
  </div>
  <div class="glowing_uspace-animation">
  <div class="star"></div>
  <div class="star"></div>
  <div class="star"></div>
  <div class="star"></div>
  <div class="star"></div>

  </div>

  </div>

  </body>

CSS


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

Демонстрация
2021-05-04 Загрузок: 4 Просмотров: 457 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарий: 0
avatar