Сегодня я добрался до формы комментариев своего блога и слегка над ней поиздевался: добавил поле для указания аккаунта в Twitter и автоматическое увеличение поля для ввода сообщения. Посмотрел на всё это дело и понял, что у меня вполне симпатичные комментарии, отчего захотелось показать вам, как сделать такие же.

За всю историю блога я успел сотворить с комментариями следующее.

• Разделил комментарии и трекбеки. Очень наглядно это представлено на странице конкурса на «7 лучших советов начинающим блоггерам».
• Добавил возможность указать свой аккаунт в Твиттере, ссылка на который вместе с иконкой появляется под текстом комментария.
• Убрал гадость под названием «nofollow» — это такой тег, который делает из блоггера жадину в глазах его читателей.
• Установил простенький антироботовый заборчик.
• Сделал комментарии древовидными, отчего они и смотрятся симпатично, и искать в них информацию удобно.
• Добавление происходит с помощью технологии Ajax, которая позволяет не перезагружать страницу, когда в этом нет необходимости.
• Научил поле для ввода сообщения самоувеличиваться в зависимости от широты слога комментатора.

Теперь я подробно опишу свои действия и в качестве примера буду использовать свой сайт для «Тестирования разных штук», который постепенно обрастает всякими разностями.

Отделение трекбеков от комментариев

Трекбеки — это такие ссылки, которые другие блоги пытаются автоматически опубликовать у вас на сайте, типа в замен на то, что они сослались на вас. По умолчанию они добавляются в одну кучу с комментариями, что порой очень некрасиво и неудобно. Исправляем.

В вашем шаблоне откройте файл comments.php и после

<?php foreach ($comments as $comment) : ?>

вставьте

<?php $comment_type = get_comment_type(); ?><br />
<?php if($comment_type == 'comment') { ?>

перед

<?php endforeach; ?>

добавьте

<?php } else { $trackback = true; } /* End of is_comment statement */ ?>

перед

<?php else : // If there are no comments yet ?>

вставьте

<?php if ($trackback == true) { ?></p>
<h3>Trackbacks</h3>
<ol>
<?php foreach ($comments as $comment) : ?><br />
<?php $comment_type = get_comment_type(); ?><br />
<?php if($comment_type != 'comment') { ?></p>
<li><?php comment_author_link() ?></li>
<p><?php } ?><br />
<?php endforeach; ?>
</ol>
<p><?php } ?>

Это пересказ коротенькой статьи «Separating Trackbacks from Comments», и этот метод сработает у вас только если вы используете старый шаблон комментариев, а не функцию wp_list_comments ().

В новых версиях Wordpress (например 2.9.1) в шаблоне Default используется как раз эта функция. Я решил не заморачиваться и заменил файл comments.php на аналогичный из другого стандартного шаблона Classic, где всё сделано почти так, как нам необходимо.

Чтобы всё было полностью хорошо, замените

<ol id="commentlist">

на

<ol class="commentlist">

Посмотреть результат можно, например, на этой странице.

Древовидные комментарии

Для этого мы используем замечательный плагин Wordpress Thread Comment, который заодно обеспечит нам добавление комментариев с помощью Ajax. Скачаем, установим и приступим к настройкам.

Перейдём на страницу Настройки → Древовидные комментарии. Для примера включим «Использование поддержки AJAX» и в поле «Информировать комментатора о появлении новых комментариев» выберем «Commenter choose to do so (default checked)».

Теперь проверим, разрешены ли древовидные комментарии на странице Настройки → Обсуждение, и пойдём дальше. Посмотреть результат можно на той же странице тестового сайта.

Captcha

Чтобы роботы-спамеры нас не мучали, установим какой-нибудь плагин, предназначенный для их отпугивания. Это может быть, например, Quiz или Amcaptcha от Алексея Московского.

Избавление от nofollow

Чтобы наши читатели с удовольствием комментировали наши записи, откроем их ссылки для индексации в Google. Для этого существует замечательный плагин Dofollow.

@Twitter

Чтобы нашим читателям было ещё интереснее комментировать наш блог, предоставим им возможность оставлять ссылки на свои аккаунты в системе микроблогинга Twitter. Для этого используем плагин Twitterlink Comments. Скачаем, установим и приступим к настройкам.

Перейдём на страницу Настройки → TwitterLink Settings и в поле «Add Twitter Field Automatically?» выберем «No». В поле «Twitter Link Position» я выбрал «End of Comment Text», что позволит обображать ссылку на твиттер пользователя под его комментарием.

Link Format

