Хлебные крошки на Blogger | Интернет shabashka

Главная 

  Hello

 

Хлебные крошки на Blogger

Заметила, что на блоге я мало коснулась темы гаджета "Хлебные крошки". Можно сказать совсем о них не писала. 

Для чего они нужны? "Хлебные крошки" - дополнительная навигация на сайте. Пользователь видит в какой части сайта он находится и ему проще найти нужный материал.

Читать полностью →

Кнопка "Читать далее" : Как изменить ссылку "Read More" в Blogger

Установка на blogspot кнопки "Читать далее"

Кнопки являются очень важным элементом дизайна сайта. В этой статье я покажу, как установить кнопку "Читать далее".   Кнопка должна привлечь внимание читателя и в то же время гармонично вписываться в общее оформление блога...

❝ Главная страница — важная часть каждого блога. Она должна содержать до 5-6 постов, чтобы максимально привлечь внимание читателя. Удержать читателя дольше — это то, что я называю успехом блога...❞

Кнопка «Reed more» (Читать далее) заменяет ссылку на полную статью. Это достаточно удобно для читателя, когда на главной странице блога отображено лишь начало поста, отображающее основной смысл всей статьи. Положительно к такой разбивки относятся и поисковики, так как в этом случае уменьшается процент дублированного контента. Ниже на скриншоте подробное пошаговое описание как настроить запись и убрать "лишний" с точки зрения СЕО тег "#more" из кода разделения статьи.

Как вставить ссылку «Читать дальше»

1. В режиме верстки текстового редактора сообщения ставим курсор в том месте статьи, где хотим ее разделить. Пункты 1и 2 на скриншоте. Сразу после этого увидите под текстом полосу — она отделает анонс от полной записи.
2. Если переключиться в HTML режим, то увидите, что в коде применился специальный тег <! —more—>. Пункт 3 на скриншоте.
3. Для настройки или изменения самого текста ссылки «Читать…» заходим во вкладку Дизайн>Гаджет Сообщения блога> Изменить и в появившемся окне вы можете менять настройки по своему усмотрению. Пункт 4 на скриншоте. 
   💡Не забудьте после этого сохранить все настройки.

Избавляемся от тега #more&quot;

💡Способ реализуются за счет правки шаблона Blogger для темы Watermark 💡

• Раздел Тема> Настроить> Редактировать HTML. Ставим курсор в любом месте кода шаблона: Тема> Ctrl+F. В левом верхнем углу окна редактора HTML кода появится окно с текстом «Search».
• В этом окне надо ввести HTML код: <div class='jump-link’> для поиска и нажать клавишу «Enter»💡(При наличии такого кода в шаблоне HTML будет выполнен переход на него. Первый найденный HTML скрипт в окне редактора выделится тёмно-жёлтым цветом.)💡
• Удаляем старый код и вставляем новый. Пункт 5 на скриншоте выше.
• Нажимаем на значок в форме дискеты с всплывающим текстом "Сохранить".  (Этот значок предназначен для сохранения изменений, внесённых в код темы Blogger.)

/*этот код копируем и вставляем*/

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'><a expr:href='data:post.url'>
<data:post.jumpText/></a></div></b:if></b:if>

Читать полностью →

Почему нужна страница 404: Как создать страницу ошибки 404?

Как изменить вид собственной страницы 404 в Blogger

Если пользователь пытается загрузить в браузере несуществующий URL-адрес, появляется страница 404.
Ее задача — сообщить пользователю, что такой страницы на сайте нет...

Страница 404 по умолчанию в  Blogger не несет никакой информации, а просто отображает сообщение об ошибке: «К сожалению, страница, которую вы искали в этом блоге, не существует».

Разработчики нового дизайна предоставили возможность изменить внешний вид этого сообщения и сделать саму страницу 404 более информативной для пользователя, используя код HTML и CSS.
К тому же ее настройка сможет предложить готовые решения — перейти на главную страницу или к другим интересным статьям, чтобы пользователь не ушел сразу с вашего веб-сайта.

💡Если вы хотите посмотреть свою страницу 404, то самый простой способ  —  набрать 404 после URL-адреса в поисковой строке http://...blogspot.com/404/. 
Этот дизайн страницы ошибок является лишь одной из идей. Вы можете вставить свой код для оформления, поискав его в интернете.

    

Корректное оформление страницы с ошибкой 404

Общие рекомендации от известных "поисковиков":

Иногда при переходе на сайт посетитель видит сообщение об ошибке со статусом 404. Этот статус означает, что на сайте отсутствует запрашиваемая страница, то есть запрошенному URL не соответствует ни одна страница сайта (404 File not found). Это может произойти из-за неверной ссылки или потому, что запрашиваемая страница была удалена.

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

    

Как создать или отредактировать страницу ошибки 404 в блоге

На скриншоте ниже показаны шаги настройки:

1. Панель инструментов Blogger › Название блога «Test_2» › вкладка «Настройки» на левой боковой панели
2. Раздел «Ошибки и переадресации» › вкладка «Персонализированное сообщение об ошибке 404»
3. Окно «Персонализированное сообщение об ошибке 404» › Вставить код

   <h1 style="text-align: center :...</p>

4. Нажать «Сохранить»

<h1 style="text-align: center;">Oops ошибка 404!</h1>
<p style="text-align: center;">Страница 404</p>
<p style="text-align: center;"><br><b>Страница, которую вы ищете, возможно, была переименована или не существует на этом сервере..</b></p>
<p style="text-align: center;"><br><br><b>Перейдите на главную страницу.</b></p>
<p style="text-align: center;"><a class='back' href='/'>Главная</a></p>

 

Читать полностью →