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

Страница не найдена! ошибка 404 сайта

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

Причины ошибок HTTP 404

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

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

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

Проверял на вывод картинки, это вот с монитора идет обзор:

Правильная страница 404 ошибки

Здесь уже наблюдаем с мобильных гаджет:

Шаблон страницы 404 для сайта

Установка:

Как устанавливать, то вы можете ознакомится на форуме, где все подробно описано.

Код
<html><head>
  <title>Страница не найдена!</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<table width="100%" style="height:100%;" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td height="100%" align="center" valign="top">

<div style="height:400px;width:70%;overflow:hidden;position:relative">  
  <img src="http://zornet.ru/CSS-ZORNET/Kodak_saita/Asvaged/dekulased/404.png" alt="" style="position:absolute;left:0;top:0;width:100%;height:100%" />  
  <div style="position:absolute;left:0;top:0;z-index:1;width:100%;height:100%"><span style="color:purple"><span style="font-family:'Geneva'"><span style="font-size:23pt"><b>Страница 404</b></span></span></span></div> </div>  
<tbody><tr>
  <td>
  <h1>Страница не найдена! (ошибка 404)</h1>
  <p>Ну и дела! На сайте <a href="/">ZorNet.Ru</a> нет такой страницы!<br>
  Причины могут быть разные, например:</p>
  <ul>
  <p>Вы ошиблись, набирая адрес</p>
  <p>Страница была давно удалена и ваша ссылка устарела</p>
  </ul>
  <p><a href="/">Перейдите на главную страницу сайта ZorNet.Ru</a>, чтобы продолжить работу.</p>
  </td>
  </tr>
  </tbody></table>
  </div>

  </td>
  </tr>
</tbody></table>
<style>

  body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background: white;
  text-align: center;
  }

  h1 {
  font-size: 26px;
  font-weight: normal;
  color: #C60107;
  text-align: center;
  }
  a {
  color: #C60107;
  }
  h1, p {
  padding: 0;
  margin: 0 0 13px 0;
  }
  p {
  line-height: 130%;
  }
</style>
</body></html>

PS - бывает такое, но в очень редких случаях, можно сказать, что в качестве исключения идет сообщение «Ошибка 404» и появляется, в то время, когда сервис не корректно начинает работать.

В таком случай можно наблюдать эту страницу, которая обязательно должна установлена на всех сайтах, ведь сейчас поисковые системы стали учитывать все появляющиеся ошибки, что могут появиться на сайте.
20 Ноября 2019 Загрузок: 1 Просмотров: 999 Комментариев: (0)

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

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

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

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