Как создать страницу в blogger для публикации нескольких записей

Как создать страницу в blogger для публикации нескольких записей:

1) В панели управления создайте Сообщение или Страницу.
2) Задайте странице заголовок с соответствующим названием категории тех публикаций, которые будут на ней отображаться.
3) Установите специальный виджет для публикации записей на странице (код виджета внизу).

Если вам нужно просто создать категории в блоге, тогда смотрим здесь.

Как в Blogger сделать индексируемые страницы с ярлыками

Друзья, наконец-то сложился пазл, совпали звезды, выпали кости с нужным числом... короче появилось время и нужные инструменты, для написания этой статьи. В плане продвижения эта статья очень полезна для пользователей платформы Blogger, ведь ознакомившись с ней вы узнаете, как перекрыть самый большой минус нашего движка.

Касательно минуса, не так давно я опубликовал статью про ярлыки в Blogger:

 Blogger ярлыки, что это и для чего нужно их использовать

Рекомендую вам сперва ознакомиться с этой публикацией.

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

Самое интересное, что за все время никто так и не поднял вопрос по поводу того, как решить эту проблему, даже самые продвинутые зарубежные спецы (там blogspot пользуется значительно большим спросом).

Польза индексируемых разделов

Сейчас я приведу небольшой пример того, насколько важны для сайта индексируемые разделы. Допустим наш сайт специализируется на шаблонах для blogger. Есть несколько типов шаблонов. Для примера возьмем два типа: новостные и визитки. 

Разбили мы посты по соответственным рубрикам, что дальше? Дальше наполняем сайт и ждем посещений. Естественно, что по запросу новостные шаблоны для blogger, пользователь должен попадать в раздел с новостными шаблонами, по запросу шаблоны визитки в раздел с шаблонами визитками. В нашем случае пользователь не найдет такие страницы нашего сайта в поисковике, потому что робот попросту не добавит их туда и причину этого вы уже знаете (они скрыты от индексации). А вот, если бы они были открыты для индексации тогда, трафик сайта мог бы быть в разы больше.

Особенности разделов

В коей мере страницы с разделами по своей сути выполняют функцию главной страницы. Они содержать в себе превью постов и способствуют передвижению посетителя по постраничной навигации. Кстати, страницы постраничной навигации так же скрыты от индексации, как в blogger так и в других движках, WordPress, Joomla и т.д. 

Кроме того, разделам, как и обычным страницам сайта можно задать мета тег description (описание поста) и сопровождающий контент (текст, картинки, видео, прочее). Все это способствует их продвижению в поисковых системах. Но в каждом движке это сделать достаточно трудно, нужны специальные плагины или редактировать все это через HTML редактор. Тогда, как мой вариант на blogger упрощает все это в разы.   

Blogger, как создать индексируемые разделы?

В создании подобных разделов нам помогут:

1. Статические страницы
2. Специальный виджет последних сообщений по заданному ярлыку 

Для начала можете создать все нужные статические страницы под разделы, задать им соответствующие названия (проведите работу с ключевыми словами), тексты, описания, человекопонятные url.

Создали? Замечательно, готовимся добавлять виджет. Собственно на поиски и редактирование подходящего виджета ушло не мало времени и усилий. Ведь для этого он должен не просто отображать посты по определенным ярлыкам, но и владеть функцией постраничной навигации или еще лучше Infinite scrolling, а таких игрушек не так и много. Кроме того, виджет будет способствовать лучшему взаимодействию блога с поисковыми роботами, потому как будет выполнятся функция карты сайта. Демо вариант можете посмотреть на странице Виджеты и гаджеты для Blogger

Установка виджета.

Откройте раздел Тема - Изменить HTML в самом конце кода перед тегом </body> вставьте код:

HTML
<style type="text/css">
#table-outer{padding:7px 10px;margin:0 auto}
#table-outer table{width:auto;margin:0 auto}
#table-outer form{font:inherit}
#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}
#table-outer select[disabled]{opacity:.4}
#post-searcher{display:block;margin:0;padding:0}
#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family: Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#table-outer select option{min-height:1.4em!important;}
#table-outer input#feed-q{padding:5px 10px!important;}
#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}
#feed-container {list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}
#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:700}
#feed-container li a:hover{text-decoration:none;color:#E94141}
#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}
#feed-container li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;}
#result-desc{margin:0;padding:0;}
#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}
#result-desc div{color:inherit}
#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}
#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}
#feed-nav a,#feed-nav span:hover{color:#1B1B1B}
#feed-nav a:active,#feed-nav a:hover{color:#555}
#feed-nav span{cursor:wait}
@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}
#feed-container,#table-outer{margin:0 auto}
#feed-container li .inner{margin:5px auto;height:auto}
#feedContainer li{float:none;display:block;width:auto;height:auto}
#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:!important}
}
.post-body{min-height:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOl8_E97FsfzUthZc9R49H3poinih6uNU0_mKRFuBpo2I8c0aU7msbNSZOPKDDCd0buhvoIsKw5ZT8__zu2o5HPQ_Kgec64NZr2fVZ8-wK6ilww7X9y7kiJoUerhni0pBblo0rUA9urEI/w220-h19-no/ajax-loader+%25281%2529.gif)50% 50% no-repeat!important;}
</style>

