Обращение к читателям

Этот блог является трансляцией записей "Внешнего пространства". =)

Наконец-то исполнилась моя мечта - я обзавелся собственной площадкой, отличной от blogspot, и позволяющей мне гораздо больше с точки зрения веб-разработки и моих экспериментов.

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

28.03.2009 21:30 =)

С днем Победы!

Поздравляю всех-всех-всех с днем великой Победы народов всех стран СССР и их союзников.

Мы живы. Мы помним. Ура!

Бегун в телевизоре.

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

Перво-наперво, хочу сказать, что рад приветствовать своих читателей в новом году, желаю им всего наилучшего и особенно успехов в работе :)

Закончен очередной рабочий перерыв, и опять пришло время делиться своими наблюдениями.

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

Рис. 1. Мой любимый телевизор.

Можно сказать, что после того, как этот телевизор появился на свет, он стал главным героем сайта. На этом мои эксперименты с дизайном закончились, и началась техническая работа, которая продолжалась до тех пор, пока не пришло время ставить на сайт объявления бегуна. Конечно, компания бегун является одной из самых передовых, и настройка внешнего вида объявлений бегуна является очень гибкой, но, тем не менее, размещение обычного объявления (даже с включенной опцией "уменьшенные изображения сайтов рекламодателей") на этом сайте выглядело скучно. И тогда мне пришла в голову следующая мысль - а что если "уменьшенные изображения сайтов рекламодателей" будет показывать мой любимый телевизор?

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

Рис. 2. Наложение контекстного объявления на фоновое изображение.



Такой внешний вид совершенно не соответствовал моей задумке, и поэтому я использовал другой способ, основанный на исследовании объектной модели документа и CSS.
В исследовании мне помогли мой любимый браузер FireFox и не менее любимое дополнение к нему Web Developer.
Рис. 3. Web Developer - дополнение к FireFox.

Известно, что обычным способом в браузере невозможно просмотреть текст объявлений и стили, которые использует бегун. Поэтому, воспользовавшись Web Developer, я просмотрел DOM фрагмент документа (т.е. не только исходный код документа, но также те участки когда, которые вставляются в него с помощью JavaScript (или других подобных script :)). В DOM фрагменте мне удалось найти текст объявлений бегуна и названия используемых ими CSS-классов. Вот некоторые из них:

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

.bgthumb
{
background: #FFFFFF;
background-image: url('/путь к изображению телевизора/lb-image.jpg');
background-repeat: no-repeat;
padding: 50px 23px 16px 55px;
}

Вот что у меня получилось:
Рис. 4. Наложение "уменьшенного изображения сайтов рекламодателей" на фоновую картинку.

Уже намного лучше, не правда ли?



Немного не к месту смотрится рамочка вокруг изображения телевизора и объявление, выровненное не по центру.

Для того, чтобы убрать рамочку, необходимо переопределить свойство border для "уменьшенного изображения сайтов рекламодателей", но сделать это с помощью изменения класса не получится, поэтому переопределим параметры элемента выше, чем элемент изображения.

Классом вышестоящего элемента begunRoot является класс .bgul1. Для того, чтобы убрать изображение, переопределим класс для тэга <img> внутри этого класса:

.bgul1 img{border: 0px solid black!important;}

В результате этого получилось следующее:


Рис. 5. Изображения сайтов рекламодателей без рамочек.

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

За внешний вид текста объявления отвечает тэг <div> с классом .bgbanner. Для того, чтобы добиться нужного мне эффекта, я сделал следующее - сдвинул текст на 50 пикселей вниз:

.bgbanner{padding-top: 50px;}

Все, конечный результат получен - да здравствует begun-tv! :)

Рис. 6. Begun-tv :)

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

Ответ службы поддержки был следующим:

"Здравствуйте.

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

Ну что ж, я уже знаю, каким будет
следующее мое фоновое изображение, а вы?

Информер апдейтов поисковых систем.

Очередной рабочий перерыв закончился, и снова пришло время делиться наблюдениями со своими читателями.

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

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