HTML before link — здесь я отметил «No» для «Use NoFollow?» и в текстовое поле вставил следующий код, содержащий иконку Твиттера:

<p class="twi"><img src="http://seogad.ru/twi.png" />

Иконку я взял из замечательной французской коллекции иконок.

HTML after link — здесь я закрыл тег:

</p>
<p>

Модификация шаблона

Теперь сохраним настройки (Save changes) и перейдём к редактированию шаблона. Для начала откроем файл style.css и добавим туда стили для нашей иконки со ссылкой.

p.twi {<br />
line-height:16px;<br />
}<br />
p.twi img {<br />
float:left;<br />
margin-right:5px;<br />
}

Это только пример, можете задизайнить как вам больше нравится.

В ручную добавим текстовое поле в форму отправки комментария. Для этого откроем файл comments.php и после

<label for="url"><small><?php _e('Website'); ?></small></label></p>
<p><?php endif; ?>

добавим

<br />
<input type="text" name="atf_twitter_id" id="atf_twitter_id" value="" size="22" tabindex="3" />
<label for="atf_twitter_id"><small><?php _e('Имя в Twitter (без http:// и @)'); ?></small></label></p>
<p>

Модификация поля для сообщений

С Твиттером мы разобрались, и если есть желание, можем добавить последнюю вкусность для нашей формы добавления комментария — автоматически расширяемое поле для сообщения, для создания которого понадобится скачать и активировать плагин Comment Autogrow. К сожалению, на моём тестовом блоге этот плагин пришлось отключить, так как он мешал корректной демонстрации моего урока по созданию каталога песен на Wordpress, но он активирован на этом блоге.

На этом урок окончен. Надеюсь, вам понравилось украшать комментарии на Wordpress вместе со мной.

До новых встреч. Желаю всего самого интересного.
Артём Савельев.

P.S. Не забываем, что Аббат Кальне проводит конкурс для блоггеров, в рамках которого просит рассказать участников, чем для них является блоггинг. Работы принимаются до 20 февраля.

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

Автор статьи — Joshua Odmark
Оригинал — How To Use Twitter As A Content Distribution Network

С позиции разработчика, Твиттер, благодаря огромным возможностям своего API выглядит многообещающим приложением. Любой хакер-злоумышленник может скачать одну из многочисленных библиотек Твиттера, подключиться к API, выгрузить популярные темы и использовать их для заполонения аккаунтов пользователей непрошеными спам-твитами.

Но позвольте объяснить, или лучше процитировать Супермена: «К великой силе прилагаются великие обязательства». Твиттер по сути дал каждому разработчику огромные возможности, открыв доступ к своему API. Возможно вы скажете, что любой API обладает этим качеством. Тем не менее, имея огромную аудиторию и огромное количество контента, Твиттер в данный момент впереди планеты всей. По крайней мере, до тех пор, пока Facebook не сделает API своего поиска (если вообще сделает).

С позиции бизнеса, API Твиттера также перспективен, если по-хитрому использовать его для распространения своего контента.

Как связать это с поисковыми системами?

Несколько месяцев назад я написал статью на тему, которая привлекла немало внимания и была процитированна более чем 100 твитерянами, что не так уж и много в расвнении с другими популярными статьями, опубликованными в интернете. Но потом случилось нечто шокирующее.

С помощью кнопки «retweet» на сервисе Tweetmeme я мог получить короткую ссылку, предназначенную для её публикации в Твиттере. Я также распространял статью, используя свою собственную короткую ссылку. Имея обе ссылки, одну созданную на сайте и другую, созданную собственноручно, я настроил Google Alerts так, чтобы следить за активностью цитирования обеих.

Если учесть разнообразие веб-приложений, десктоп-приложений и клиентов для Twitter и соответственно разнообразие путей публикации твита, то будет ясно, что короткие ссылки при цитировании будут изменены, тем самым помешав моей попытке проследить их судьбу в интернете. Для противодействия этому я установил скрипт, который каждый день проверяет поисковый API Твиттера на цитирование моей статьи. Затем я собрал все ссылки из найденных твитов. Если ссылка мелькала больше одного раза, я начинал следить за ней разными способами, включая Google Alerts.

Смысл был в том, чтобы выявить каждый след, оставленный моей статьёй в Твиттере. К счастью, сейчас короткие ссылки используются в основном для Твиттера, что позволило мне избежать потенциальное влияние на них других сайтов.

То, что я обнаружил — это колоссальная возможность получать обратные ссылки, используя Твиттер.

Твиттер = распространение контента = обратные ссылки

