Как настроить стилизованную 404 страницу для Blogspot: Как изменить стандартную страницу 404 в Blogger

Как создать уникальную страницу 404 с собственным дизайном на Blogspot?

Креативная страница 404 — это отличный способ удержать пользователя, превратив досаду от ошибки в улыбку. Вместо сухого текста «Страница не найдена», попробуйте один из этих вариантов.

Ошибка 404 портит впечатление о сайте и снижает трафик, потому что пользователи просто закрывают вкладку или возвращаются к результатам поисковика, чтобы продолжить искать ответы на свои вопросы.
Страницу с ошибкой 404 можно оптимизировать — сделать ее интересной и максимально полезной для пользователя (пользовательской, которая отображается вместо стандартной ошибки сервера, если посетитель перешел по неработающей ссылке), чтобы не портить общее впечатление. При правильном подходе страница с ошибкой станет вашим преимуществом.Совет от Serpstat

Как улучшить страницу 404 в Blogger

Основные варианты добавления Пользовательской страницы 404 в Blogger:

Показать статью

💡 Примечание: Учтите, что редактирование HTML-кода требует некоторых знаний HTML и CSS. Если вы не уверены в своих навыках, используйте уже как есть готовый шаблон страницы 404 или обратитесь за помощью к специалисту по веб-разработке. Неправильное редактирование кода может привести к некорректному отображению страницы или ошибкам на сайте.

Особенности сторонних шаблонов

Если вы скачали шаблон со сторонних ресурсов (например, SoraTemplates или Gooyaabi), в нём часто уже встроен стилизованный блок страницы 404 прямо в код темы.

Чтобы изменить его, перейдите в раздел:
Тема → Настроить → Изменить HTML

Найдите один из следующих фрагментов:

data:blog.pageType == "error_page" или  data:view.isError

Блок обычно выглядит так:

<b:if cond='data:blog.pageType == "error_page"'>
   <!-- Здесь находится код вашей страницы 404 -->
</b:if>
    

или

<b:if cond='data:view.isError'>
   <!-- Здесь находится код вашей страницы 404 -->
</b:if>
    

• Использование панели настройки Blogger (Настройки > Ошибки и переадресации > Персонализированное сообщение об ошибке 404):

💡 Примечание. Настройка пользовательского сообщения для страницы 404 в Blogger: (для стандартных готовых шаблонов Blogger — темы вроде Contempo, Soho, Emporio или классические Simple и т.п.)

Настройка страницы 404 в Blogger

1. Зайдите в Blogger и выберите нужный блог.
2. Откройте настройки
   В левом меню нажмите ⚙️ Настройки.
3. Найдите раздел «Ошибки и переадресации»
   Пролистайте страницу вниз до этого раздела.
4. Нажмите «Персонализированное сообщение об ошибке»
   Откроется окно для ввода HTML-кода.
5. Вставьте HTML-код сообщения
   

   <div style="text-align:center; padding:30px;">
     <h1>Ошибка 404</h1>
     <p>Такой страницы нет. Попробуйте начать с 
     <a href="/">главной</a>.</p>
   </div> 

6. Нажмите «Сохранить»
   Изменения вступят в силу сразу.
   Чтобы проверить результат, введите в адресной строке, например:
   http://название-блога.blogspot.com/404

💡 Примечание: Чтобы всегда быстро открывать просмотр страницы 404 любого блога, просто добавьте /404 в конец его адреса: http://название-блога.blogspot.com/404 Пример кода выше — лишь один из вариантов оформления. Вы можете найти другие идеи, введя в поиске Google: страница 404 в blogger.
▶ Демо страницы 404

• Редактирование HTML-шаблона

Разработчики используют разные подходы, поэтому возможен любой из этих вариантов.