понедельник, 31 января 2011 г.

Двадцать шесть способов получения качественного трафика на ваш сайт

Автор: Shawn Campbell,
Перевод с английского языка: Демьянчук Виталий
http://vitaweb.pp.ru//.

Сентябрь 1999 года. Бред Табке пишет свои "26 шагов к достижению высокого трафика для сайта" в Мировом Форуме веб-мастеров. Статья имела очень много полезной информации для оптимизаторов сайтов. Однако много изменилось с тех пор, и сейчас наступило время создать новый, состоящий из 26 шагов, план к достижению высокого поискового трафика для веб-мастеров современности.

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



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

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

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

  • Какие ключевые слова используют ваши прямые конкуренты?
  • Существуют ли какие-нибудь ключевые фразы, которые обладают значительным потенциалом с позиции веб-маркетинга?
  • Существуют ли такие слова, используя которые, вы можете открыть новые, пока неисследованные области веб-маркетинга?

2. Доменное имя.
Если вы хотите раскрутить название (бренд) вашей фирмы, тогда вам просто необходимо создать доменное имя, отражающее её название. Например, если ваша компания называется Kawunga, тогда доменное имя для такой компании должно быть, по крайней мере, www.kawunga.com.

А если имя уже занято, тогда используйте словосочетания в доменном имени, например, www.kawungawidgets.com. Не пишите ничего лишнего, используйте не больше, чем два слова.

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

Убедитесь, что ваш сайт полностью проиндексирован Google и Yahoo (предварительно не забыв добавить заявку на индексирование в них или же опубликовать ссылку на ваш сайт на каком-нибудь популярном веб-сайте).

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

5. Дизайн сайта.
Придерживайтесь принципа "не гонитесь за крутизной". Сделайте простой сайт. Используйте внешний CSS-файл, уберите со страниц код javascript, сохранив его во внешние файлы, не используйте фреймы, не используйте флеш, замените его изображением. Не следует использовать перегруженный сайт, предлагая его посетителю.

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

6. Размер страницы.
Чем меньше размер вашей страницы, тем лучше - особенно для домашней страницы. Оптимизируйте изображения на сайте, убедитесь, что страницы сайта быстро загружаются. Большинство людей и бизнесменов на Западе нуждаются в высоких скоростях.

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

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

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

воскресенье, 30 января 2011 г.

Блоггер и трафик


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

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

Нет проблем, чтобы это всё поправить нужно в коде вашего шаблона, не забыв включить галочку в "Расширить шаблоны виджета", найти такой код и добавить только вот это target='_blank':

<widget id="\'LinkList1\'" locked="\'false\'" title="\'НАЗВАНИЕ" type="\'LinkList\'" вашего="" линклиста\?="">
<includable id="\'main\'">
<if cond="\'data:title\'">
<h2>
</h2>
</if>
<div class="\'widget-content\'">
<ul><div id="\'link\'">
<loop values="\'data:links\'" var="\'link\'"></div>
</ul>
</div>
<a expr:href="\'data:link.target\'" href="" target="\'_blank\'"><link.name></link.name></a>
<ul><div>
</loop></div>
</ul>
<include name="\'quickedit\'/">
</include>
</includable>
</widget>


Всего делов! И вас никто не покинет!

суббота, 29 января 2011 г.

Обзор и установка Wordpress.

Wordpress
WordPress — СMS с открытым исходным кодом, распространяемая под GNU GPL. Написан на PHP, в качестве базы данных использует MySQL. Сфера применения — от блогов до достаточно сложных новостных ресурсов и даже интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.
Такова трактовка Википедии.

