воскресенье, 16 декабря 2012 г.

Рекламная пауза - оптимизация Adsense

Справочная система и официальный блог Google Adsense содержат немало статей по эффективному использованию рекламных блоков для начинающих и опытных издателей. Я попытался немного ее структурировать и собрать ссылки на наиболее полезные (на мой взгляд) статьи и рекомендации в единой статье. Итак ближе к теме.

По исследованиям Google ключевые факторы, которые влияют на эффективность рекламы это положение на странице, размеры рекламных блоков и цветовое оформление.

 

РАСПОЛОЖЕНИЕ РЕКЛАМНЫХ БЛОКОВ

Первый фактор, на который стоит обратить внимание при оптимизации дохода от Google Adsense – это расположение рекламы на странице. В Google Adsense разработали цветовую карту эффективности различных фрагментов страницы.

clip_image002[1]

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

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

Еще интересный совет для повышения дохода от рекламы дает справка – это располагать самый эффективный рекламный блок (блок с наибольшим значением CTR) первым в HTML-коде страницы. Не обязательно чтобы он показывался на странице первым, но в коде должен быть первым. Объясняется это тем, что система назначения рекламы выдает ее в той последовательности, как блоки появляются в HTML. Иногда система Google Adsense не может заполнить все рекламные блоки и может так получиться что наиболее эффективный рекламный блок останется без рекламы, если он не идет первым. Более подробно про важность первого рекламного блока написано в следующих статьях:

В завершение раздела по расположению блоков хочу обратить внимание на раздел справки Adsense - Экспресс-оптимизатор. Этот раздел содержит конкретные советы как располагать рекламные блоки (и какие типы и размеры рекламных блоков использовать) для 5 типов сайтов – новостной сайт, доска объявлений, игровой сайт, форум и блог. Вот каким образом выглядит рекомендации по верстке для внутренней страницы новостного сайта.

clip_image004[1]

 

РАЗМЕРЫ РЕКЛАМНЫХ БЛОКОВ

Конечно размер имеет значение. Да и кто бы сомневался. По наблюдениям Google Adsens горизонтальные объявления эффективней вертикальных, а самые эффективные размеры – это 336x280, 300x250 и 160x600. Более подробно по размерам объявлений можно прочитать в статье Наиболее эффективные размеры объявлений.

Кстати, про размеры. Совсем недавно Гугл сообщила, что по многочисленным просьбам трудящихся ввела новый размер объявлений - 300x600. Очень вероятно, что такой формат объявлений из за большого размера тоже будет весьма эффективным. Стоит попробовать.

 

СТИЛИ И ЦВЕТА РЕКЛАМНЫХ БЛОКОВ

Цветовое формление рекламы – еще один фактор, который может существенно повлиять на «видимость» оъявлений на сайте. Удачно подобранные цвета делают рекламу заметной на сайте, в результате чего пользователь обращает на нее внимание и кликает, если она ему интересна. В статье Наиболее эффективные стили объявлений описываются три типа оформления рекламных объявлений:

  1. Слияние – стиль, который предлагается по умолчанию, при котором цвета рамки, текста и фона объявления совпадают с цветом на сайте.
  2. Дополнение - цвета рамки, текста и фона объявления в той же цветовой гамме (но не совпадают) что и основной сайт.
  3. Контраст – используются цвета, которые резко выделяют объявление на фоне страницы. Как правило, наиболее эффективно на сайтах с темным фоном.

Конечно, представленные советы по расположению, размерам и цветам являются достаточно общими. Чтобы определить какие объявления наиболее эффективны именно для вашего сайта лучше провести A/B тестирование сравнивая различные рекламные блоки по доходности. Как организовать такое тестирование на основе небольшого JavaScript кода описывается в статье Основы теста A/B.

среда, 28 ноября 2012 г.

50 лучших книг для веб-дизайнеров и разработчиков

 

used-booksСчитается, что эксперта в своей области отделяют от общей массы 50 прочитанных книг. То есть, чтобы стать одним из лучших в своей области нужно прочитать по теме на 50 книг больше, чем это делают все остальные. Конечно, в общем случае это утверждение ложно, так как теория без практики много не даст, а неиспользуемые знания забудутся. По этому для эффективного чтения, прочитанное нужно пытаться использовать на практике. Идеальный вариант – читать непосредственно по той теме над которой работаешь.