<script type='text/javascript'>
//<![CDATA[
//Script Recent Pos By Label
document.write;var loadToc,loadCategories,_toc={init:function(){var e={homePage:"https://"+window.location.hostname,maxResults:10,numChars:270,thumbWidth:240,thumbHeight:155,navText:"Дальше &#9660;",resetToc:"Больше постов нет",noImage:"https://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg",loading:"<span>:Загрузка...</span>"},t=(window,document),n=function(e){return t.getElementById(e)},a={e:n("result-desc"),f:n("feed-container"),g:n("feed-nav"),h:t.getElementsByTagName("head")[0],i:0,j:null,k:"published",l:0,m:""},l={a:function(){old=n("temporer-script"),old.parentNode.removeChild(old)},b:function(e){var i=t.createElement("script");i.type="text/javascript",i.id="temporer-script",i.src=e,n("temporer-script")&&l.a(),a.h.appendChild(i)},c:function(t,n,i){a.i++,a.e.innerHTML=e.counting,a.g.innerHTML=e[1==t?"searching":"loading"],0===t?l.b(null!==n?e.homePage+"/feeds/posts/summary/-/"+n+"?alt=json-in-script&start-index="+(a.i*e.maxResults+1)+"&max-results="+e.maxResults+"&orderby="+i+"&callback=loadToc":e.homePage+"/feeds/posts/summary/-/"+label+"?alt=json-in-script&start-index="+(a.i*e.maxResults+1)+"&max-results="+e.maxResults+"&orderby="+i+"&callback=loadToc"):1==t&&l.b(e.homePage+"/feeds/posts/summary/-/"+label+"?alt=json-in-script&start-index="+(a.i*e.maxResults+1)+"&max-results="+e.maxResults+"&q="+n+"&orderby="+i+"&callback=loadToc"),a.j=null!==n?n:null,a.l=t,a.a.disabled=!0,a.b.children[0].disabled=!0},d:function(n){var i;if(a.g.innerHTML="",a.e.innerHTML="<div>Всего постов: "+n.feed.openSearch$totalResults.$t+" </div>","entry"in n.feed){for(var r,s,o,d,c=n.feed.entry,u="0 Komentar",m=0;m<e.maxResults&&m!=c.length;m++){r=c[m].title.$t,o="summary"in c[m]?c[m].summary.$t.replace(/<br ?\/?>/gi," ").replace(/<(.*?)>/g,"").replace(/<iframe/gi,"").substring(0,e.numChars):"",d="media$thumbnail"in c[m]?c[m].media$thumbnail.url.replace('s72', 's200'):e.noImage.replace(/\/s[0-9]+\-c/,"/s"+e.thumbWidth);for(var h=0,b=c[m].link.length;b>h;h++)s="alternate"==c[m].link[h].rel?c[m].link[h].href:"#";for(var p=0,g=c[m].link.length;g>p;p++)if("replies"==c[m].link[p].rel&&"text/html"==c[m].link[p].type){u=c[m].link[p].title;break}i=t.createElement("li"),i.innerHTML='<div class="inner"><img style="width:'+e.thumbWidth+"px;height:"+e.thumbHeight+'px;" src="'+d+'" alt="'+r+'"><a class="toc-title" href="'+s+'" target="_blank" title="'+r+'">'+r+'</a><div class="news-text">'+o+'&hellip;<br style="clear:both;"></div></div>',a.f.appendChild(i)}i=t.createElement("a"),i.href="#load-more",i.innerHTML=e.navText,i.onclick=function(){return l.c(a.l,a.j,a.k),!1}}else i=t.createElement("a"),i.href="#reset-content",i.innerHTML=e.resetToc,i.onclick=function(){return a.i=-1,a.e.innerHTML=e.counting,a.f.innerHTML="",l.c(0,null,"published"),a.a.innerHTML=a.a.innerHTML,a.b.children[0].innerHTML=a.b.children[0].innerHTML,!1};a.g.appendChild(i),a.a.disabled=!1,a.b.children[0].disabled=!1}};loadToc=l.d,loadCategories=l.e,l.b(e.homePage+"/feeds/posts/summary/-/"+label+"?alt=json-in-script&start-index="+(a.i+1)+"&max-results="+e.maxResults+"&orderby=published&callback=loadToc"),l.b(e.homePage+"/feeds/posts/summary/-/"+label+"?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories"),a.a.onchange=function(){a.i=-1,a.f.innerHTML="",a.g.innerHTML=e.counting,a.b.children[0].innerHTML=a.b.children[0].innerHTML,l.c(0,null,this.value),a.k=this.value},a.c.onsubmit=function(){return a.i=-1,a.f.innerHTML="",a.m=a.d.value,l.c(1,a.d.value,a.k),!1}}};_toc.init();
//]]>
</script>

Если у вас все еще http протокол, тогда в строке выделенной красным: https, удалите букву s.

Сохраните шаблон.

Теперь в разделе Страницы откройте любую из ваших созданных страниц, перейдите на вкладку HTML и в любом месте вставьте код:

HTML<div id="result-desc">
</div>
<ul id="feed-container"></ul>
<div id="feed-nav">
</div>
<script type="text/javaScript">
  var label="Шаблоны";
</script>

Ярлык "Шаблоны" замените на свой ярлык. Обновите страницу.

Видео по теме:

Вот и все, рубрики для  поисковиков готовы. Все вопросы в комментарии.

Комментарии и отзывы

Mark Korvin февраля 29, 2024 Коммент.

Поделиться в социальных сетях:

Facebook X Vkontakte

Рекомендуем