Но для начала надо выяснить зачем нам устанавливать wordpress на компьютер? Ну например, если мы нашли какую-то тему на английском и хотите перевести ее на русский, или вы хотите проверить как работает новый плагин, который вы хотите поставить себе на блог, ведь на много легче и быстрее сделать это у себя на компьютере, а не на хостинге.  Перед размещением блога в сети, стоит все настроить на компьютере, а потом уже перенести на хостинг.
Итак по порядку:
  1. скачать  Denwer;
  2. скачать wordpress;
  3. установить Denwer на компьютер, там разбираться не в чем, просто включаете инсталер, читаете и жмете кнопочки, но перед установкой отключите Скайп, ато может не заработать;
  4. при установке Денвера надо было указать диск, который будет создаватья, по умолчанию «Z:», в общем заходим на этот диск и идем по такому пути «Z:\home\localhost\www» и вставляем туда скаченный архив с вордпрессом;
  5. дальше открываете свой браузер и пишите в адресной строке http://localhost/denwer/, если вы все правильно сделали, то вы  попадете на страницу Денвера;
  6. потом ищем ссылку «Заведение новых БД и пользователей MySQL» и переходим по ней;
  7. заполняем поля: Пароль администратора MySQL: 123123, Имя базы данных: wordpress, Логин пользователя:  wordpress, Пароль: 123123, …еще раз:  123123, и жмем создать базу;
  8. дальше идем к нашему скопированному вордпрессу и разархивируем его, название папки должно быть wordpress;
  9. потом ищем в папке wordpress файл «wp-config-sample.php» и переименовываем его в «wp-config.php»;
  10. дальше открываем этот файл в блокноте и заполняем поля : // ** MySQL настройки ** //
    define(‘DB_NAME’, ‘wordpress‘); // имя базы данных
    define(‘DB_USER’, ‘wordpress‘); // ваше имя пользователя MySQL
    define(‘DB_PASSWORD’, 123123); // …и пароль
    define(‘DB_HOST’, ‘localhost’); // в 99% случаев не нужно редактировать это (мастерхост исключение)
    define(‘DB_CHARSET’, ‘utf8′);
    define(‘DB_COLLATE’, »);
  11. далее открываем браузер и переходим по адресу http://localhost/wordpress/, вот и все.

пятница, 28 января 2011 г.

Начинаем с азов

Прошло то время, когда веб-сайты писались "с нуля". На сегодняшний день существует множество систем управления сайтом (Content Management System, или CMS), позволяющих в кратчайшие сроки создать мощный и современный веб-сайт. Заслуженной популярностью среди систем управления сайтом пользуется CMS Joomla!.

Joomla iternational"Joomla" в переводе с одного из африканских диалектов означает "вместе". И действительно: CMS Joomla! создана и постоянно улучшается благодаря совместным усилиям сотен талантливых программистов со всего земного шара. Ежедневно для этой системы создаются дополнительные функциональные компоненты и модули, расширяющие ее базовую функциональность и позволяющие получить готовое решение практически для любой встающей перед разработчиком задачи.

Пожалуй, уже можно утверждать, что использование CMS Joomla! стало стандартом де-факто для создания серьезных веб-проектов. На этой системе управления сайтами успешно работают  многие известные сайты.Опрос на форуме веб-разработчиков показал, что каждый пятый веб-разработчик (20%) предпочитает CMS Joomla! (или ее практически полный аналог Mambo). Отметим, что три другие наиболее популярные бесплатные системы управления сайтом Drupal здесь, WordPress  здесь и PHP-Nuke не набрали в сумме и 10% голосов.

среда, 26 января 2011 г.

Автонаполнение блога

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

Где скачать плагин SmartRss
Плагин SmartRss можно скачать здесь: бесплатно скачать SmartRss
Плагин SmartRss состоит из двух файлов:
  • smart_rss.php - файл плагина. Его нужно загрузить в папку wp-content/plugins/, а затем активировать в админке WordPress во вкладке Плагины.
  • wp_smartrss.php - файл, запускающий импорт контента.

