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

Хочу осветить такую всем известную и очень щепетильную тему как SEO (Search engine optimization – поисковая оптимизация). Что такое поисковая оптимизация вы можете посмотреть в гугле или в другом поисковике. Тут будет только техническая часть. Хочу заранее вас предупредить, что все делаете на свой страх и риск и конечно же все делаете ковырянием своих «тем – (theme)» и должны ориентироваться в ее структуре.

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

Для начала заходим в панель редактирования блога (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> таким образом мы говорим поисковому боту что этой ссылке не нужно передавать вес нашей страницы.

Пример:

{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} и приводим к такому виду:

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

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

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

И Добавляем перед {block:Title} <a href=»{Permalink}»> и после {/block:Title} </a> т.е все должно выглядит так:

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

На другом своем тублер блоге я закрыл от индексаций реблоги (rebloge) и лайки (Like) с помощью анимационного спойлера. Для этого я использовал библиотеку jquery. Скрипт очень простой. Для начала подключаем jquery:

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

после этого вставляем код скрипта:

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

Теперь находим:

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

И приводим к такому виду:

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

Ну вот пока на этом все. В будущем постараюсь осветит другие секреты tumblr’a.

Tumblr «Tips & Tricks – Советы и Хитрости» – SEO
7 оценок, Средняя оценка: 5 из 5

  1. Добрый день.
    Вставить код гугл-аналитикс не составило труда, там специальное поле есть Google Analitycs ID. С нового года Крым не видит статистику гугла) приходится осваивать Яндекс. Так и не поняла, где вы вид html увидели, где можно вставить счетчик яндекса и он появился на всех страницах блога.

    1. Юлия, когда я писал эту статью в tumblr был совсем другой интерфейс. Значит как зайти в редактирование темы.

      Зайдите на главную страницу tumblr.com и справа вы можете увидеть ссылку «Customize» в русском интерфейсе называется «Настройка нажав на которую вы попадете в режим редактирование вашей темы. После того как вы увидите ваши настройки темы нужно нажать на «Edit HTML» (Изменить HTML) как только вы нажмете на ссылку вы увидите код вашей темы, лучше оттуда ничего не удалять, если вы не знаете что делаете. Для того что бы вставить код метрики, или другие Javascript коды, прокрутите тему до конца и перед </body> вставьте ваш код и нажмите «Update» (Обновить вид) и после «Sava» (Сохранить). Все, если вы все правильно сделали в панели администрирования яндекс.метрики через какое-то вы увидите информацию о посетителях.

      P.S: Буду признателен если Вы опубликуете ссылку на эту инструкцию у себя в блоге.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *