Очередной рабочий перерыв закончился, и снова пришло время делиться наблюдениями со своими читателями.
Недавно узнал о сайте Анализатора поисковых машин компании "Ашманов и Партнеры", нашел много интересного, особенно понравился детальный анализ апдейтов и наличие различных информеров.
Как человек, связанный с оптимизацией, я регулярно отслеживаю апдейты основных поисковых систем для того, чтобы знать динамику позиций своих сайтов и количество проиндексированных поисковыми машинами страниц. Это позволяет вовремя найти и устранить возможные ошибки или недочеты при работе над сайтами.
К сожалению, у меня нет сайта подходящей тематики, для того, чтобы разместить такой информер, поэтому я решил установить его на рабочем столе. Меня, как правило, интересуют апдейты только 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(), возвращающий число месяца текущей даты. Сам скрипт с комментариями приведен ниже:
//Прошлая дата, текущая дата
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>
//Прошлая дата, текущая дата
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
{
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" */
}
Далее, в теле страницы я создал небольшую табличку, в которой и расположил заголовок и информер:
<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 и Дизайн
19 Декабрь 2007 г.
Информер апдейтов поисковых систем.
Автор: Nick Denry на 9:54
Ярлыки: SEO, Дизайн, Приятные мелочи
Subscribe to:
Комментарии к сообщению (Atom)
4 Comments:
спасибо за новость, немного попиарил ее, надеюсь без обид ))
Какие обиды, всегда велкам. Публичная информация всегда открыта :)
http://w2.com.ua/blogs/redactor/informer_apdejtov_poiskovyh_sistem - если интересно. вот тут ))
Слушай - мне реально понравилось ,
и внешний вид неплохо стал смотреться !!!
Post a Comment