Установка настройка плагина SmartRss
  1. закачайте файл smart_rss.php в каталог wp-content/plugins/
  2. активируйте плагин в панели управления
  3. закачайте файл wp_smartrss.php в корневой каталог вашего блога (необходимо переименовать этот файл, что бы никто кроме вас не мог его файл запустить)
  4. перейдите в панель управления WordPress и во вкладке "Настройки" укажите:
  • адреса rss;
  • категории в которые неоходимо помещать записи из лент rss;
  • количество записей из лент которые нужно перенести в блог;
  • минимальный размер записи для импорта в блог.

Ручной или автоматический  запуск плагина SmartRss
Для ручного запуска плагина в адресной строке браузера набирите адрес http://www.sitename.com/wp_smartrss.php (если вы переименовали этот файл, то путь к переименованому файлу) и нажмите enter. После этого на в ваш блог будут импортированы новые записи, а на монитор будет выведен отчёт о проделанной работе.
Для автоматического запуска плагина нужно настроить Cron для запуска файла http://www.sitename.com/wp_smartrss.php (или как он у вас называется).

Плагин SmartRss и кодировка windows-1251
Если возникают проблемы с отображением rss-лент в кодировке windows-1251 нужно подправить файл wp_smartrss.php
  1. откройте файл wp_smartrss.php в текстовом редакторе
  2. найдите строку $data = implode(”", file($filename));
  3. добавьте после неё код: if (strstr($data,’encoding=”windows-1251?‘)) $data = mb_convert_encoding($data, ‘UTF-8?, ‘WINDOWS-1251?);
  4. сохраните файл

воскресенье, 23 января 2011 г.

Picasa и его преимущества.

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



Picasa упорядочивает и редактирует фотографии, печатает красивые коллажи.
В этом редакторе легко создать себе фотоальбом, который автоматически можно разместить на личных веб-страничках, в различных социальных сетях. Очень удобно, вспомните, сколько это занимает времени, если проделывать это вручную.
Фотографии можно отмечать тегами.

Секреты Photoshop

Секреты Photoshop для мастеров.
Photoshop

Как сказал однажды мой коллега: «Photoshop — это такая программа, работая в которой на протяжении многих лет, можно каждый раз находить в ней что-то новое и ранее незнакомое».

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

1.Как найти центр любого документа
Допустим, вам нужно найти центр документа произвольного размера. Для этого сначала включите отобрежение линеек (Ctrl+R или меню View -> Rulers) и направляющих (Ctrl+H или меню View -> Snap). Затем нужно создать новый слой и залить его любым цветом (это необязательно, но помогает визуально определить середину). Установите приближение так, чтобы весь документ помещался в рабочей области. Затем наведите курсор на вертикальную линейку, зажмите клавишу мыши и тащите направляющую к центру документа. При приближении к центру, направляющая будет автоматически привязана к центральной точке по горизонтали. То же следует повторить и для верхней линейки.

Пересечение направляющих в центре документа.

2. Как скопировать сразу все слои
Например, у вас есть выделенная область, под которой находятся несколько слоев, которые необходимо скопировать. Чтобы не копировать каждый слой отдельно, а скопировать все сразу, достаточно выделить верхний из них и нажать Ctrl+Shift+C, чтобы скопировать и Ctrl+C, чтобы вставить скопированное отдельным слоем в этом или другом документе.

3. Как не терять время на отмену действий в диалоговых окнах
Работа с большинством диалоговых окон в Photoshop (таких как Levels, Hue/Saturation, галерея фильтров и др.) у среднестатистического пользователя обычно выглядит так: пользователь запускает диалоговое окно, например Hue/Saturation (Ctrl+U), делает некоторые манипуляции с изображением и вдруг видит, что результат ужасен, начальных настроек он не помнит, поэтому жмет кнопку Cancel (Прервать), и запускает это же диалоговое окно по-новому. И такой круг может повторяться несколько раз, пока не будет достигнут желаемый результат.

Чтобы сэкономить свое время при работе с диалоговыми окнами, пользуйтесь кнопкой Alt. Она заменяет значение кнопки Cancel (Прервать) на Reset (Сброс), и возвращает значения настроек диалогового окна в начальное состояние.

Изменение значения кнопки Reset при зажатой клавише Alt.

4. Увеличение/уменьшение масштаба без использования Zoom
Чтобы увеличить или уменьшить размеры изображения при работе совсем необязательно пользоваться инструментом Zoom (Z) или полями ввода в левых углах рабочего окна и окна Navigator. Photoshop предоставляет более быстрый и привычный способ изменения масштаба — нажатием клавиш Ctrl++ (увеличить) или Ctrl-- (уменьшить). Диапазон значений точно такой же, как и у инструмента Zoom (18,18, 25, 33,33, 50, 66,67, 100, 200, 300, 400, 500, 600, 700, 800, 1200, 1600 %).

пятница, 21 января 2011 г.

Usability

Десять правил usability для начинающих
В этой статье я не буду давать советов специалистам, поговорим с теми, кто пробует сделать сайт или блог самостоятельно. Возможно ли сделать удобный, посещаемый сайт своими руками? Да, возможно. Если вы учтете требования юзабилити.
В прямом переводе термин usability означает «удобство и простота использования». Именно это и есть — одно из основных требований, предъявляемых к сайту.

Итак, первым делом определитесь: кто он, ваш посетитель? Сайт, сделанный «для всех» вряд ли принесет большую пользу, поэтому нужно знать своего пользователя «в лицо». Именно для него, для посетителя, вы подбираете дизайн страниц, размер текста, картинки, фон, — это ваш первый шаг в выполнении требований юзабилити.Осознай, кто твой пользователь.

usability

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

вторник, 18 января 2011 г.

Drupal

Drupal
CMS  Joomla и Drupal одни из самых популярных.
Все что нужно есть на Drupal.org и сайтах ему посвященных. По порядку.
Нам понадобятся:
1. Свежий дистрибутив Друпала, 6 версии. Качаем здесь
2. Локализация под ru. Качаем здесь, в этом разделе
3. Тема для нашего блога - выбираем здесь
4. Набор модулей - ищем здесь, а вот и сам список:
  • autoassignrole - автоматически присваевает роль для каждого зарегистрированного пользователя, в соответствии с ролью настраиваются права доступа и т.д.
  • captcha - защита от спамеров и авторегистраций.
  • cck - мощный пакет который позволяет добавлять поля любого типа к типам контента (блог, статья, страница, рисунок и т.д.) а также создавать свои структуры данных.
  • fckeditor - текстовый редактор который поможет с меньшими усилиями оформить ваш расказ.
  • globalredirect - позволяет вам создавать редиректы, как для внутренних ссылок так и для внешних, большие ссылки вверху работают с его помощью, в общем это 301 и т.д. редиректы.
  • google_analytics -вставляем индентификатор и все работает.
  • imce - как примочка к fckeditor, позволяет вам загружать файлы на сервер и выбирать их на сервере для вставки в контент.
  • lightbox2 - для вывода фоток в выплывающем боксе, клацаем по фотке и она открывается, а дак же для создания слайдшоу.
  • nodewords - для добавления описаний страниц (description) и ключевых слов (keywords).
  • page_title - для задания уникальных тайтлов для страниц(<title>).
  • path_redirect - редиректит пользователя от одной URL к другой, используется другими модулями.
  • pathauto - предоставляет модулям механизм автоматического генерирования синонимов (alias) для управляемого модулями содержимого.
  • search404 - для 404 ошибки
  • seo_checklist - проверяет список того что установлено для оптимизации и что нужно сделать, такое себе мини руководство по SEO.
  • site_map- для создания карты сайта, автоматом генерирует страничку и добавляет пункт в меню, дальше этот пункт нужно переместить в нужное меню.
  • taxonomy_list - для создания списка категорий из тегов(таксономичных терминов)
  • taxonomy_manager - для упрощения работы с таксономией.
  • token - требуется для Page Title и Pathauto
  • trackback - позволяет отправлять и принимать трекбеки.
  • transliteration - для транслитерации UTF-8
  • video_filter - позволяет публиковать видео и фото размещенные на  ресурсах типа YouTube и Flickr.
  • views - еще один мощный инструмент, позволяет создавать представления ваших типов даных в нужном вам виде, тоесть задать что, где и как выводить.
  • xmlsitemap - для создания sitemap.xml

понедельник, 17 января 2011 г.

Стив Круг . Веб-дизайн: книга Стива Круга, или “не заставляйте меня думать!”

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

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

ЗАГРУЗИТЬ    26MB  PDF

воскресенье, 16 января 2011 г.

Кликбанк

ClickBank – высокооплачиваемая партнерская программа



Clickbank
ClickBank — партнерская программа с профилем онлайн-розничной торговли цифровыми товарами, была созданна еще в 1998 году со штаб квартирой в штате Айдахо.
Сегодня с ClickBank сотрудничает более 12000 авторов цифровых товаров и 100 000 активных маркетологов, которые успешно продают эти самые товары.
Согласно статистике ClickBank осуществляет продажу товара по миру каждые 3 секунды. Ведь ClickBank работает более чем на 200 стран мира. Вы можете представить такую аудиторию?
До не давнего времени Россия не входила в список стран с которыми сотрудничает ClickBank. Поэтому, те кто мечтал и пытался работать в этой партнерской программе(жители России и Украины), искал знакомых или родственников за границей, чтобы через них получать оплату за сотрудничество.
Соблазн работать с такой программой велик, потому что она одна из наиболее уважаемых и высокооплачиваемых в интернете. Доходность от продажи товара составляет до 70% от стоимости товара.
Партнерская программа представляет возможность выйти на международный рынок и продавать свой или чужой товар огромной аудитории пользователей интернета.
Партнерская программа хороша еще и тем, что с ней могут сотрудничать:
  1.Авторы цифровых товаров, которые мечтают его продать не только пользователям Рунета,       но и выйдя на международный уровень, не ограничено увеличить аудиторию.
  2.Хозяева сайтов или блогов, которые могут рекламировать и продавать книги авторов на страницах своих сайтов.
  3.Предприимчивые люди, не имеющие сайта или блога, но путем умелого маркетинга находящие площадки для продажи книг.

Blogger help group

Свершилось!Google Groups как и Google Friends Connect не стоят на месте.
Первый шаг уже сделан: на Google Groups организована группа Russian Blogger Help Group (по-русски).Поэтому  приглашаю как опытных гуру так и полных чайников к дискуссиям в этой группе.

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

Регистрация в картинках:

1) Идем по адресу:

