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

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

Sozdat stranizu oshibki 404

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

    Ответить

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