Страница 404 и настройки поиска

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

Об описании блога речь уже шла здесь, там мы добавляли описание вручную, сейчас это сделать проще. Заходим в панель управления Настройки > Настройки поиска > Метатеги > Описание > Включить описание для поисковых сетей? выбираем Да, вводим описание и жмём Сохранить изменения. Тут всё просто.

Теперь поговорим о разделе Ошибки и переадресации, а в частности Персонализированное сообщение об ошибке "Страница не найдена" или страница 404.

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

Пример моей страницы 404. Если нравится такой вариант, нажмите Изменить напротив Персонализированное сообщение об ошибке "Страница не найдена" и введите код:

<div class="separator" style="clear: both; text-align: center;"><img src="http://3.bp.blogspot.com/-EbB-K2mjDI0/T3H-Y5C-EPI/AAAAAAAAACo/9p3yabtZ0N0/s800/stranica404.jpg" /></div> <p>К сожалению, мы не можем найти страницу, которую вы ищете. Возможно она была удалена, переименована или временно недоступна.</p> <p>Перейдите на <a href="/">Главную страницу</a>.</p>

Сохраните изменения. Далее, идём в Шаблон > Изменить HTML, добавляем перед </head>:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
</style>
</b:if>

Не забываем делать резервное копирование шаблона. Теперь, вместо

<title><data:blog.pageTitle/></title>

устанавливаем этот код:

<!-- Start blogger.vipbiz.org: Changing the Title -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Страница не найдена</title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> | </b:if><data:blog.title/></title>
</b:if>
</b:if>
<!-- End blogger.vipbiz.org: Changing the Title -->

Либо, если вы вносили изменения по инструкции на этой странице, вместо:

<!-- Start blogger.vipbiz.org: Changing the Title & Description -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content="Ключевые слова вашего блога"
name="keywords"/>
<meta content="Описание блога" name="description"/>
</b:if>
<!-- End blogger.vipbiz.org: Changing the Title & Description -->

Пишем:

<!-- Start blogger.vipbiz.org: Changing the Title & Description -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Страница не найдена</title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> | </b:if><data:blog.title/></title>
</b:if>
</b:if>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
      <meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if>
<!-- End blogger.vipbiz.org: Changing the Title & Description -->

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

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

Развлечения ради посмотрите забавный вариант оформления страницы 404:

Oooppps..404 - страница молдавских веб гастарбайтеров.