К сожалению, у меня нет сайта подходящей тематики, для того, чтобы разместить такой информер, поэтому я решил установить его на рабочем столе. Меня, как правило, интересуют апдейты только 3х поисковиков - Яндекса, Гугла и Рамблера, поэтому я на странице http://analyzethis.ru/?page=informers выбрал только те поисковые машины, информация о которых мне нужна.

Рис 1. Настройка количества поисковых машин на информере.










В результате такой настройки я получил следующий код:
<script type="text/javascript" language="JavaScript" src="http://analyzethis.ru/informer.cgi?update&yandex&rambler&google">
</script>
, который и использовал на своей страничке.

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

В скрипте используются встроенный в JavaScript объект Date и его метод getUTCDate(), возвращающий число месяца текущей даты. Сам скрипт с комментариями приведен ниже:

<script>
//Прошлая дата, текущая дата
var lastdate, curdate;

function UpdateInf()
{
//Если прошедшая дата не определена, устанавливаем её
if (lastdate == null)
{
lastdate = new Date();
}

//Получаем текущую дату
curdate = new Date();

//Обновляем прошлую дату и текущую страницу, если наступил следующий день
if (curdate.getUTCDate() > lastdate.getUTCDate())
{
lastdate = new Date();
window.location.href = window.location.href;
}

//Проверяем это каждый час
var t=setTimeout("UpdateInf()",3600000);
}
</script>

, кроме этого скрипта я нарисовал небольшой заголовок, так как заголовок только из даты мне показался несколько невзрачным.

Рис 2. Мой заголовок для информера.


После этого я набросал сам код страницы, изменив стиль для тэга <body> и таблиц таким образом, чтобы информация на страничке занимала как можно меньше места, а также добавил стиль для отображения моего заголовка:

body
{
margin:0px;
padding: 2px 2px 0px 2px;
background: #000000;
color: #ffffff;
font:bold 12px Tahoma,arial,helvetica,sans-serif;
}

table.stuff
{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

table.stuff td
{
padding:0px; /* cellspadding="0" */
}

.header-image
{
background-image: url('ap-title.gif');
background-repeat: no-repeat;
width: 135px!important;
height: 30px!important;
padding-top: 2px;
}

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

<body onload="UpdateInf();">
<table border="0" class="stuff">
<tr>
<td class="header-image"></td>
</tr>
<tr>
<td>
<script type="text/javascript" language="JavaScript" src="http://analyzethis.ru/informer.cgi?update&yandex&rambler&google">
</script>
</td>
<tr>
</table>
</body>

После создания странички, я разместил ее на рабочем столе, для этого нужно:

Щелкнуть правой кнопкой мыши по рабочему столу, меню -> "Свойства". Далее выбрать вкладку "Рабочий стол" -> "Настройка рабочего стола". В этом диалоговом окне перейти на вкладку "Веб", нажать на кнопку "Создать" и выбрать там созданную нами страницу. После этого 2 раза нажать на кнопки "ОК" и изменить размеры окна страницы на рабочем столе так как вам нравится :). Вот что у получилось у меня:

Рис 3. Информер апдейтов на рабочем столе








Полный код страницы и рисунок заголовка можно скачать здесь.

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

Как всегда, хочу выразить признание редакторам Notepad++ и Blue Fish и своему любимому корректору :)

Контент в рунете.

Боже, это просто невыносимо!

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

Вы делаете сайты? Оставьте все это! Безусловно, пользователю важно, как выглядит ваш сайт и есть ли форма быстрой связи или поддержки. Но! Ему также не менее важно, чтобы на вашем сайте был интересующий его контент. Отсутствие нормального контента - вот главный бич и главная проблема рунета. Каждый день известное лишь только поисковикам количество людей ищет ответы на свои вопросы и не находит их. И что самое удивительное, это касается не только низкоконкурентных областей и публичных областей, но и высококонкурентных, таких как сам интернет, строительство или недвижимость. Зачастую, по многим вопросам, а точнее поисковым запросам, пользователи видят полное отсутствие вменяемого или уникального материала.

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

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

И, о Боже, что мы видим, вводя запросы из этого списка в поисковик?

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

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