http://groups.google.com/group/russian-blogger-help-group?hl=ru

2) Видим картинку:

Blogger help group

Кликаем "Присоединиться к этой группе".


3)  Картинка поменялась:

Blogger help group


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

4) Теперь можно создавать новые сообщения и отвечать на уже созданные.
Вот и все...

пятница, 14 января 2011 г.

10 главных ошибок веб-дизайна(часть 2)



6. Отсутствие вариантов

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

Якоб Нильсен

7. Слишком длинные списки

Раньше веб-сайты предлагали две или три вещи. Теперь же сайт с тысячами или миллионами товаров - вполне обычное дело. Прекрасно, но только списки этих товаров стали очень длинными и с ними трудно работать.
Один из главных советов по составлению страниц со списками категорий - позвольте пользователям сокращать список, меняя атрибуты перечисленных в нем предметов. Иными словами пользователь должен иметь возможность "отсечь" предметы, которые не удовлетворяют его критериям, в результате чего должен получиться более короткий список, с которым проще работать и который проще понять.
Что для этого нужно?
  • В первую очередь такая функция должна присутствовать на сайте, а на большинстве сайтов ее нет.
  • Атрибуты выборки должны быть понятными посетителям, а не представлять собой высокотехнологические термины или определения, используемые внутри компании (скажем, серийные номера деталей, хотя они и могут быть использованы в поиске).
  • Критерии должны помогать отсеивать товары, которые посетителя не интересуют. Например:
    • "показать только те товары, которые могут быть доставлены в канун Рождества"
    • "Показать только те туфли, у которых есть 10 размер"
  • И наконец, естественно, пользовательский интерфейс, с помощью которого осуществляется отсеивание должен быть простым, чтобы посетитель смог сконцентрироваться на атрибутах отсева, а не разбираться в том, как интерфейс работает.