Для тех, кто хочет стать экспертом в веб-дизайне и программировании и интересуется хорошими книгами в этой области хочу порекомендовать статью Крэга Граннела (Craig Grannell) из .NET MAGAZINE “50 лучших книг для веб дизайнеров и разработчиков” (The top 50 books for web designers and developer

В статье приведены 50 лучших книг, по мнению опрошенных журналом разработчиков и дизайнеров, с их кратким обзором по JavaScript, CSS, HTML 5, веб-дизайну, графическому дизайну, юзабилити и продуктивности.

Для себя отметил, что из приведенного в статье списка я прочитал только 2 из них и те не относятся ни к программированию ни к веб-дизайну :).

суббота, 10 ноября 2012 г.

Если у вас нет Решарпера

Удивительными возможностями обладает комбобокс поиска в верхнем ряду панелей инструментов студии.

find_box

Например, широко известна его способность искать файлы по солюшену. Например, если ввести имя файла (кстати, быстрый способ попасть в это поле – Ctrl+/) и нажать Ctrl+Shift+G, то студия найдет этот файл в солюшене и откроет его в редакторе. Недавно мне подсказали еще один способ быстрого поиска файлов при помощи этого поля. Если в него ввести «> of» и начать набирать имя файла, то появится интеллисенс с именами файлов начинающимися с введённой последовательности.

find_box2

Кстати, подобный подобным образом Искать и открывать файлы можно делать и при помощи окна Commands.

commad_box

А быстрый способ открыть окно Commands – это Ctrl+W, A.

воскресенье, 28 октября 2012 г.

Находим все, точно и быстро

Уверен, каждый согласится, что умение пользоваться поисковыми системами – критически важный навык любого эффективного программиста. Поэтому почти не колеблясь записался на онлайновый курс от Гугл - Power Searching with Google. Хороший конспект курса сделан в статье Гугли как Шерлок. Конечно курс рассчитан, главным образом, на не IT специалистов, тем не менее интересные вещицы там были. В этой статье хочу поделиться возможностях поиска Гугл, о которых я не знал, и возможно не знаете и вы.

Оповещения

Если вас интересует какая-то тема, и вы хотите появление в Сети новой информации можно настроить оповещения (Google Alerts). Найти их можно если на главной странице выбрать меню Еще (More), затем Все Сервисы (Even More) и в списке продуктов найти Оповещения (Alerts)

clip_image002

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

Ограничения по времени

Второй интересной фичей мне показалась, функция ограничения результатов поиска по времени их появления в индексе Гугл.

Включается она как раз на странице результатов – линка Показать настройки. После чего это пункт расширяется вариантами фильтрации по времени. Теперь если, например, выбрать За месяц можно отследить, например, какие новые статьи за последний месяц по запросу «Windows 8».

clip_image004

Поиск изображений по образцу

Еще одна функция, которая меня поразила – это поиск по образую. Найти ее можно если перейти в поиск по картинкам. Выглядит она как иконка фотокамеры.

clip_image006

По клику на ней, появится окошко в котором можно указать изображение-образец.

clip_image008

Ниже фрагмент скриншота Google, когда я искал по небольшой картинке, где был изображен Доктор Хаус. Гугл сам определил, что его зовут “Hugh Laurie” и подставил этот текст в поле поиска и нашел мне похожие изображения с этим актером.

clip_image010

Поиск слова (фразы) в тексте

Страницы, которые возвращает Google не обязательно содержат искомую фразу в тексте. Она может содержаться в адресе страницы, в заголовке, в мете описании, быть подписью картинги и пр. Если требуется чтобы искомая фраза действительно содержалась в тексте поиковый запрос надо добавить ключевое слово intext:

clip_image012

В таком случае поисковая система вернет только те страницы, где действительно в тексте содержится упоминание «StaticFileHandler».

Исключение из результатов поиска

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

Например, если поискать слово cookie то в результате поиска будут страницы описывающие куки браузеров и страницы с рецептами различных печенюшек. Так вот если мне нужны именно печенье, то страницы с HTTP cookies надо из результатов убрать:

cookie –HTTP

clip_image014

А если именно браузерные, то убираем рецепты

clip_image016

суббота, 20 октября 2012 г.

