Как создать страницу в blogger для публикации нескольких записей:
1) В панели управления создайте Сообщение или Страницу.
2) Задайте странице заголовок с соответствующим названием категории тех публикаций, которые будут на ней отображаться.
3) Установите специальный виджет для публикации записей на странице.
Если вам нужно просто создать категории в блоге, тогда смотрим здесь.
Как в Blogger сделать индексируемые страницы с ярлыками
Касательно минуса, не так давно я опубликовал статью про ярлыки в Blogger:
Blogger ярлыки, что это и для чего нужно их использовать
Рекомендую вам сперва ознакомиться с этой публикацией.
Итак вы узнали, что ярлыки нужны для создания разделов. Так же эти разделы могут и должны приносить дополнительный трафик из поисковых систем. В других платформах так и происходит, но не в Blogger, потому что в блоггер разделы закрыты от индексации. Кроме того, эта проблема создает еще несколько проблемных зон, которые в совокупности отдаляют наш движок от идеального.
Самое интересное, что за все время никто так и не поднял вопрос по поводу того, как решить эту проблему, даже самые продвинутые зарубежные спецы (там blogspot пользуется значительно большим спросом).
Польза индексируемых разделов
Сейчас я приведу небольшой пример того, насколько важны для сайта индексируемые разделы. Допустим наш сайт специализируется на шаблонах для blogger. Есть несколько типов шаблонов. Для примера возьмем два типа: новостные и визитки.Разбили мы посты по соответственным рубрикам, что дальше? Дальше наполняем сайт и ждем посещений. Естественно, что по запросу новостные шаблоны для blogger, пользователь должен попадать в раздел с новостными шаблонами, по запросу шаблоны визитки в раздел с шаблонами визитками. В нашем случае пользователь не найдет такие страницы нашего сайта в поисковике, потому что робот попросту не добавит их туда и причину этого вы уже знаете (они скрыты от индексации). А вот, если бы они были открыты для индексации тогда, трафик сайта мог бы быть в разы больше.
Особенности разделов
В коей мере страницы с разделами по своей сути выполняют функцию главной страницы. Они содержать в себе превью постов и способствуют передвижению посетителя по постраничной навигации. Кстати, страницы постраничной навигации так же скрыты от индексации, как в blogger так и в других движках, WordPress, Joomla и т.д.Кроме того, разделам, как и обычным страницам сайта можно задать мета тег description (описание поста) и сопровождающий контент (текст, картинки, видео, прочее). Все это способствует их продвижению в поисковых системах. Но в каждом движке это сделать достаточно трудно, нужны специальные плагины или редактировать все это через HTML редактор. Тогда, как мой вариант на blogger упрощает все это в разы.
Blogger, как создать индексируемые разделы?
В создании подобных разделов нам помогут:- Статические страницы
- Специальный виджет последних сообщений по заданному ярлыку
Создали? Замечательно, готовимся добавлять виджет. Собственно на поиски и редактирование подходящего виджета ушло не мало времени и усилий. Ведь для этого он должен не просто отображать посты по определенным ярлыкам, но и владеть функцией постраничной навигации или еще лучше Infinite scrolling, а таких игрушек не так и много. Кроме того, виджет будет способствовать лучшему взаимодействию блога с поисковыми роботами, потому как будет выполнятся функция карты сайта. Демо вариант можете посмотреть на странице Виджеты и гаджеты для Blogger
Установка виджета.
Откройте раздел Тема - Изменить HTML в самом конце кода перед тегом
Спасибо! Клевая и полезная статья!
Здравствуй. В итоге должен получится индексируемый ярлык, которым можно воспользоваться при создании сообщений для определенной стат.страницы? Я правильно понял?
Что-то вроде этого. Получается индексируемый раздел (страница) ярлык просто играет вспомогательную роль, так, как благодаря ему срабатывает виджет с сообщениями. Но можно обойтись и без этого виджета, просто создать страницу с нужным заголовком по соответствующему ярлыку например "Первые блюда" добавить нужный текст, картинки и самое главное добавить ссылку (можно кнопку с ссылкой, чтобы было более приметно) которая ведет на страницу с сообщениями по этому ярлыку, например "смотреть посты с первыми блюдами". Все, таким образом вы создаете раздел, который индексируется в поисковых системах. Надеюсь более менее понятно изложил суть)
Подскажите, пожалуйста. В чем причина после вставки кода в тему появления на сообщениях непонятного изображения?
Я так понял появилась картинка типа радуги, если так, то это из-за того, что в таких сообщениях нету картинок, попробуйте добавить в одно из таких сообщений любую картинку.
Какова причина появления непонятного изображения на главной странице во всех миниатюрах??? Эта же штука появляется и в каждом открытом сообщении - картинок в сообщении много. На созданной странице - ок, никаких претензий. вот ссылка на мой блог, пока я не убила код /100500travel.blogspot.in/
Добавьте перед началом первого кода:
а после него:
Да, ок, все сделала - с первой страницы ушло)) Однако осталось в каждом открытом сообщении, кроме центрального, которое выводит отдельный виджет. Код пока не убила))
Перейдите по ссылке goo.gl/BLsXXy на картинке отметил ссылку, которую нужно удалить.
Большое спасибо, все вроде заработало)) Реально виджет крутой и ооооочень полезный)))
Подскажите, пожалуйста, после вставки кода и созданию сообщений с ярлыками все заработало.
Но на тех страницах, на которых еще нет сообщений с данным ярлыком, появилась картинка "загрузки" (прямоугольник с движущимися наклонными полосами).
При добавлении на страницу хотя бы одного сообщения это пропадает - так что не страшно.
НО. При переходе на сообщение в нем тоже появляется эта "загрузка". С чем это может быть связано, и как можно убрать?
Спасибо
при переходе на сообщение это пропало.
Но осталось на Главной странице
Перейдите по ссылке goo.gl/BLsXXy на картинке отметил ссылку, которую нужно удалить.
У меня не получилось ничего. Создала страницу, вставила скрипт Ваш. Далее написала на этой странице сообщение, но никаких превью постов нет(( Видимо я что-то не поняла((( ссылка /goo.gl/gK9gji
Нужно подключить библиотеки jquery - /shablonu-dlya-blogger.ru/2017/07/blogger-ustanovit-vidzhet-sledujushhee-predydushhee-s-miniatjurami.html - смотрите 1 пункт.
Ребята,огромное спасибо! Всё получилось, даже с «картинка типа радуги»!!!
Марк, здравствуйте! Статья хорошая, спасибо. Только вот незадача: не могу в режиме html найти в конце кода найти тег bodу?:-((( Все, что угодно, только не этот тег. Что посоветуете?
Здравствуйте. Попробуйте нажать клавиши CTRL+F в появившемся окне вставить тег и нажать Enter? /utka.su/2aEI8
В некоторых шаблонах тег выглядит следующим образом: /utka.su/yz6Ri
Он точно должен быть, поскольку блог без этого тега не может функционировать.
Добрый день, Марк! Спасибо за такую мобильную реакцию и ответ - даже не ожидала Нашла я этот тег, он был приблизительно посредине кода. Вставила ваш код и получила такую картинку: /drive.google.com/open?id=1ebCTe7IK8-sKiE8KGHv36z1eyXT0_785
Т.е сообщения по ярлыку все равно не появились. Скажите, может это быть связано с темой? Хотя я взяла классическую, "Корпорация чудеса". Может она творить такие чудеса, или проблема в чем-то другом? Буду благодарна за комментарий
Хм...попробуйте подключить библиотеки jquery - /shablonu-dlya-blogger.ru/2017/07/blogger-ustanovit-vidzhet-sledujushhee-predydushhee-s-miniatjurami.html - смотрите 1 пункт.
Насколько я поняла, то подключение библиотеки автоматически вставит виджет Следущее-предыдущее с миниатюрами, а мне как бы не актуально. Ладно, я попробую еще позжее поиграться с кодами. Хотя у меня и шрифты как-то странно себя ведут: в редактировании - большие, а при публикации - диаметрально маленькие. В общем, ежели не разберусь - постучусь за платной помощью
😃 Для того, чтобы срабатывал виджет предыдущее-следующее нужно добавить его код, а вам нужно добавить только библиотеки. Библиотеки jquery необходимы для активации некоторых скриптов, которые без этих самых библиотек не могут полноценно функционировать, это относится и к виджету, который вы пытаетесь установить. Изначально библиотеки jquery не установлены в стандартные темы Blogger. Обращайтесь.
Марк, здравствуйте еще раз Поискала на других источниках про установку этой библиотеки и потом поняла, что п.1 относится именно к установке этой библиотеки. В статье идет речь об установке виджета, "чайники" так буквально это и понимают. Мож, просто добавить туда уточнение, что именно код в п.1 добавляет. Кстати, в других источниках этот же код библиотеки в конце имеет закрывающий тег скрипт, у Вас немножко по-другому, это влияет на результат? В общем, что получилось: вернулась к резервной копии и переустановила библиотеки и код по новой. В результате список из сообщений по ярлыку появился!) Но! На остальных статичных страницах маячит та же волшебная палочка с полосками, прям посредине страниц. Вот ссылка, пока не убирала тестовый вариант, гляньте: /razvivalkina.blogspot.com
Скажите, с Вордпресс та же возня, даже если на готовом конструкторе делать, или поадаптивнее для "чайников" будет?
Здравствуйте. Уберите из скрипта ссылку выделенную на скриншоте - goo.gl/BLsXXy
На WordPress будет в несколько раз сложнее, хотя у них с Blogger немного схожие панели управления. Человеку познавшему Blogger будет немного легче в ознакомлении с WP.
Убрала - заработало хорошо! Спасибо. Осталась проблемка с поплывшими картинками(они стали не пропорциональными) на миниатюрах постов по одному ярлыку. Там надо задавать определенное разрешение?
Попробуйте в конце этой строки:
#feed-container li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;}
Дописать перед закрывающей скобкой значение:
object-fit:cover;
Сохраните тему.
Дописала - помогло наполовину Картинки стали симметричными, но верх по головам урезался:-( Размер картинок уменьшила до минимума. Я пока тестирую - не убирала, посмотрите на моем блоге. Если по-другому не получится, то я нашла еще один метод, реализовала его на другой странице, но с тем же ярлыком - получается плиточка из публикаций.Симпатично.Но ваш метод тоже хорош, как вариант. Только с картинками бы еще подладить.
Марк, хотела Вас еще раз поблагодарить за библиотеки jquery. Благодаря их установке я наконец-то могу нормально работать с шрифтами - из-за них я когда-то забросила этот блог.А теперь вот благодаря вашей помощи - второй шанс, так сказать)
В скрипте есть значения thumbWidth:140,thumbHeight:95
Попробуйте их настроить под свои картинки. 140 это ширина, 90 высота картинки. Сперва удалите Object-fit:cover который дописывали ранее. Рад, что хоть чем-то помог)
Делал в точности как в статье 3 раза. Почему на странице появляются не отдельные статьи, а все на белом фоне. как будто одно фото
Потому что задан белый фон. Все это что? В блоге всего один пост с заголовком...