четверг, 13 января 2011 г.

10 главных ошибок веб-дизайна(часть 1)

Якоб НильсенTop Ten Web Design Mistakes of 2003 (December 22, 2003)                                                           
автор: 2003.12.22 Якоб Нильсен                                                             
Вкратце: Сайты с каждым годом все лучше используют минималистический дизайн, поддерживают архивы старых материалов и предлагают все более изощренные услуги. Однако эти усовершенствования влекут за собой проблемы с юзабилити.
Я составил список того, чем особенно раздражали вебсайты в последнее время:

1. Нечёткое формулирование своей цели

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

2. Новые URL-ы для архивных документов

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

среда, 12 января 2011 г.

Как увеличить посещаемость

Объясняю. Поглядите любой сеошный кейворд в статистике, и вы увидите обязательно кто то ищет как это сделать бесплатно.  Причем если следовать этим кейвордам то бесплатно вы получите только обещания.:) . В общем если сделать страничку и что т о пообещать бесплатно, обязательно кто-нибудь придет. Халява Сэр!  По идее в выдаче поиска будет только начало статьи с вкусным текстом и это текст уже виден не будет, из халявщиков авось кто прибежит.
А уже здесь можно писать нормальный текст для себя и людей.Пока немного  отдохнем ,поприкалываемся  и двинем дальше.По-моему сделано легко и артистично:


