Tumblr «Tips & Tricks – Советы и Хитрости» – SEO

Вот решил начать писать статьи про хитрости и хаки Tumblr‘a. Для начала хочу сказать, что там появился мой первый блог. И эта очень популярная микроблог платформа.

Нус-с начнем.

Для начала заходим в панель редактирования блога (http://www.tumblr.com/customize) (*если у вас несколько блогов в одном аккаунте, то для начала заходим в панель администрирования блога «http://www.tumblr.com/dashboard» выбираем нужный блог и нажимаем на ссылку «customize»*) Вот мы и в панели редактирования блога. Нам нужно отредактировать тему (мы же хотим оптимизировать tumblr блог для поисковиков. не правда ли? ;-) ), для этого заходим в «Theme» и если вы не редактировали свою тему раньше, то у вас должно внизу быть кнопка «Use custom HTML» жмякаем на нее и попадаем в редактирование темы. Тут мы видим html, css, tumblr code теги/коды вашего блога. Не буду в этой статье разбирать коды tumblr’a, но в будущем постараюсь написать статью и разобрать эти коды.

Теперь начнем редактировать тему.

Для начала нам нужно везде где указаны внешние ссылки добавить тег «nofollow» и <noindex></noindex> таким образом мы говорим поисковому боту что этой ссылке не нужно передавать вес нашей страницы.

Пример:

1
2
3
4
5
6
7

{block:Link}
<div class=»link»>
 <noindex>
  <a href=«{URL}» rel="nofollow" {Target}>{Name} &raquo;</a>
 </noindex>
</div>….
{/block:Link}

Теперь самое интересное! В Html5 появились интересные теги, которые могут помочь поисковикам и браузерам узнать где содержимое страницы (<article>). Это делается с помощью тегов <article>содержимое страницы</article>. Значит находим в коде: {block:Posts} … {/block:Posts} и приводим к такому виду:

1
2
3

{block:Posts}
<article>...{block:Text}...{/block:Text}...</article>
{/block:Posts}

Теперь делаем наши заголовки (title) статей в виде ссылки, для этого ищем в теме:

1
2
3
4
5
6

{block:Text}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">
 {Body}
</div>
{/block:Text}

1
2
3
4
5
6
7
8

{block:Text}
<a href=»{Permalink}»>
  {block:Title}<div class=»title»>{Title}</div>{/block:Title}
  <div class=»copy»>
    {Body}
   </div>
</a>
{/block:Text}

1
2
3
4
5

<script src="http://www.google.com/jsapi">
</script><script type="text/javascript">
    google.load("jquery", "1.4.2");
    google.setOnLoadCallback(function() {    });
</script>

1
2
3
4
5
6
7
8
9

<script>
function anichange (objName) {
  if ( $(objName).css('display') == 'none' ) {
    $(objName).animate({height: 'show'}, 400);
  } else {
    $(objName).animate({height: 'hide'}, 200);
  }
}
</script>

1
2
3

{block:PostNotes}
<div class=»notecontainer»> {PostNotes} </div>
{/block:PostNotes}

1
2
3
4
5
6

 <a href="#" onclick="anichange('#1'); return false">(открыть/закрыть)</a>
<div id="1" style="display: none">
{block:PostNotes}
<div class="notecontainer"> {PostNotes} </div>
{/block:PostNotes}
</div>