Чек-лист запуска сайта

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

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

  1. Разработать сайт
  2. Добавить Robots.txt
  3. Добавить Sitemap.xml
  4. Проверить и удалить отладочный код
  5. Подключить аналитику
    • Google Analytics
    • Google Webmaster Tools
    • Bing Webmaster Tools
  6. Поставить перенаправление с версии без «www.» на версию, начинающуюся с «www.»
  7. Опубликовать сайт
  8. Проверить работоспособность сайта
    • все страницы отображаются корректно;
    • переходы по ссылкам;
    • работу форм;
  9. Проверить что посещения, переходы (и др. события) отображается в аналитике
  10. Добавить сайт в поисковые системы:
    • Google
    • Bing
    • Baidu (http://www.baidu.com/search/url_submit.html)
    • Yandex
  11. Проверить сайт в выдаче поисковых систем (через 1 неделю после публикации)

суббота, 13 октября 2012 г.

IExpress – создание самораспаковывающихся архивов и инсталляторов

Недавно узнал, что в состав Windows (начиная с Windows XP) входит интересная утилита – IExpress. Располагается она в c:\windows\system32, и поэтому ее можно вызывать без указания полного пути. У нее два основных назначения – создание относительно простых инсталляторов и самораспаковывающихся архивов (файлы с расширением exe). Конечно, в архивации она не сравнится в удобстве использования с коммерческими продуктами типа WinRar, однако вполне может выручить, когда коммерческий архиватор не доступен (например, на сервере). Так же что не маловажно, утилита поддерживает работу из командной строки, что делает ее пригодной для использования в автоматизации (например, ее можно использовать как один из шагов в bat-файлах, при сборке проекта в Visual Studio и на билд-сервере). Еще и еще один плюс -- антивирусов нет аллергии на полученный исполняемый файл (в отличи, скажем, от исполняемого бутстраппера который формирует WiX Burn).

Далее приведу пример, как создать архив при помощи IEpress и посмотрим какие опции есть у утилиты. Также увидим как выглядит процесс распаковки такого архива.

Появится начальное окно мастера IExpress.

image

Как видно по скриншоту, он не локализован и даже на русской версии Windows имеет англоязычный интерфейс пользователя. Выберем Create new Self Extraction Directive file и нажмем «Далее». Вторя опция Open existing Self Extraction Directive file позволяет открыть текстовый файл в формате SED c заданными параметрами для утилиты (мы еще встретим создание этого файла далее).

На следующем экране выберем опцию Extract files only. Если бы мы создавали инсталлятор, то следует выбрать опцию Extract files and run an installation command. А если выбрать последнюю опцию – Create compressed files only – то будет создан cab файл.

image

Далее в Package title введем название архива, его увидит пользователь. Например, «ReadMe архив».

На экране Confirmation prompt можно еще раз спросить у пользователя точно ли он хочет распаковать наш архив. В целя изучения IExpres, выберем опцию Promt user with и введем в поле ниже «Распакуем архивчик?»

image

На экране License agreenment можно предварить распаковку показом лицензии пользователю. Так мы и сделаем и поэтому выберем опцию Display a licene и выберем текстовый файл произвольного содержания.

Важный экран Packaged files. Именно здесь перечисляются файлы, которые войдут в состав архива. Добавим сюда файлы архива.

image

На экране Show window определяется как пользователь будет видеть окно с прогрессом распаковки архива (инсталлятора). Оставим дефолтную опцию Default.

На следующем экране Finished message можно задать сообщение, которое получит пользователь после распаковки архива. Так мы и поступим. Выберем опцию Display message и в поле ниже введем «Поздравляем!».

image

Экран Package Name and Options позволяет задать имя архива (инсталлятора). Выберите так же параметр Store files using Long File Name inside Package, чтобы файлы длиннее 8 символов остались не измененными.

image

Экран Save Self Extraction Directive позволяет сохранить выбранные нами опции и введенные значения в текстовый файл, для повторного использования (помните вариант Open existing Self Extraction Directive file с первого скриншота?)

Больше вводить ничего не придется и просто жмем кнопу Далее. И получим вот такой исполняемый файл.

image

Теперь запустим полученный файл. Вначале пользователь видит наше приветствие. А заголовок окна – это имя пакета.

image

Затем пользователю показывается лицензия.

image

Далее окно для ввода местоположения для распаковки архива. Обратите внимание, что если сама утилита IExress не локализована, то полученный файл – локализован.

image

По окончанию пользователь видит наше последнее сообщения.

image

Как видим, получился весьма неплохой самораспаковывающийся архив.

Еще один интересный вариант применения IExress нашел в статье Deployment with IExpress: How to turn your MSI file into an EXE-- это создание инсталлятора с расширением exe для msi файла. Это не бутстраппер, а в некотором роде обертка, которая распаковывает msi файл и запускает его инсталляцию. По правде говоря, необходимости в такой обертке нет, но большинство пользователей комфортней себя чествуют, когда скачивают exe файл, а не непонятный msi. Там же приведен пример, как настроить автоматическое создание инсталлятора при сборке в студии.

Хочу так же отметить один важный нюанс. Если вы используете IExpress на 64 битной Windows, то полученный файл не исполняется на 32 битной версии

image

Для такого случая есть 32 битная версия IExpress, которая надо вызывать из каталога c:\windows\syswow64 (расшифровывается как Windows On Windows 64).

В завершение статьи могу порекомендовать раздел с Technet где описаны параметры командной строки для утилиты и немого более рассказывается про создание инсталлятора.

вторник, 2 октября 2012 г.

Генерация случайных паролей средствами Windows

Недавно с удивлением узнал, что в Windows есть встроенные средства по генерации случайных паролей. При вызове команды net user USER_NAME /random операционная система сгенерирует 8-ми символьный случайный пароль и назначит его учетной записи USER_NAME. Выглядит это вот так.

clip_image002

Эта команда работает в большинстве версий Windows (я проверял на WinXP и Win8). Для смены пароля учетной записи в Windows Vista и выше Командная строка должна быть запущена с правами администратора. Пароли получаются разной степени надежности, поэтому запустите эту команду несколько раз, пока не получите достаточно сильный пароль. Проверить качество пароля можно с помощью любого онлайнового валидатора паролей.

Предупреждение. Не выполняйте эту команду из Start->Run.., т.к. в этом случае система откроет окно Командной строки, сгенерирует новый пароль, назначит его указанной учетной записи и сразу же закроет окно Командной строки. Поэтому вы не сможете увидеть новый пароль, который будет назначен учетной записи.

четверг, 20 сентября 2012 г.

Telerik купила Fiddler. Эрик Лоуренс преходит в Telerik

image

На прошлой неделе Telerik выпустила пресс релиз в котором сообщила, что приобрела Fiddler (очень популярный и бесплатный HTTP снифер). Эрик Лоуренс (Eric Lawrence), создатель Fiddler, приходит из Майкрософт в Telerik, чтобы полностью посвятить себя работе над проектом. Напомню, что Лоуренс работал в Майкрософте, в команде Internet Explorer и был одним из менеджеров, по разработке инструментов для разработчиков. Благодаря нему, например, в браузере появился инструмент по сбору трафика. Пример использования этой фичи есть в статье про онлайн сервисы генерации паролей.

Telerik обещает оставить Фидлер бесплатным и сделает ряд существенных улучшений в инструмента (в частности, переработает интерфес пользователя, сделает полноценный веб-сайт). Компания, запустила опрос на сайте фидера приглашая пользователей проголосовать по улучшениям в Фидлере.

Так же в пресс-релизе опубликованы интересные статистические данные по популярности Фидлера. В среднем у снифера регистрируется, около 9000 новых инсталляций в день. За последний год у сайта было 5 миллиона уникальных посетителей, причем 80% из них посетили сайт впервые.

Хочется пожелать успехов Лоуренсу и новых пользователей Фидлеру!

вторник, 18 сентября 2012 г.

Сильный пароль? Легко!

Некоторое время назад я рассказывал о мнемотехническом приеме, который использую для придумывания с паролей. Такие пароли хорошо запоминаются и получатся весьма надежными. Однако если паролей требуется много или запоминать их нет необходимости, то легче воспользоваться онлайновыми генераторами паролей. В интернете таких существует великое множество и они, как правило, бесплатны (платных мне не встречалось, но для политкорректности допустим что они существуют :)).Сервисы генерации паролей могут формировать пароль на сервере, а могут и в непосредственно браузере (как правило, при помощи JavaScript). Мне больше нравятся последние, т.к. это создаёт у меня иллюзию большей безопасности и уверенности, что предоставленные мне пароли нигде не логируются. Чтобы проверить реально ли сервис генерирует пароль в браузере и не отсылает его куда-либо можно воспользоваться инструментами веб разработчиков, которые есть практически в любом современном браузере. Приведу пример, на IE9 и сайте Get Secure Password. Запускаем браузер, включаем инструменты и переходим на закладку Сеть. Нажимаем кнопку Начать сбор.

