Упрощаем навигацию по блогу на Blogger

Указатель и два человечика стоят на логотипе BloggerКачественная навигация в блоге, т.е. быстрый поиск полезной и нужной информации для посетителя - один важных критериев продвижения и популярности сайта. В Blogger, для структуризации постов можно воспользоваться такими гаджетами как: "Архив блога", "Страницы" или добавить дополнительное меню самостоятельно.
  Для объединения однотипных статей служба поддержки Blogger советует активно использовать ярлыки(теги) для улучшения навигации.
Скриншот страницы создания сообщения в Blogger
Рис. 1 Как добавить ярлык к сообщению в Blogger
  Т.е. объединять сообщения по смыслу и содержанию, прикрепляя к нему соответствующий тег. Например у меня для этого поста прикреплен ярлык "Blogger", а значит кликнув по нему можно увидеть все сообщения на эту тему. Опытные блогеры пользуются таким способом во всю, уменьшая нагрузку на архив. Практически невозможно встретить узко тематический блог, но даже в таком случаи для улучшения структуры можно вполне пользоваться тегами для улучшения навигации.
  А чтобы помочь посетителю увидеть все сообщения с нужным ярлыком, в Blogger существует гаджет "Ярлыки", который можно расположить в любом месте блога и самостоятельно выбрать теги для показа, при этом будет показано сколько постов соответствует определенному ярлыку.
  Также хочется порекомендовать: если вы пишите размашистые статьи, пользуйтесь разрывом сообщений вставляя ссылку "Дальше":
Скриншот панели WYSIWYG в Blogger
А чтобы избавить пользователя от долгой вертикально прокрутки страницы можно добавить кнопки "Вверх/Вниз" для ускорения процесса.

На этом пока все, удачи.

18 комментариев:

  1. Спасибо, вот теперь более - менее все понятно, только подскажите как вставиь теперь ярлык допустим в Ваше супер выпадающее меню.

    ОтветитьУдалить
    Ответы
    1. Присваиваете группе однотипных сообщений (со сходной тематикой) ярлыки, затем публикуете сообщения, а когда сообщения опубликованы, то под ним есть надпись "Ярлыки" и собственно сам ярлык, нажав на который будут показаны все сообщения под этим ярлыком, когда это произойдет - копируете ссылку с адресной строки браузера и вставляете её туда где хотите сделать такой раздел. Вот и все, как видите все элементарно и просто.

      Удалить
  2. Большое спасибо! Как всегда ясно и понятно!

    ОтветитьУдалить
  3. Дмитрий04.07.13, 11:38

    Добрый день! У меня перестали появляеться теги (ярлыки) под сообщениями. Во вкладке Дизайн галочка стоит на том, чтобы они были показаны, но их нет. Не подскажите в чем может быть причина? Мне кажется, что я их с кода нечайно удалил, но как восстановить, ведь я не знаю даже в какой части кода тот кусок был, отвечающий за показ этих тегов.

    И естеттвенно не знаю как этот код выглядит, а то мог бы его просто скопировать с нового блога. А так во всем этом коде черт ноу сломит )) Подскажите, что нужно искать в коде.

    ОтветитьУдалить
    Ответы
    1. Все зависит от того что вы делали. Если вы не знаете что удалили, создайте еще один блог, и посмотрите по шаблону чего у вас не хватает. Ярлык по-английски - lebel в шаблоне блок с ярлыками имеет класс - post-lebels. Я с таким еще не сталкивался, по-этому что-то более конкретное сказать не могу, а разбираться сейчас просто нет времени.

      Не забывайте делать резервную копию шаблона перед редактированием.

      Удалить
  4. Подскажите, пожалуйста, что и как нужно сделать, чтобы на следующих страницах блога:

    - labels;
    - archive;
    - Newer Posts /Older Posts (search?updated-max=),

    выводилось определённое заданное пользователем количество сообщений, например одно, или два?

    И, заодно, такой вопрос. Чтобы не ошибиться в кодах CSS, можно ли добавлять сверху этих кодов какие-то свои записи (пару слов). Если - да, то как это можно сделать?

    ОтветитьУдалить
    Ответы
    1. Первая часть вопроса. Настроить количество постов на страницах ярлыков можно так - Шаблон - Изменить HTML
      находим :
      <a expr:href='data:label.url'>
      и добавляем :
      <a expr:href='data:label.url + "?max-results=4"'> / 4 - число относительное, замените на свое /

      Относительно второй части, вам сюда:
      http://www.magentawave.com/2014/01/simply-about-css.html

      Удалить
  5. Спасибо. 2-й пункт вопроса мне ясен. А по первому хотел бы уточнить. У меня в блоге есть только такой код с указанной выше строкой:


    ,


    Поэтому, просьба уточнить, что и как нужно в нём поменять?

    ОтветитьУдалить
    Ответы
    1. Попробуйте указывать код без угловых скобок "<,>" тогда он будет отображаться

      Удалить
  6. полностью код - web-feed.net/test/3939393939.txt

    ОтветитьУдалить
    Ответы
    1. Попробуйте проявить смекалку:) , а если не получится, тогда наверное так
      <a expr:href='data:label.url + "?max-results=4"' rel='tag'>

      Удалить
    2. Анонимный08.12.15, 15:24

      Спасибо, попробую. Насчёт смекалки в этом плане вряд ли.

      Удалить
    3. Анонимный08.12.15, 16:22

      Нет, этот это код не работает.

      Удалить
    4. Попробуйте так
      <a expr:href='data:label.url + "?max-results=4"' rel='tag'>
      Код работает, для проверки нажмите на ярлык в этом сообщении, на страницах результата будет показываться по 4 сообщения с данным ярлыком.
      Если вам нужно чтобы при клике по ссылке гаджета "Ярлыки" происходило тоже самое, то такую же операцию требуется провести и кодом из него.

      Удалить
    5. Анонимный09.12.15, 0:44

      Вот какой вопрос был:

      """ - labels;
      - archive;
      - Newer Posts /Older Posts (search?updated-max=), """

      то есть, мне нужно для всего вышеуказанного.

      Удалить
    6. Рабочий пример расположен выше, попробуйте применить его по аналогии при необходимости.

      Удалить
    7. Что такое - "по аналогии"? Если знаете, то напишите, что и где нужно указать (дополнить).

      Удалить
    8. По аналогии, значит исходя из представленного примера. Что и где написано выше.

      Удалить

Следующее Предыдущее

BestProject