Как добавить ссылку Читать Дальше в Блог на Blogger. Влияет ли на SEO

Как добавить ссылку Читать Дальше в Блог на Blogger. Влияет ли на SEO

Сегодня речь пойдет о ссылке Читать дальше, которая была придумана для удобства читателей блога. По сей день мои читатели (это касается новичков, которые используют стандартные шаблоны блоггера) спрашивают меня, как сделать так, чтобы текст в постах на главной странице отображался частично, а не полностью. Вот как раз таки в этом случае нам и поможет ссылка Читать Дальше.

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

По умолчанию в Blogger она называется Дальше. Ее название вы легко можете исправить в разделе Дизайн - Сообщения блога - Изменить и в строке где написано Дальше » меняете на свое название. Ну, а в не стандартных шаблонах блогера эта ссылка обычно называется Read More.

Особенности проставления ссылки.
Обычно по умолчанию в каждом блоге на главной странице отображается минимум семь публикаций и это не всегда хорошо.
много публикаций на главной странице
Конечно в этом нет ничего страшного, но если вы продвигаете главную страницу в поисковых системах, тогда лучше закрепить один единственный пост, который наиболее релевантный по запросу вашей главной страницы. Естественно данная публикация должна отображаться полностью, без Читать Дальше, а все остальные статьи вашего блога можно обрезать с ее помощью. Например просмотрите мою главную страницу, а потом перейдите в раздел Бесплатные темы без перевода. Если же у вас много тематический проект и продвижение главной страницы не столь важно, тогда можете оставить на главной более одного сообщения.

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

Разные скрипты по разному взаимодействуют с контентом. Как это может повлиять на SEO.
Есть скрипты (зависит от шаблона), которые убирают часть текста таким образом, что его не видят ни пользователи, ни поисковые боты. А есть скрипты, которые скрывают текст для читателей, тогда как поисковые боты могут и дальше его обрабатывать. Одним из главных правил продвижения в поисковых системах особенно в Гугл является то, что и ботам и читателям контент должен преподноситься в одинаковом виде, не рекомендуется скрывать, что-то от читателя и оставить это доступным для бота и наоборот. Такая тенденция может негативно повлиять на позиции сайта в поисковой выдаче. 

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

Как добавить автоматическую ссылку читать дальше


Чтобы вы не мучились с ручным добавлением ссылки я предлагаю вам установить специальный скрипт, который будет автоматически проставлять ссылку читать дальше в каждой публикации. Для этого вам нужно:

1) В панели управления откройте раздел Тема здесь открываем редактор Изменить HTML перед закрывающим тегом </head> добавьте код:


<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

2) Дальше найдите в шаблоне строку <data:post.body/> замените ее следующим кодом:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore' style='float:right'><a expr:href='data:post.url'>Читать Дальше &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Сохраните тему.

Видео инструкция:
На этом наш очередной урок по блогеру завершен. До скорой встречи.



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

Рекомендуем