В адресной строке браузера вводим http://www.getsecurepassword.com. В инструментах разработчика (закладка Сеть), видно, как на браузер логирует запросы от сайта: грузятся скрипты, стили, картинки.

image

Нажимаем кнопку Generate New. Обновились пароли, а новых запросов не появилось – значит, сервису можно верить.

пятница, 23 марта 2012 г.

Обзор популярных утилит для просмотра кук

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


CookieSpy (http://www.cookiespy.com)

image

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

Отдельно стоит отметить функцию поиска. Фактически это не поиск, а фильтрация. Фильтра применяется сразу ко всем бразуерам. Пример работы поиска на скриншоте ниже. Если подвести курсор к закладке, то выводится статистика по кукам.


image

Удобна так же фунция просмотра куки в отдельном окна, т.к. не редко в значении куки может содержаться достаточно большой текст.
image

Из недостатков можно отметить отсутствие редактирования кук но, программа активно развивается. Последнее обновление было в феврале этого года.
Интересный момент, это одно из немногих приложений, которое для инсталляции использует ClickOnce Deployment.


Набор утилит от Нира Софера (Nir Sofer, http://nirsoft.net)

У Нира Софера есть 3 утилиты для просмотра кук:
1. IECookiesView – просмотр кук Internet Explorer
2. MozillaCookiesView – просмотр кук Firefox
3. ChromeCookiesView – просмотр кук Google Chrome

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

image

image

image

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

Наиболее «мощная» из утилит – это IECookiesView. Помимо просмотра и удаления она поддерживает и редактирование значений кук.

image

Так же отдельно стоит отметить такую функцию IECookiesView как отслеживание измененных и считанных кук в режиме «реального времени»
Из недостатков можно отметить .отсутствие единообразия интерфейса. Видно, что отображение кук для IE сгруппировано по доменам (поле Web site), чего нет в других утилитах. Отличаются вьюверы и количеством полей, которые отображаются для кук.
Кстати, даже если вам и не нужна утилита для работы с куками все равно рекомендую каждому посетить сайт Нира Софера – это целая кладовая самых разнообразных и бесплатных утилит для программистов и продвинутых пользователей. Я насчитал 178 программ. В его коллекции есть браузерные утилиты, сетевые, системные, просмотрщики сохраненных паролей и пр.


Karen’s Cookie Viewer http://www.karenware.com/powertools/ptcookie.asp

image

А вот это пожалуй, самый «раскрученный» вьювер. По крайней мереи Google и Bind ставят его на первое место по соответствующим запросам (Google и Bing).
Судя по описанию на сайте должен показывать куки для Internet Explorer и Firefox, но к сожалению, почему-то у меня не заработал.
Сразу после старта, стал зачем-то минут 5 сканировать диск С и вообше никаких кук не показал. По клику на центральный листбокс вывали ошибку и закрылся.
image

В общем одно разочарование. Последнее обновление программы было в 2007 году и возможно оно не рассчитано на работу в Windows 7.

четверг, 2 февраля 2012 г.

Сильный пароль, который хорошо запомнить? Легко!

У меня есть простой способ, который позволяет придумать сильный пароль, который легко запомнить и (что еще более важно :)) легко вспомнить через время.

Суть метода в следующем. Берем какое-нибудь четверостишие или несколько строк из хорошо знакомого стихотворения и затем трансформируем текст в пароль по следующему алгоритму:

  1. Для формирования пароля используем первые буквы слов. Лучше с учетом регистра.
  2. Для русскоязычного текста используем транслитерацию.
  3. Для обозначения переносов строк используем специальные символы _ – = # % ^ *.
  4. Заменяем буквы похожие на цифры – цифрами или специальными символами
    • A - @
    • S - $
    • O - 0
    • L – 1
    • B -6
    • I - &
  5. Для слов отрицания используем символ ! или ~.
  6. Знаки препинания можно сохранить, а можно исключить.

Пункты 1 и 2 должны выполняться первыми, остальные – в произвольном порядке.

А теперь от слов к делу – рассмотрим пример. В качестве примера возьмем вот такую фразу

Прошла зима, настало лето — спасибо Путину за это!

Выполнив пункты 1 и 2 получим следующий текст:

Pznl-sPze!

Пунктов 3 и 5 у нас нет. После пунктов 4 и 6 получим итоговый пароль:

Pzn1-$Pz!

Теперь проверим качество пароля, например, при помощи Password Meter:

clip_image002

А вот с использованием Password Checker от Майкрософт пароль получил среднюю оценку.

clip_image004.

Попробуем еще раз. Теперь возьмем текст подлиннее:

Наша Таня громко плачет:
Уронила в речку мячик.
- Тише, Танечка, не плачь:
Не утонет в речке мяч.

Выполнив пункты 1, 2 и 5 получим следующий текст:

nTgp

Yvrm

TT!p

!yvrm

Выполнив пункт 3 получим:

nTgp_Yvrm-TT!p=!yvrm

Пункта 4 у нас нет и по этому итоговый пароль следующий:

nTgp_Yrvrm-TT!p-!yvrm.

Несмотря на то, что в пароле не оказалось цифр, в этот раз Рassword Сhecker оказался более благосклонным:

clip_image006

И на последок. Не используйте приведенные здесь примеры паролей.