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

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

Речь пойдёт о создании страницы ошибки 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.

Твитнуть