В общем на начальном этапе, для наращивания RSS подписчиков и ссылочной массы, можно воспользоваться всеми известными прописными истинами - способами:

Привлечение с форумов - на своем опыте, провожу дурацкий эксперимент, регаюсь в одном городском форуме. Естественно заполняю красиво профиль. Иду в толкучку и делаю несколько ответов на темы которые там постоянно болтаются. Это необходимо для того что бы в профиле было видно что ты у тебя есть несколько сообщений. Иначе банят довольно оперативно, проверено:). после этого идем в какой-либо подходящий раздел и пишем, ну к примеру "Посмотрите какой я сделал сайт" бла бла.. оцените дизайн, критика приветсвуется...  Поучаствовал, подогрел массы. Ссылка осталась, переходы уже конечно ушли, но изредка можно возвращаться. Из 100 пришедших нексолько то точно подпишутся на RSS.

вторник, 11 января 2011 г.

Монетизация проекта

 После регистрации учетной записи, ее настройки переходим непосредственно к созданию объявлений. Сегодня рассмотрим вариант реализации данной задачи из аккаунта AdSense.

Заходите в меню Настройка AdSense, попадая при этом сразу в раздел «получить объявления». Как я уже говорил ранее, есть 3 места для рекламы – контекст, поиск, фиды. Нам потребуется первый вариант. После этого откроется «мастер» создания объявлений, с помощью которого шаг за шагом вы сделаете все необходимые настройки.
1. Выбираем тип объявления. Их существует два – рекламный блок и блок ссылок. В первом случае он занимает больше места из-за наличия краткого описания для каждой записи (см. в шапке блога). Во втором - просто выводится список ссылок (пример в сайдбаре). Кстати, для рекламного блока можно задать вывод лишь текстовой или графической рекламы, либо оба варианта.

2. Далее выбирается цветовая схема и формат объявлений. Здесь можно определить размер блока (горизонтальные, вертикальные, квадратные), цветовое решение (существующее либо свое), а также стиль углов. Кстати, на этой странице собраны различные форматы объявлений Google AdSense. На этом же шаге есть возможность посмотреть созданный вид рекламы:

