Создать страницу ошибки 404 для Blogger - просто и эффективно

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

Sozdat stranizu oshibki 404


Речь пойдёт о создании страницы ошибки 404.



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

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

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

Всё дело в том, что в форму создания страницы можно добавлять не только простой текст, но и полноценный HTML код. Это открывает новые просторы для творчества - внешний вид и эффективность страницы будет зависеть только от вашей фантазии и качества ссылок, картинок и скриптов, использованных при её создании.

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

2. Простая интеграция в блог

3. Он содержит действующую ссылку на главную страницу блога

4. В этом коде максимальное количество активных внутренних ссылок на минимальной площади

5. Ссылки автоматически будут меняться по мере наполнения блога новыми статьями

Для создания кода был использован скрипт из материала "Виджет последние статьи в бегущей строке".

Страница ошибки 404 для Blogger - установка

1. Заходим в Настройки -- Настройки поиска -- Ошибки и переадресации -- Персонализированные сообщения об ошибке "Страница не найдена" -- Изменить



2. В открывшееся окно вводим следующий код:

<div style="text-align: center;">
<span style="color: #cc0000; font-size: large;"><b>Ой!!!</b></span></div>
<div style="text-align: center;">
</div>
<h3 style="text-align: -webkit-auto;">
<div style="text-align: center;">
<span style="font-size: large;">Вы оказались здесь, нажав на ссылку,&nbsp;</span></div>
<div style="text-align: center;">
<span style="font-size: large;">которая больше не работает!</span></div>
</h3>
<div align="center">
<span style="color: #ed9e1f; font-size: 150px;"><strong>404</strong></span></div>
<br />
<div style="text-align: center;">
<span style="font-size: large;">Попробуйте перейти на</span><br />
<span style="font-size: large;">&nbsp;<a href="http://vsegenialno.blogspot.com/">Главную страницу блога</a>!</span><br />
<span style="font-size: large;">Или на одну из последних статей:</span></div>
<script src="http://bloggertrickandtoolz.googlecode.com/files/bloggertricksandtoolz.js"></script><script>
 var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»";
</script> <script src="http://vsegenialno.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>


3. Изменяем http://vsegenialno.blogspot.com/ на URL главной страницы вашего блога (в двух местах). Можно по своему усмотрению изменять и видимый текст страницы

4. Нажимаем кнопку "Сохранить изменения"

5. Для проверки вводим в адресную строку браузера адрес вашего блога, добавив к нему /xyz/, или /blablabla/ (должно получиться приблизительно так -http://www.in-blog.com/blablabla/) и нажимаем Enter. Если всё сделано правильно - должна появиться красивая и функциональная страница ошибки 404.

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

Доброй охоты всем нам!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



30 комментариев:

  1. В тег "a" для создания перехода на Главную страницу не обязательно полностью давать ссылку, можно просто прописать "/". Все вместе получится: <a href="/">Главную страницу блога</a>

    ОтветитьУдалить
  2. Огромное спасибо, конечно же, утащила))

    ОтветитьУдалить
  3. Огромное спасибо автору! А то всё как-то руки не доходили разобраться с этим нововведением... Использовала за основу Ваш код, правда чуть видоизменила (сократила). Довольна результатом :)

    ОтветитьУдалить
  4. Хочу чтобы перекидывало на какую-то определенную страницу!
    Просмотрел, некогда. В закладках!

    ОтветитьУдалить
  5. Спасибо автору. Обязательно сделаю такую страницу.

    ОтветитьУдалить
  6. Еще вопрос. Вот захожув настройки, а там:

    Основные сведения Публикация Форматирование Комментарии Архивирование Канал сайта Электронная почта и мобильные устройства OpenID Разрешения

    Так куда заходить

    ОтветитьУдалить
  7. @Светлана Сидорова То, что Вы перечислили, находится в старом интерфейсе, а здесь все операции производятся в новом!:) Переход в новый интерфейс осуществляется из Панели управления!

    ОтветитьУдалить
  8. Спасибо!
    Только просит закрыть тег "НЗ" в коде...

    ОтветитьУдалить
  9. Вроде сделала все как указано, но что-то ничего не получилось. Выплывает окно
    TypeError: Cannot convert 'objPost' to object
    остановить действия для данной страницы (ok)

    ОтветитьУдалить
  10. @рыбачкаПричин может быть несколько: у Вас нестандартный шаблон; вместе с кодом копируется ссылка на эту статью; вступаю в конфликт скрипты Вашего блога и предложенного варианта страницы 404

    ОтветитьУдалить
  11. Здорово! Все получилось! Только почему-то какая-то лишняя запись появилась в коде. Я ее просто удалила.

    ОтветитьУдалить
  12. Этот комментарий был удален автором.

    ОтветитьУдалить
  13. Все получилось, огромное спасибо!

    ОтветитьУдалить
  14. Сергей, спасибо Вам! Получилась нормальная такая страничка!

    ОтветитьУдалить
  15. Спасибо большое, у меня получилось!

    ОтветитьУдалить
  16. Сергей, огромное спасибо! теперь и у меня очеловеченное сообщение об ошибке, что в блоге очень приятно)

    ОтветитьУдалить
  17. Скрипты в коде оказались ни к чему. Но всё равно спасибо, хотелось бы поинтересоваться, как убрать прямоугольник с рамкой, внутри которого находится текст?

    ОтветитьУдалить
  18. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  19. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  20. В данном случае наверное функциональней установить автоматический редирект на главную страницу блога, зная по своему опыту после появления ошибки 404 желание дальше просматривать блог исчезает

    ОтветитьУдалить
  21. Спасибо за помощь, поставил у себя, правда чуток изменив :)

    ОтветитьУдалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics