Оптимизация title в блогах blogspot

Редкий бомж побрезгует поисковой оптимизацией своего блога. Расскажу о полезном усовершенствовании.

По-умолчанию заголовок страницы поста имеет вид "Название блога" - "заголовок поста". Это не очень хорошо, потому что заголовок поста зачастую является более информативным и содержит важные ключевые слова.

Наша задача: изменить порядок следования элементов в title.

Решение было найдено у буржуйских собратьев.

Шаг 1. Открываем знакомую вкладку редактирования шаблона.



Шаг 2. Находим фрагмент <title><data:blog.pageTitle/></title>



Шаг 3. Меняем этот фрагмент на следующий код:

<b:if cond='data:blog.pageType'><b:section id='titleTag'><b:widget id='Blog2' locked='false' title='Blog' type='Blog'><b:includable id='comments' var='post'/><b:includable id='postQuickEdit' var='post'/><b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> ~ <data:blog.title/></title></b:includable><b:includable id='backlinkDeleteIcon' var='backlink'/><b:includable id='feedLinksBody' var='links'/><b:includable id='backlinks' var='post'/><b:includable id='status-message'/><b:includable id='feedLinks'/><b:includable id='nextprev'/><b:includable id='commentDeleteIcon' var='comment'/><b:includable id='post' var='post'><data:post.title/></b:includable></b:widget></b:section><b:else/><title><data:blog.pagetitle/></title></b:if>

Получается что-то в таком духе:



Жмем Preview и убеждаемся что страница формируется (формируется вообще, мы не допустили ошибок в шаблоне).

Если все в порядке, то сохраняем изменения и после этого идем смотреть страницу отдельного поста.

P.S. Решение работает только для страницы поста и не затрагивает страницу архива или страницу тега. Несмотря на валидность получившегося кода, добавляется пара лишних тэгов - title оборачивается в лишние div-ы. Не разбирался в чем дело, но, возможно, это издержки технологии виджетов. В любом случае, имеем 80% пользы за 20% времени ;-)

Кнопки сабмита в социальные закладки для Blogger-а

Шаг 1. Заходим в Template => EditHtml.



Шаг 2. Дожидаемся полной загрузки страницы. Включаем галочку "Expand Widget Templates"



Шаг 3. Дожидаемся полной загрузки страницы. Далее ищем в коде комментарий: "quickedit pencil". Здесь подразумевается, что у вас разрешено отображение иконки быстрого редактирования поста.



Шаг 4. За закрывающим тэгом параграфа добавляем код кнопок. Код будет таким:

<p><a expr:href='"http://news2.ru/add_story.php?url=" + data:post.url'><img border='0' height='16px' src='atYourServer/news2.gif' width='16px'/></a> <a expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;title=" + data:post.title + "&amp;" + data:post.url'><img border='0' height='16px' src='atYourServer/google.png' width='16px'/></a> <a expr:href='"http://www.slashdot.org/bookmark.pl?url=" + data:post.url + "&amp;title=" + data:post.title'><img border='0' height='16px' src='atYourServer/slashdot.gif' width='16px'/></a> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;t=" + data:post.title'><img border='0' height='16px' src='atYourServer/yahoomyweb.png' width='16px'/></a> <a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img border='0' height='16px' src='atYourServer/digg.16px.gif' width='16px'/></a> <a expr:href='"http://technorati.com/faves?add=" + data:post.url'><img border='0' height='16px' src='atYourServer/technorati.16px.png' width='16px'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img border='0' height='16px' src='atYourServer/delicious.16px.gif' width='16px'/></a> <a expr:href='"http://www.bobrdobr.ru/addext.html?url=" + data:post.url + "&amp;title=" + data:post.title'><img border='0' height='16px' src='atYourServer/bobr_sml_blu_1.gif' width='16px'/></a> <a expr:href='"http://rumarkz.ru/bookmarks/?action=add&amp;address=" + data:post.url + "&amp;title="+ data:post.title'><img border='0' height='16px' src='atYourServer.rumarkz.png' width='16px'/></a> </p>

Строку atYourServer заменяем на путь к картинкам на вашем сервере. Я загрузил их в свой аккаунт блоггера - мне кажется, так удобнее всего.

Важная деталь: при добавлении НОВЫХ кнопок, не забывайте менять символ & на &amp;

Шаг 5. Нажимаем кнопку «Preview» и наблюдаем результат.