19 янв. 2012 г.

Оптимизация blogger

Мой blogger. Seo оптимизация

tweetn
Индексация блога идет полным ходом. Пора сделать изменения в HTML коде, чтобы не индексировалось что не надо и наоборот.

Итак, домохозяйки... Решила я еще раз расписать для домохозяек, что же я меняю в HTML коде шаблона. Повторимся немного.

1. Для того чтобы убрать верхнюю строчку меню от blogger, после head вставляем
<style type="text/css">
#navbar-iframe {display: none !important;}
</style>



2. Ищем header1 и т. п. Меняем (выделено ), для получения возможности добавлять виджеты в различные места блога, в том числе для вставки баннера в заголовок блога

<b:section class='art-Header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Notebooks' type='Header'/>
</b:section>


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

Вставляем после:  <data:post.body>
в любое удобное вам место ,НО до кода:
<div class="post-footer-line post-footer-line-3">
</div>

<div class="post-share-buttons">
<b:include data="post" name="shareButtons">
</b:include></div>
</div>



4. Этот пункт однозначно пропускаем, так как сейчас Favicon вставляется более правильно средствами blogger вне зависимости от шаблона. Раньше Favicon вставлялся так:
Перед </head>
<link href='YOUR-FAVICON-URL' rel='shortcut icon'/>
<link href='YOUR-FAVICON-URL' rel='icon'/>
Свои favicon-ы я поместила в sites-google:
https://sites.google.com/site/bondel*/bon/*og.ico

5. Чтобы название поста страницы шло перед названием блога

вместо:  <title><data:blog.pageTitle/></title>

вставляем:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/> я вставила сюда еще пару слов </title>
</b:if>

Или лучше, так как в блогспоте терепь появились и страницы!
Смотрим ниже, т е... если мы на главной то то-то, а если не на главной то другое, в сравнении с предыдущим вариантом все наоборот:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/>пару слов к описанию блога</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>


6. Запрещaем индексацию архивов:
<b:if cond='data:blog.pageType == "archive"'>
<meta content='NOINDEX,FOLLOW' name='ROBOTS'/>
</b:if>
Если мы посмотрим файд robots.txt, то увидим  такую строчку Disallow: /search , запрет индексирования страниц поиска, так что search страницы индексироваться не будут и вставлять в html ничего не надо.

7. Редирект 301.
Говорят, что теперь Blogger автоматом задаёт данный атрибут и  нет необходимости его прописывать (посмотрите исходный  код и проверьте)
После <head> но так чтобы он относился только к главной странице
<link expr:href='data:blog.homepageUrl' rel='canonical'/>
Теперь у каждой страницы блога для Гугл указан основной домен.


8. Как лучше вставить мета теги пока не нашла Обычно вставляла только для главной страницы... на блогах blogspot видела динамические, но пока как лучше сделать и к чему привязать не очень разобралась...

Вот как предлагают сделать настройки на сайте oт google:

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>
<b:skin><![CDATA[/*

или так

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Keywords'/>
</b:if>

или так

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName+ " / название вашего блога http://адрес вашего блога/"' name='Description'/>
<meta content='INDEX,FOLLOW' name='ROBOTS'/>
</b:if>
вариант как вставить мегатег кейворд используя метки. Предлагают вставить виджет выше Неаd и поправить HTML:
смотрим здесь  merabheja.com/lets-design-meta-tags-and-title-of-your-blogspot-blog/

Не знаю есть ли смысл в этом - хотелась бы описание оригинальное, а кеи, как говорят, не так и важны...

Так же (как вариант) теги <h3> <h4> можно вставлять непоредственно в посте в HTML (зависит от ситуации)

9. Внесу еще небольшое дополнение о том как надо изменить HTML для  Как создания расширяемых кратких описаний сообщений:

 Add it following the main stylesheet and wrap it in <style></style>.
 ]]></b:skin>

 <style>
  <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
  <b:else/>
   span.fullpost {display:none;}
  </b:if>
 </style>

 </head>

Далее, в этом же шаблоне, после слов <data:post.body/>
вставляем следующий код:
<b:if cond='data:blog.pageType != "item"'><br />
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

И в Настройкax - Форматирование и в поле Шаблон сообщения вставляем следующий код:
<span class="fullpost"></span>

Если вы хотите прижать текст к правому краю то второй кусок кода будет таким:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;">Read More !</div></a>
</b:if>
Убедитесь в правильном закрытии тегов: например если вы положите вот так , т. е. DIV закрытие первой и оболочки в этом не будет работать, потому что пролет был начал внутри DIV, поэтому он должен быть закрыт в течение DIV тег, пример:
<div style="text-align: left;">Post in brief, may include pictures too
<span class="fullpost">Hidden part</span>
</div>

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

По  вопросу (дублировать названия)  найдите (CTRL + F) этот код:
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</ a>

Замените весь код с этой новой код:
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>



В конце концов вставила такой код вместо <title><data:blog.pageTitle/></title>:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='INDEX,FOLLOW' name='ROBOTS'/>
<link expr:href='data:blog.homepageUrl' rel='canonical'/>
<title><data:blog.title/> Все о платформе blogger</title>
<meta expr:content='data:blog.title + &quot; / Настройка и оптимизация  blogger  http://uwblogger.blogspot.com/&quot;' name='Description'/>
<meta content='Html, blogger, blogspot, оптимизация, блоггер, настройка, основы seo оптимизации, продвижение сайта бесплатно, seo продвижение раскрутка ' name='keywords'/>
<b:else/>
 <b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='NOINDEX,FOLLOW' name='ROBOTS'/>
 </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<meta content='INDEX,FOLLOW' name='ROBOTS'/>
<title><data:blog.pageName/> | <data:blog.title/> Создать блог на blogspot может каждый</title>
<meta expr:content='data:blog.title + &quot; / Мой любимый blogger  http://uwblogger.blogspot.com/&quot;' name='Description'/>
<meta content='Html, blogger, blogspot, полезности, software, оптимизация, блоггер, настройка, seo' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='INDEX,FOLLOW' name='ROBOTS'/>
<title><data:blog.pageName/> | <data:blog.title/> Создай свой blogger</title>
<meta expr:content='data:blog.title + &quot; / Оптимизация блоггер это просто http://uwblogger.blogspot.com/&quot;' name='Description'/>
<meta content=' blogger, blogspot, полезности, software, оптимизация, блоггер, настройка, оптимизация блога, поисковое продвижение, раскрутка ' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='NOINDEX,FOLLOW' name='ROBOTS'/>
</b:if>
P.S. Код работает  не совсем корректно, на статических страницах появляется надпись Читать далее, что в общем быть не должно и подправить собственно не трудно (в пункте 9), но я решила оставить, так как между <span class="fullpost"></span>можно написать что-нибудь для поисковиков.

Карта сайта для blogger(sitemap)
http://uwblogger.blogspot.com/