29 авг. 2012 г.

Оптимизация шаблона blogspot - мои действия

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



1. Убираю надпись Технологии Blogger.
Перехожу в старый интерфейс админки блоггера, ибо в новой убрать не получается.
Дальше - Дизайн-изменить html, ищу в шаблоне вот такой код:

<!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>

      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>

  </b:includable>
</b:widget>
</b:section>

Удаляю его. Все ссылка на blogger.com удалена.
Источник: Блоггер не для чайников - очень полезный блог, всем рекомендую для прочтения.

2. Следующий шаг, удаление панели навигации и лишних внешних ссылок из шаблона.
Убираю навбар:
Ищу в шаблоне код:

/* Variable definitions
   ====================

Перед ним вставляю вот такой код:


#navbar-iframe {
display: none !important;
}

Панель навигации удалена.


Удаляю надпись подписаться на сообщения (atom)

Ищу и удаляю в шаблоне такой код:

<b:include name='feedLinks'/>

Удаляю ссылку на быстрое редактирование виджета, quickedit


Ищу и удаляю в шаблоне такой код (их несколько, в зависимости от количества виджетов)


<b:include name='quickedit'/>

Удаляю надпись "Самые последние сообщения с ярлыком"


Ищу в шаблоне такой код:


<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

И заменяю его на такой:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Источник: BloggerФорум - очень полезный ресурс для владельце блогов на платформе blogger.com.


3. Добавляю мета-теги

Ищу в шаблоне такой код:


<title><data:blog.pageTitle/></title>

И заменяю его на такой:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
     <meta content='index,follow' name='robots'/>
     <meta content='Ключевые_слова_страницы' name='keywords'/>
     <title><data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
     <meta content='index,follow' name='robots'/>
     <meta expr:content='data:blog.pageName + &quot; пара_ваших_слов&quot;' name='keywords'/>
     <title><data:blog.pageName/> — Ваш_бренд</title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
     <meta content='index,follow' name='robots'/>
     <meta expr:content='data:blog.pageName + &quot; пара_ваших_слов&quot;' name='keywords'/>
     <title><data:blog.pageName/> — Ваш_бренд</title>
<b:else/>
     <meta content='noindex,follow' name='robots'/>
     <title><data:blog.pageTitle/></title>
</b:if>
</b:if>
</b:if>

<b:if cond='data:blog.metaDescription != &quot;&quot;'>

      <meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if>

Заполняю блоки выделенные красным, нужным мне описанием и ключевыми словами.


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

4. Добавляю "хлебные крошки" на блог. Хлебные крошки -  элемент навигации по сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь.

Ищу в шаблоне такой код:

]]></b:skin>

Перед ним вставляю такой:


.breadcrumbs {
padding:5px 10px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:1px solid #e6e4e3;
}
.breadcrumbs a {
text-decoration:underline;
}

Дальше ищу такой код: Важно! Их в шаблоне два, заменяем оба.


<b:include data='top' name='status-message'/>

Заменяю их на такой:


<b:include data='posts' name='breadcrumb'/>
<b:include data='top' name='status-message'/> 

Ищу такой код:

<b:includable id='main' var='top'>

Заменяю на такой:


<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

"Home" можете поменять на нужное вам название Главной страницы.


Источник: Школа bloggerа - Виджеты, Трюки, SEO, Инструменты. Очень интересный блог!


ДОПОЛНЕНИЕ:
Надпись Технологии Blogger и панель навигации теперь удаляются из админки bloggera. 
Спасибо Justus  и MagentaWAVE!

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

33 комментария:

  1. Мне и надо всё это сделать, что вы пишите. Но вот проблема: нажимаю +Ctrl +F в Хроме. Но поиск ничего не даёт, хотя везде так советуют искать по шаблону.
    А у меня ничего не находит.))

    ОтветитьУдалить
    Ответы
    1. Может быть, я скажу что то совсем глупое, но Вы пробовали в "Изменить HTML" нажимать галочку "Расширить шаблоны виджета"?

      Удалить
  2. Странно... Я тоже пользуюсь хромом и CTRL+F работает.

    ОтветитьУдалить
  3. CTRL+F работает, но ничего не находит.)) Впрочем, и куки исчезли уже. Может переустановка поможет. Впрочем, у меня другой вопрос. Почему-то Яндекс не индексирует внешние ссылки со всяких форумов. Я регюсь, регюсь, а он не признаёт.)))

    ОтветитьУдалить
    Ответы
    1. А сколько времени прошло с момента регистрации? У меня обычно в течении 2 недель в панели яндекс вебмастера появляются.
      Я анализирую какой-нибудь блог, с растущими показателями тица и проставляю ссылки на тех же ресурсах, где проставлены на него)) Пока все удачно...

      Удалить
  4. Ответы
    1. Спасибо, полезная информация все в одном посте! Хотел только добавить от себя - навбар теперь убирается с админки. А ссылка вида - b:include name='quickedit'/ появляется снова если "перетащить" виджет или создать новый!

      Удалить
    2. И тебе спасибо)) про quickedit я знал, а вот про удаление навбара из админки только от тебя узнал.

      Удалить
  5. Все класс только инфа, как было выше замечено, устаревшая. Кстати атрибушн (Attribution) также без болезненно удаляется из админ панели и туда можно также гаджеты перетаскивать (ниже)
    А вот эту штуку - /* Variable definitions - можно вообще всю снести (я так и сделал), если стили все ручками прописали, как-никак а от пары десятков лишних строк в коде можно избавиться. :)

    ОтветитьУдалить
  6. NavBar или панель навигации можно убрать гораздо проще кстати)) Дизайн => Панель навигации "изменить" => Выключено => Сохранить.

    ОтветитьУдалить
  7. Верну COM вместо RU в BLOGSPOT!!!
    Конкретный пример - возврат адреса с http://rs-geo.blogspot.ru опять на http://rs-geo.blogspot.com.
    Восстанавливаются все предыдущие параметры - PR, ТИЦ и т.д.
    Сергей, rodion.s@bk.ru

    ОтветитьУдалить
  8. Большое спасибо автору за статью и за ссылки. Остался очень доволен прочитанным, побольше бы таких статей! *Thumbs up!*

    ОтветитьУдалить
  9. Здравствуйте. Не знаю куда написать, поэтому пишу сюда, друзьям блога о Таиланде. Срочно нужен совет.
    Вчера обновила параметры сайта в бирже блогокаш и все параметры обнулились (не смотря на то, что тиц вырос). Пришел такой ответ: теперь блогспот переходит на доменное имя "ру" блогспот.ру, надо время, чтобы показатели обновились.
    Не подскажете, что это значит?
    Давно хотела перейти на свой доме, хотелось бы без потерь, может сейчас то самое время настало?
    Получается в данный момент обновляются все урл или что вообще происходит?

    ОтветитьУдалить
  10. Перейдут ли все ссылки ведуще на блогспот.ком на блогспот.ру или просто будут утеряны? И главное, тиц?

    ОтветитьУдалить
  11. Нашла, это называется региональный редирект. И как с этим бороться?Что вы сами будете с этим делать?
    Очень надеюсь на ответ!

    ОтветитьУдалить
    Ответы
    1. Ставите редирект, который будет перенаправлять обратно в зону .Com, подробнее здесь: http://daredevil47blog.blogspot.com/2012/10/com-bloggercom.html

      Удалить
  12. Не вижу в этом ни какой проблемы! Ну кидает вас на зону ру ну и что? В выдаче ваш блог остается как com! Продолжайте продвигать блог под com и все! На оборот появились дополнительные возможности в продвижении! (кто в теме тот поймет!)

    ОтветитьУдалить
  13. Спасибо за советы! Попробуем применить на своем блоге!)

    ОтветитьУдалить
  14. Очень прошу помочь мне. У меня возникла такая проблема: Я удалила со страницы гаджет "Страницы". И теперь, хочу восстановить его. Но вместо "+" у меня пишут "уже добавлен" а самого гаджета на странице нет. Помогите пожалуйста!!! что нужно сделать???

    ОтветитьУдалить
  15. Спасибо за подробное описание! Будем ждать улучшения позиций блога!

    ОтветитьУдалить
  16. Вот спасибо большое. Я не знал что можно такое сделать. Буду к вам почаще заходить, уже много полезного для себя нашёл.

    ОтветитьУдалить
  17. Отличная статья. Еще порекомендовал там где возможно объеденить изображения в страйты и добавить мета-тег news_keywords http://pro100blogger.com/search?q=news_keywords

    ОтветитьУдалить
  18. По этому поводу хотел спросить, у них там какие то изменения произошли и теперь нет галочки "Расширить шаблоны виджета".Как теперь поступать кто скажет?

    ОтветитьУдалить
  19. Ребята, кажется у меня тоже не плохо получилось, хотелось бы узнать ваше мнение!
    Спасибо заранее :)
    http://thearmenoid.blogspot.com/

    ОтветитьУдалить
  20. хочу продублировать Aldous Snow "где новые посты?"

    ОтветитьУдалить
  21. http://webdevprof.blogspot.com/2017/06/how-to-create-website.html

    ОтветитьУдалить