Советы Blogger'у

Генератор мета-тэгов для блоггера

noreply@blogger.com (Gtemplar) — Sun, 28 Mar 2010 06:28:00 +0000

Не так давно я писал о том, как добавить мета-тэги для отдельных страниц в Blogspot. О всех полезностях данной процедуры можно прочитать в вышеприведенной статье.

Сегодня же я хочу представить Вам инструмент для генерации этих самых мета-тэгов.

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

После ввода данных для мета-тэгов и нажатия кнопки Continue мы получаем код:

И следуем инструкциям записи как добавить мета-тэги для отдельных страниц в Blogspot.

Скрипт находится по адресу http://seotools.bloggertricks.com/free/online-meta-tags-generator-tool/

Рабочие ключи Касперского для всех версий абсолютно бесплатно.

Как отобразить HTML-код в сообщении

noreply@blogger.com (Gtemplar) — Sat, 20 Mar 2010 05:15:00 +0000

Когда-то я столкнулся с проблемой вывода html кода в сообщении блога. Но быстренько нашел ее решение и забыть про нее забыл. И вот буквально пару дней назад наткнулся на инструмент, позволяющий оптимизировать (конвертировать) html код.

В чем вообще суть этого этого скрипта? А в том, что символы &LТ; и &GТ; могут заменяться сочетаниями символов < и >. Эти закорючки браузер не будет отображать, а вместо них пользователь увидит нужные нам открывающие и закрывающие скобки html кода.

Хорошо если нам нужно вывести одну-две строчки. А если нужно отобразить большой код?

Использование инструмента для конвертирования кода заключается в том, что Вы вставляете код в диалоговое окно и жмете кнопку "Convert". На выходе имеет код, который пригоден для вставки в тело сообщения. Скрипт находится по адресу http://www.allblogtools.com/html-character-encoder.

P.s. Если не хотите им пользоваться, то я делаю следующим образом: вставляю код в MS word и с помощью функции "найти и заменить" привожу код к рабочему виду. Сначала заменяю < на <, затем - > на >.

А что ты знаешь о Blogger?

noreply@blogger.com (Gtemplar) — Wed, 17 Mar 2010 17:09:00 +0000

Cервис Blogger (Blogspot) был запущен компанией Pyra Labs 23 августа 1999 года, а начал функционировать лишь только спустя почти год - 31 июля 2000 года. Это был один из первых проектов, предназначенных для блоггинга и популяризации этого вида интернет-деятельности. Можно предположить, что Blogger захватил сердца интернетчиков благодаря тому, что он освобождал своих пользователей от таких процедур, как изучение языков веб-програмирования , операции с регистрацией доменов, покупка хостинга. При всех этих удобствах любой желающий мог заиметь свой личный мини-сайт и управлять им через веб-интерфейс, при этом не имея ни малейшего понятия о том, что такое html, css или тэг. Одним словом, волна, которая на сегодняшний день уже давно не волна, а страшной силы цунами, была рождена и начинала увеличиваться. В феврале 2003 года корпорация Google приобретает Pyra Labs, условия сделки при этом не разглашаются. Google сразу же дарит своим пользователям подарок: как и большинство сервисов Pyra Labs предлагала пользователям Blogger дополнительные услуги для улучшения своих блогов (разумеется за небольшое денежное вознаграждение), Google сделал все возможности сервиса Blogger бесплатными. В 2004 году Google приобретает фотохостинг Picassa и интегрирует его в Blogger, чем упрощает пользователям работу с изображениями, в частности их публикацию. 9 мая 2004 года в Blogger были внесены значительные изменения. У пользователей появилась возможность архивировать блоги, устанавливать систему комментариев, делать публикации по электронной почте и править CSS шаблонов своих блогов.
14 августа 2006 Blogger перешёл на новую бета-версию движка с кодовым именем Invader. Содержимое блогов стало постепенно переводиться на сервера Google, а также появились некоторые другие улучшения, такие как drag-and-drop редактирование шаблонов страниц, возможность ограничения доступа чтения блогов для ведения приватных блогов. Период бета-тестирования завершился в декабре 2006 года.

К маю 2007 года переезд Blogger на сервера Google был полностью завершен. По итогам этого же года Blogger стоял на 16 месте в списке самых посещаемых доменов.

С переездом на Google в Blogger были внедрены некоторые новые возможности: редактирование drag-and-drop, разрешение на просмотр страниц блога, аггрегаторы материалов в фиды

Чуть позже появились черновики Blogger (Blogger in draft), где проходят тестирование все нововведения Blogger.

В сентябре 2009 года, по случаю празднования своего десятилетия, Blogger ввел еще одну довольно большую партию новых возможностей: улучшенная форма ввода содержимого, установка даты публикации, полная поддержка Safari 3, новое окно предпросмотра, которое позволяет увидеть пост в таком виде, в каком он появится после его публикации, дабы не перечислять все приемущества, достаточно сказать, что появился полноценный WYSIWYG-редактор. Тем не менее, этот редактор был раскритикован за плохую совместимость (чего нельзя было сказать о его предшественнике).