Возможно, Вы помните о том, что ссылки с Твиттера не имеют значения для seo, так как сервис использует атрибут «nofollow» для всех ссылок, и это верно. Многи мои друзья, которые консультируют компании на тему поисковой оптимизации сорят теориями о том, что даже если у ссылки присутствует этот атрибут, она всё равно передаёт какой-то вес, хоть и не большой. Правда это или нет, я не знаю. Но ценные ссылки из процитированных твитов не являются seo-ссылками.

Ценность API Твиттера в том, что он даёт свободный доступ к вашему контенту для миллионов разработчиков по всему миру.

Давайте сыграем. Вы — хитрый специалист в области маркетинга, а я — очень изобретательный программист. Вы не знаете меня, а я Вас.

Скажем, вы опубликовали информацию о Google Wave в корпоративном блоге и попросили своего молодого помощника опубликовать в Твиттере ссылку на Вашу статью.

Сразу после того, как Ваш специалист разместит ссылку, я сделаю запрос через поисковой API Твиттера (красота режима реального времени) на тему «Google Wave» и получу в ответ Ваш твит. Так как я собиратель контента, мой умный маленький скрипт скопирует Ваш твит из Твиттера в мою локальную базу данных, спарсит ссылку на запись в Вашем блоге и удалит укороченную ссылку. Я возьму название Вашей статьи и опубликую результат на своём сайте.

Визуально, полученный твит выглядит так:
JoshuaOdmark: Is Google Wave the next best thing? We think so… http://9mp.com/Yxe

А результат на моём сайте будет следующий:
Google Wave Drips With Ambition. A New Communication Platform For A New Web.

Та-та-а-а! А вот и обратная ссылка...

Конечно же, это выдуманная ситуация с некоторыми условиями, но Вы увидели, как можно получить обратную ссылку с помощью Твиттера. Ключ в том, чтобы Ваши твиты публиковались в как можно большем количестве сторонних приложений. Можно достичь этого, добывая как можно больше ретвитов своих постов. Каждый ретвит – это возможность получить хотя бы одну обратную ссылку. Но всегда помните, что никто не любит спаммеров. Будьте честными и уважайте правила пользования Твиттером. Сохраняя имеющихся у Вас подписчиков, продолжайте искать новых и создайте авторитеттый аккаунт, который в будущем оправдает себя.

Твиттер сегодня является одной из самых популярных компаний в мире, что подтверждается её капиталом. Поэтому, сфокусируйте свой труд на получении постоянной пользы, создавая качественный контент, продолжая находить заинтересованных подписчиков, и обратные ссылки из ретвитов появятся естественным путём!

И останется только наблюдать за увеличением поискового трафика...

Спасибо Джошуа Одмарку за статью и мне — за перевод.

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

Автор блога BackSpark.net Вадим опубликовал интересную информацию о новом способе интернет-заработка: монетизация популярных твиттер-аккаунтов. Если у вас есть возможность запастись терпением и временем, то весьма вероятно, что вы будете достойно вознаграждены немалым ежемесячным доходом с ваших аккаунтов в твиттере. Читаем и пробуем.

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

Сегодня наткнулся на статью Дмитрия Сергеева, разработчика сайтов на Drupal, о том, какие бывают списки ссылок, что касается их дизайна. В статье приведено несколько полезных цитат по теме.

Узнал о скрипте каталога статей PPPRB от белорусских разработчиков. В каталоге предусмотрена возможность подключения биржы статей Liex и биржи ссылок Sape.

Terehoff анонсировал свой новый блог «SEO Штучки», где он в вольной форме будет делиться накопившимися сео-секретами и наблюдениями, ставя новые эксперименты по продвижению и монетизации блога.

Автор блога moneySEO обновил свой список dofollow блогов, тех блогов, ссылка с которых передаст вашим сайтам вес. Такие блоги нужно комментировать!

7 блоггеров замутили новый проект, в котором каждый день блог «принадлежит» новому автору. 365 дней в году — 365 разных авторов ежегодно. По моему, чудесный проект, которому желаю успехов и в котором, надеюсь, однажды и мне будет что рассказать.

Кстати, на своём французском блоге о блоггинге и монетизации (о котором, возможно, расскажу в следующих постах) я опубликовал список четырёхзначных доменов, свободных для регистрации в зоне .fr. Это не просто набор символов, а вполне себе французские слова (спряжения глаголов я исключил, толку от них нет). Для понимания значения слов вам вполне хватит онлайн-переводчика Мультитран.

Спасибо за внимание! Приятной недели!