понедельник, 10 января 2011 г.

Panoramio

Panoramio
Есть у Google очень интересный и оригинальный сервис под названием Panoramio, который позволяет не только загружать и добавлять свои фотографии путешествий, но и привязывать их к определенному месту на карте (Google Maps). Это все создает совершенно новый опыт ведения персонального олнайн фото альбома, который бы наглядно демонстрировал всю географий ваших поездок по всему миру.
PictureА сегодня появилось сообщение про специальный виджет для Panoramio, который позволяет легко публиковать фото ваших путешествий в персональный блог на Blogspot. Теперь вы сможете поделиться посещенными достопримечательностями и любимыми местами по всему миру.

Чтобы добавить Panoramio в ваш блог, вам нужно разместить там немного HTML кода. Разработчики всегда рекомендуют добавлять любой HTML код с помощью соответствующего гаджета в разделе «Дизайн» - «Элементы страницы». Этот вариант подходит, если вы хотите разместить фотографии где-то в сайдбаре или футере блога – нужно кликнуть по ссылке «Добавить гаджет» в нужном месте шаблона.

воскресенье, 9 января 2011 г.

Плюсы и минусы Blogger.com

Blogger
Итак, вы имеете непосредственное отношение к SEO и созрели для личного сетевого дневника, то есть решения завести блог принято окончательно. Сразу встаёт вопрос – что выбрать? Лет пять назад выбор был совсем невелик, но события в сети развиваются очень стремительно и сегодня выбор значительно шире. Кому же отдать свой голос?

К выбору платформы для своего блога стоит отнестись основательно, дабы “не сожалеть в потом о бесцельно прожитых мгновениях .Читай здесь!
Первое с чего стоит начинать выбор – это определить для себя, должен ли быть блог на собственном домене или устроит и сабдомен на каком-нибудь публичном сервисе. Второй важный вопрос – как бороться со спамом. Ну и наконец, стоит определиться – интересуют ли вас позиции блога в поисковых системах и собственно поисковых траффик на блог…

В данном повествовании я попытаюсь рассказать о сильных и слабых сторонах одного из самых популярных в мире блог-сервисов – Blogger.com, он же Blogspot.com

Joomla-Xmap

Xmap
 Хотя понятие «карта сайта» сегодня для меня совершенно тривиально, когда-то я не знал что
 это такое. Думаю, многие новички в сайтостроении сталкиваются с проблемой, когда все обсуждают какую-то вещь, но ее смысл изначально не ясен. Когда только начинаешь свой путь web-мастера и читаешь различные форумы и блоги, кажется, что люди там говорят на совершенно другом языке, отличном от русского. Специфических понятий и выражений очень много и в них постоянно путаешься…. Так к чему это я? К тому, что сначала я расскажу, что такое «карта сайта» в принципе. Многие, более-менее опытные веб-мастера могут забросать меня помидорами с криками «Что за детский сад!? Это уже и так все знают!», но я пытаюсь донести информацию до всех, в том числе и до новичков, поэтому стараюсь писать, рассчитывая на то, что человек не знает ничего.
 Так что же такое «Карта сайта»? В Википедии сказано:

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

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

суббота, 8 января 2011 г.

Основы CSS


CSSЗачем нужен CSS?                                                                             

CSS Cascading Style Sheets (Таблицы каскадных стилей) – это набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходиться каждый раз описывать эти свойства. Применяя CSS, Вы можете один раз описать свойства элементов и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами.
Например, чтобы описать в HTML выравнивание содержимого параграфа по ширине и задания отступов слева и справа Вы должны были в каждом параграфе прописать, что то вроде этого:
<p align="justify" style="margin-left: 3; margin-right: 3"></p>
При использовании CSS можно один раз задать параметры для всех параграфов для всех страниц сайта. Например:
P {
FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: justify; padding-right: 3px;
}
Таким образом при использовании CSS мы можем получить следующее:
  • Добиться однообразия всех страниц сайта;
  • Существенно сократить размер сайта (так как не нужно будет писать кучу параметров к каждому тэгу);
  • Улучшить внешний вид сайта.