Эта история, разумеется, содержит лишь малую часть того, что случилось с сервисом за 10 с небольшим лет - дальнейшая его судьба будет описываться в этом блоге: я буду писать о новых инструментах и возможностях, которые будут внедряться в Blogger, рассказывать об интеграции Blogger с различными сервисами, публиковать новости, словом, делать все то, чтобы помочь Вам сделать свои блоги лучше. Так что не раздумывайте, подписывайтесь на RSS и узнавайте обо всем первыми!

Дизайнер шаблонов Blogger

noreply@blogger.com (Gtemplar) — Sun, 14 Mar 2010 07:51:00 +0000

Этой радостной статьей я начну новую рубрику своего блога "Инструменты блоггера". На повестке дня новая возможность, которую рад представить нам Blogspot - дизайнер шаблонов! Теперь блоггер сам может определить достаточно тонкие детали внешнего вида своего блога. Такой шаблон уже можно будет считать не пабликом (хотя совпадения, наверняка, будут).

Возможности дизайнера шаблонов.

Этот инструмент позволяет блоггеру использовать 15 новых шаблонов и производить его настройку по следующим свойствам: цвета, шрифты, фон, используя сотни заготовок и изображений, изменять расположение блоков, регулировать ширину, настраивать внешний вид ссылок, настраивать футер.

Как пользоваться дизайнером шаблонов?

В настоящий момент этот инструмент доступен в черновиак Blogger. После входа в аккаунт перейдите на вкладку дизайн (layout) и вы увидите, что появилась новая вкладка:

После перехода по ссылке вы попадете на страницу, разделенную на 2 половины: настройка и предпросмотр:

В фрейме настройки есть 4 вкладки:

Шаблоны
Фон
Дизайн
Дополнительно

Подойду к каждому из пунктов поподробнее:

Выбор шаблона.

Blogger представляет на наш выбор 15 новых шаблонов, разбитых на 4 категории. Щелкнув на одну из категорий, под ней появятся 3-4 шаблона. Нажав на один из них, вы сможете перейти к его редактированию.

Настройка фона.

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

Натройка дизайна.

Очень важная секция, в которой можно настраивать колиство колонок в основной части блога и в футере, а так же настраивать ширину блога.

Дополнительные настройки шаблона.

Дополнительные настройки включают в себя 12 подпунктов (частично переведенных на русский язык):

Текст на странице
Ссылки
Название блога
Текст вкладок
Фон вкладок
Дата шапки
Заголовок сообщения
Текст виджетов
Фон виджетов
Ссылки на RSS
Загрузить CSS

После того, как вы произвели все настройки, нажмите оранжевую кнопку в верхнем правом углу и наблюдайте за изменениями!

Экспериментируйте!

Удачи!

P.s. Становление WAP-блогосферы. Как по мне, так очень даже перспективно - советую обратить внимание.

Кнопки Retweet и Buzz this на Blogspot

noreply@blogger.com (Gtemplar) — Thu, 11 Mar 2010 19:14:00 +0000

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

..даже и не знаю с какой стороны красиво подойти к теме))

Короче! Если мы хотим чтобы добрый читатель отблагодарил нас за изложенный материал - мы создаем для этого все условия. Если быть конкретнее, ниже будет написано как встроить в шаблон Blogspot такие элементы как кнопка Buzz this и кнопка Retweet.

Найти коды самих кнопок - не проблема. А вот как и куда их вставить - слушайте внимательно.

Для начала вот коды кнопок:

Кнопка Retweet.

<div style='float: right;'><script src='http://widgets.backtype.com/tweetcount.js' type='text/javascript'/></div>

Кнопка Buzz This.

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}"><img alt="Buzz this" src="http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png" />

Вставлять их можно куда угодно - я приведу свое решение.
В каждое сообщение я в режиме "изменить html" вставляю код

<noindex>
<div style="float: right;">
<center>
<div>
<script src="http://widgets.backtype.com/tweetcount.js" type="text/javascript">
</script>
</div>
</center>
<div>
<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}"><img alt="Buzz this" src="http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png"></a>
</div>
</div>
</noindex>

Этот чудо-код собирает кнопку Retweet и Buzz This в контейнер и приколачивает их к правому борту. Чтобы изменить расположение на противоположную сторону - поменяйте значение параметра float с right на left.

Массовых Вам ретвитов и ребазов!

Как добавить мета-тэги для отдельных страниц в Blogspot

noreply@blogger.com (Gtemplar) — Wed, 03 Mar 2010 06:29:00 +0000

Доброго времени суток!
Сегодня я хочу поделиться с Вами еще одним своим только что приобретенным навыком, а если быть конкретнее, то в этом посте я расскажу как добавить мета-тэги к отдельным страницам в Blogspot (так же применимо для статических страниц).
Не буду долго останавливаться на предназначении мета-тэгов, скажу лишь то, что они, мета-тэги, помогают поисковым системам определить, о чем идет речь на конкретной странице.
Я честно признаюсь - я не первооткрыватель этой методики, но я старательно переводил текст статьи иностранного блоггера))
Вперед!

Как уже было сказано, добавление мета-тэгов положительно сказывается на восприятии страниц Вашего блога поисковыми системами (элемент SEO). Но использование одинаковых мета-тэгов для всех страниц понижает позицию страниц в выдаче поисковиков, следовательно, уменьшает объем траффика с поисковых систем. А использование уникальных мета-тэгов для отдельных страниц уточняет содержание страницы, что поднимает ее в глазах поискового робота.

Теперь перейдем к практикуму:

К сожалению, сам сервис Blogspot не предусматривает никакого плагина или модуля, позволяющего добавлять мета-тэги через веб-интерфейс. Для этого нужно редактировать код "вручную".

Переходим к редактированию HTML (панель управления/дизайн/изменить HTML) и находим следующий его фрагмент:

<b:include data='blog' name='all-head-content'/>

Сразу под этими строками добавляем следующий код:

<b:if cond='data:blog.url == "http://bs-box.blogspot.com/"'>

<meta content='Описание страницы' name='description'/>
<meta content='Ключевые слова' name='keywords'/> </b:if>

Таким образом, мы присвоили описание и ключевые слова для главной страницы (в данном примере - моего блога).

Аналогично осуществляется и присваивание мета-тэгов для записей в блоге. Участок кода, отвечающий за мета-тэги этой и главной страницы моего блога выглядит следующим образом:

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == "http://bs-box.blogspot.com/"'>

<meta content='Советы по ведению блога на блогхостинге Blogspot. Интеграция сторонних сервисов на Blogspot. Шаблоны Blogspot.' name='description'/>

<meta content='Blogspot, Blogger, блог, блогспот' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "http://bs-box.blogspot.com/2010/03/kak-dobavit-meta-tegi-dlia-otdelnih.html"'>

<meta content='Как на Blogspot добавить различные мета-тэги для каждой страницы блога в отдельности.'/>

<meta content='Мета-тэги для страниц, Blogspot' name='keywords'/> </b:if>

Да, не могу сказать, что метод легкий (особенно если у Вас на блоге уже опубликовано с пол сотни записей) - как и в случае с ЧПУ нужно поработать ручками, в чем искренне желаю Вам удачи!

Оригинальный текст на английском языке находится по адресу http://www.bloggertricks.com/2008/08/how-to-add-different-meta-tags-to.html

И еще на закуску :

Смотрели телепередачу "последний герой"? Так вот! - Я Вам предлагаю понаблюдать за суровым Белорусским оптимизатором, Андреем Гусаровым и его проектом Продвижение любой ценой!

Кнопки "Читать в Яндекс-ленте" и "Читать в Google reader"

noreply@blogger.com (Gtemplar) — Sat, 27 Feb 2010 07:56:00 +0000

Я уже как-то писал небольшие мануальчики для начинающих блоггеров по установке некоторых счетчиков и кнопок. Но сегодня дошли и мои руки до установки на своем блоге кнопок Читать в Яндекс ленте и Читать в Google Reader.. И что вы думаете? - Да я так намучился!!!))) Дело все в том, что сайты, находящиеся в топе по запросам кнопка читать в яндекс ленте и похожим на него, наверное, сговорились. Кавычки в коде то русские, то латинские, где-то даже знак равенства перед ссылкой на двоеточие заменен! Это я такой молодец - посмотрел и разобрался, а кто не знает?
Короче! Вот Вам, товарищи, которые только становятся на тернистый путь блогера, два нормальных, рабочих, только что испытанных кода:

Кнопка Читать в Яндекс.Ленте

<a title="Читать в Яндекс.Ленте" href="http://lenta.yandex.ru/settings.xml?name=feed&url=http://feeds.feedburner.com/bs-box"><img src="http://lenta.yandex.ru/i/addfeed.gif" border="”0″" alt="Читать в Яндекс.Ленте"></a>

Кнопка Читать в Google Reader

<a title="Читать в Google Reader" href="http://www.google.com/reader/view/feed/http://feeds.feedburner.com/bs-box"><img src="http://buttons.googlesyndication.com/fusion/add.gif" border="”0″" alt="Читать в Google Reader"></a>