пятница, 7 января 2011 г.

jQuery

jQuery


Тенденция последних лет в создании веб-приложений – использование функциональности,
 которая до этого была доступна только прикладным программам. Это и всевозможная анимация, и общение с сервером без перезагрузки страницы, и использование «не веб»-элементов (деревья, табы, сплиттеры и многое другое).
Над самим термином «клиентское веб-приложение» можно смеяться, о нем можно дискутировать, но факт остается фактом – уже появились решения, которые кроме как «веб-приложением» назвать нельзя (взять тот же Gmail, например). И теперь наша задача, как разработчиков, взять на вооружение все, что позволит создавать новые приложения, которые соответствуют новым, пока еще правда сырым, стандартам, объединяемым звучным названием «Веб 2.0».
Большая часть технологической стороны новых веб-приложений опирается на предсказуемость поведения современных браузеров. Все наиболее распространенные браузеры разве что не препарированы энтузиастами. Такие копания во внутренностях позволяют этим же энтузиастам создавать разнообразный инструментарий для работы над веб-приложениями в целом, так и над каждой веб-страницей в отдельности. Но так как в заголовок статьи вынесено слово «Javascript», то и говорить мы будем о нем.

Основы HTML

HTML

Основы языка HTML

Что такое HTML?

HTML (HyperText Markup Language) - язык гипертекстовой разметки документов. Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора.

Как создать HTML?

Для создания HTML документов используют текстовые редакторы (например Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Вы можете создать HTML документ в простом Блокноте. Придерживаясь определённого стандарта и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm вы получите полноценную web страничку.

Структура HTML документа

Что такое теги в HTML?

Теги - это инструменты разметки текста. Теги могут прописываться как строчными, так и прописными буквами, разницы никакой нет. Теги бывают парными и не парными. В качестве примера парного тега можно привести тег <html></html>, этот тег начинает и заканчивает любой HTML документ. Вторая часть парного тега отличается от первой только наличием символа "/", однако первая часть тега может содержать и дополнительные параметры. Например в теге <font size="4"></font>, параметр size="4" определяет размер текста. Примером непарного тега является <hr> - тег вставки в HTML документ горизонтальной линии, такой как в конце этого абзаца.

Wordpress-related posts

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

Wordpress
Установка
После установки и активации зайдите на страницу настроек плагина. Теперь кликните на ссылку этот скрипт. Должно открыться новое окно. Если все пройдет гладко, то в результате этого, в БД будут сделаны нужные плагину правки; если нет - Вам необходимо их сделать вручную. Для этого заходим в любое приложение для работы с БД и выполняем следующий запрос
ALTER TABLE `wp_posts` ADD FULLTEXT `post_related` (
`post_name` ,
`post_content`
)

Теперь Вам осталось только добавить в нужное место шаблона отображения поста вызов функции related_posts();
Настройка

Здесь вы можете указать точное кол-во вывподимых постов, какие теги будут до/после названий этих постов, до/после аннотаций к постам, а также какой вес имеют слова в различных местах поста.


 

четверг, 6 января 2011 г.

Google Friend Connect

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


Немного подоробнее о преимуществах в использовании newsletters от Google Friend Connect. Наличие информационного бюллетеня на сайте:

среда, 5 января 2011 г.

Количество постов

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

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

В этой коротенькой статье я хочу поделиться просто парой тройкой мыслей...

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

вторник, 4 января 2011 г.

Заработок без знания английского языка

Несколько способов заработка в западном интернете без знания английского

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

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


Ребята-комментаторы, примените смекалку. Почему вы решили, что бесплатные статьи можно поставить только на блог, как посты, или на сайт, как страницы, добавить рекламы и потом просто сидеть и ждать когда же пойдут деньги?

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

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

LinkWithin

Related Posts Plugin for WordPress, Blogger...