Все, что остается сделать - это изменить адрес фида моего блога (http://feeds.feedburner.com/bs-box) на Ваш!
Пользуйтесь!

Комментарии Blogspot: Disqus

noreply@blogger.com (Gtemplar) — Fri, 26 Feb 2010 08:03:00 +0000

Не так давно я увидел на одном из форумов обсуждение системы комментирования Disqus. На тот момент я не обратил на нее ни малейшего внимания, т.к. обсуждали ее пользователи WP, и меня это не интересовало. Но пару дней назад я узнал, что есть возможность интегрировать Disqus в Blogspot! Новость эта меня очень порадовала, т.к. система комментирования, которую предоставляет Blogspot меня совсем уж не радует.

Сам сервис Disqus очень большой и имеет довольно много функций - о них я напишу чуть позже (очень хочу побыстрее это сделать - сегодня, например, или завтра), сейчас я хочу довести до людей, испытывающих сложности в работе с англоязычными ресурсами, этапы установки этого творения на свой Blogspot блог.

Идем на сайт Disqus и регистрируемся. Под полем URL - поля имя сайта и "короткое название" сайта. Последнее будет использоваться для определения вашего сайта в системе Disqus и создания community page с использованием этого имени (имясайта.disqus.com).
После этого - выбираем язык блока комментариев, сервисы, с помощью которых пользователи могут идентифицировать себя для оставления комментария и некоторые дргуие функции, к примеру aksimet, который будет защищать Вас от злостных спамеров. (Для его использования нужно иметь аккаунт WP).
После - выбираем платформу - Blogspot.
Теперь необходимо сохранить Ваш действующий шаблон на жестком диске (панель управления/дизайн/изменить HTML/ загрузить весь шаблон), после этого выбрать его в поле "upload file" и нажать "Upload and continue".
Disqus патчнет Ваш шаблон и на следующей странице появится код, который необходимо вставить вместо кода старого шаблона (обязательно поставте галочку "расширить шаблоны виджетов") и сохранить изменения в шаблоне.
Последним штрихом установки будет запрещение комментирования новых сообщений в панели управления Blogspot (чтобы не возникло конфликта между системами комментирования).

Собственно, после этой процедуры систему комментирования disqus можно считать установленой. Она будет исправно работать. Но старые комментарии просто так не появятся - нужно нажать вкладку Tools и там в боковой панели перейти в Import/Export и перенести сообщения из blogspot в disqus нажатием кнопки import.

Система напишет, что Ваш блог поставлен в очередь и в сокором времени все старые комментарии появятся в новом, преображенном виде. (В моем случае это заняло 40 минут).

Вот, собственно, все, что я хотел рассмотреть по этому вопросу, но disqus помимо блока комментирования предоставляет другие гаджеты - как только я их протестирую, обязательно напишу. Так что подписывайтесь на обновления чтобы ничего не пропустить!

Удачи!

ЧПУ на Blogspot

noreply@blogger.com (Gtemplar) — Mon, 11 Jan 2010 08:13:00 +0000

Эту статью на момент ее написания можно назвать предрассудком – сейчас я буду хвалить ЧПУ, который до этого момента не использовал. В виду того, что сервис blogspot не поддерживает автоматическое создание человекоподобных урлов, я эксперимента ради буду создавать его «ручками».
А стоит ли оно того? А вот это пока неизвестно. Но есть реальные основания предположить, что стоит. Служба поддержки Google в своем руководстве по оптимизации настоятельно рекомендует использование «релевантного анкорного текста». Под этим словосочетанием подразумевается, что анкор «мама мыла раму» будет ссылаться на страничку http://site.zz/mama_mila_ramu.html. А blogspot генерирует страничкам стремные имена типа blog-post.html, blog-post30.html, релевантный анкорный текст для которых будет выглядеть слишком глупо и настораживающе.

Теперь расскажу хитрый способ создания ЧПУ на blogspot.
Наш сервис дает имя страничкам, используя латинские слова, присутствующие в имени сообщения. Если таковых в не имеется, он дает записи имя blog-post, blog-post12 и т.д. Мы его перехитрим, учитывая тот момент, что имя страничке дается лишь один раз – при ее первой публикации. Мы назовем нашу запись так, как хотим чтобы выглядел наш ЧПУ на нее. Blogspot успешно даст ей идентичное имя. Потом просто переименуем названия поста.
Теперь один любопытный момент.
Мы привыкли видеть ЧПУ в виде «word-word-word.html». Но Google все в той же рекомендации по оптимизации приводит пример вида «word_word-_word.html». Я бы рад был последовать их рекомендации (или намеку), но все тот же blogspot не разрешает использовать в именах записей нижнее подчеркивание - придется использовать дефис.
Теперь решим где это все использовать.

В первую очередь на самом своем блоге. Роль перелинковки статей очень важна в привлечении постоянного читателя. А кроме этого в любом другом месте , где вы хотите анонсировать или рекламировать вашу запись.
С этого поста мой блог будет иметь только красивые url.