Секреты веб дизайна и раскрутки сайтов

ср, 24 июн 2009 18:43:22 MSD

Здравствуйте, уважаемые подписчики!

Рассылка "«Секреты веб дизайна и раскрутки сайтов»" закрывается.

К сожалению, эта рассылка прекращает свое существование, а все подписчики будут переданы в рассылку аналогичной тематики "Раскрутка сайта: Инструкция"

Описание рассылки:

Инструкция по раскрутке сайта: эта рассылка поможет сделать ваш сайт более посещаемым. Все самое полезное, начиная с полезных советов по веб-дизайну и оформлению, и заканчивая seo-оптимизацией.
Подписывайтеь! Будет интересно :)

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

Спасибо!

С уважением, служба поддержки Subscribe.Ru

Секреты веб дизайна и раскрутки сайтов 10 самых глупых решений связанных с веб сайтами

вс, 13 янв 2008 22:46:55 MSK

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 30. 10 самых глупых решений связанных с веб сайтами

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию тридцатый выпуск рассылки "Секреты веб дизайна и раскрутки сайта". Сегодня в выпуске публикуется перевод статьи Калены Джордан с сайта http://sitepronews.com об ошибках, которые допускают создатели веб сайтов. Надеюсь, что эта информация будет вам полезна.

10 самых глупых решений связанных с веб сайтами

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

Здесь я привожу список 10 самых глупых ошибок совершенных относительно веб сайтов в обратном порядке:

10. Опечатки в имени домена

В конце 1990х годов, когда я работала на большое Интернет агентство, веб дизайнеры были ответственны за регистрацию доменных имен от лица их клиентов. Однажды, одного дизайнера при встрече с клиентом попросили зарегистрировать доменное имя CarTuneCentral.com (или ему это показалось). Тот проверил, имя оказалось свободным и он его благополучно зарегистрировал.

Через час ему позвонил его начальник и объяснил, что очень злой клиент звонил и ругался. Оказывается клиент хотел домен CartoonCentral.com. Данный домен оказался занятым и эта история еще долго будоражила весь офис.

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

Какого типа компания позволяет истечь сроку регистрации своего домена? Ответ: очень крупного типа. Не буду раскрывать ее имени, но их сайт был в оффлайне более 2х суток, пока они проплачивали продление домена, настраивали DNS и исправляли свои ошибки.

8. Выставление своего исподнего на показ.

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

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

7. Публикация важной информации о компании.

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

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

6. Использование шокирующей 404 страницы.

Я столкнулась с веб дизайн студией одного моего клиента в этом году. Этот клиент заказал полную переделку своего сайта и я рекомендовала ему попросить свою студию переделать 404 страницу ошибки. Вот что на ней было до этого:

«404 ошибка. Вы явно набрали неправильный URL. Либо же страница, которую вы ищите больше не существует.»

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

5. Выведение сайта в оффлайн на обслуживание.

Меня удивляет, что даже крупные сайты, которые запущены умными людьми все еще регулярно выводят в оффлайн на обслуживание. Поисковые системы не понимают «Будем в сети через 15 минут» и чем дольше сайт на обслуживании, тем выше риск.

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

4. Покупка .biz доменов, если .com свободны

Хорошо, признаюсь, что в 2000 году я купила домен .biz, в то время, когда .com был свободен. Через некоторое время .com версию купил Yahoo и сделал из него сайт своего продукта. Моим извинением служит то, что в то время ходили упорные слухи, что .biz будут очень популярны. Это было моей ошибкой.

3. Позволять жалобам ваших клиентов висеть на сайте 12 месяцев

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

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

2. Отключение веб сайта на 3 недели декабрьских каникул

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

1. Реклама домена, который вам не принадлежи

Моя Альма Матер, Университет Ньюкастла, потратил тысячи долларов на телевизионную рекламу в Австралии, рекламирую свой новый сайт про обучение через Интернет: GradSchool.Com. Проблема в том, что имя домена было: GradSchool.Com.au. Они даже не владели доменом: GradSchool.Com.

Это трагично думать, что студенты заходили на сайт GradSchool.Com и не находили ничего относящегося к обучению. К слову сказать на этом сайте вскоре появилась реклама Google Adsense и хоть кто-то получил доход с рекламных денег.

Не позволяйте таким трагедиям случатся с вами, не доверяйте свои сайты не профессионалам.

Выводы

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

Постоянный адрес статьи на сайте: 7 способов защитить партнерскую ссылку.

Обратная связь

Заходите и читайте блог о SEO и поисковых системах. Можете подписаться на обновления в RSS или по email.

Последние статьи в блоге:

Обратная связь

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

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас есть интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

NeoMoon-Хостинг - Недорогой хостинг. Доступные цены. 100Мб за 55 рублей + все скрипты разрешены.
Студия веб дизайна NeoDesign. Создание и продвижение вашего сайта. Переводы популярных песен на английский язык.

Секреты веб дизайна и раскрутки сайтов Способы публикации партнерских ссылок.

пт, 21 дек 2007 06:10:17 MSK

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 29. Способы публикации партнерских ссылок.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать девятый выпуск рассылки "Секреты веб дизайна и раскрутки сайта". Сегодня в выпуске публикуется полезная статья из блога «Свобода слова вебмастерского» о защите партнерских ссылок.

Введение

Думаю, вы не раз замечали, что некоторые сайты очень долго загружаются браузером. Возможно, что виной всему плохое соединение с Интернет, но это не обязательно так. Очень часто сам сайт сделан так, что его загрузка занимает значительное время. В 2004 году, главой отдела анализа эффективности Yahoo был назначен Стив Содерс. Проанализировав загрузку первой страницы портала Yahoo, он выяснил, что только 5% времени тратится на загрузку HTML (а ведь это главное содержание страницы). Все остальное время расходовалось на загрузку картинок, скриптов, счетчиков, таблиц стилей и многого другого.

Партнерские программы сегодня – один из обязательных и незаменимых атрибутов бизнеса любого Интернет-предпринимателя, который продает свои товары и услуги посредством сети Интернет.

Больной вопрос пользователей, регистрирующихся в таких программах – партнерские ссылки, а, если быть точнее, их сохранение. Российский юзер в большей своей части не обделен страстным желанием обрубить Вашу партнерскую ссылку на корню, лишая Вас тем самым положенных комиссионных отчислений за проданный продукт. И делает он это, как правило, автоматически, благо в большинстве своем партнерские линки однотипны, посему такому юзеру не составляет особого труда отрезать «ненужную» часть, что он и делает со спортивным интересом.

И от чего же он так безжалостно поступает? От того, что его, как обычно принято выражаться, «жаба душит». И он просто не может допустить, чтоб КТО-ТО таким образом попытался заработать на нем денег.

В буржуйнете, к примеру, ситуация обстоит совсем по-другому.

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

Как обычно выглядит партнерская ссылка? Вот типичный пример:

http://www.affiliatesite.ru/?user

где “user” – идентификатор пользователя, зарегистрированного в партнерской программе сайта www.affiliatesite.ru.

Что обычно делает нерадивый юзер, желая перейти по такому линку? Верно – отсекает то, что находится после слэша, т.е. вот эту часть ссылки: “?user”. Результат сего действа Вам уже известен.

А если партнерская программа предлагает вполне приличные комиссионные за проданный по этой ссылке товар? А если партнер, который предоставил эту ссылку, приложил немало усилий на составление притягивающего описания, эффективного презентационного материала или статьи? Что, получается, все труды напрасны, и партнер зря потратил свое драгоценное время на продвижение чужого продукта?

Нет, такого допускать нельзя!

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

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

1. Редирект посредством HTML

Создается обычный хтмл-файл, например secretinfo.html, со следующим кодом:

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

2. Редирект посредством JavaScript.

Способ аналогичен предыдущему. Разница в том, что для редиректа используется не мета-тег, а технология JavaScript.

3. Замена адреса.

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

текст ссылки

4. Искажение статусной строки.

Способ похож на предыдущий, но реализован несколько по-другому.

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

текст ссылки

5. Создание псевдоссылки с помощью HTML-кнопки.

Путем хитрого применения HTML+CSS+JavaScript создается кнопка (2 варианта), которая выглядит как ссылка.

 
   
 
или

где: blue - цвет ссылки;#FFFFFF - цвет кнопки.

Чтобы не было похоже, что это кнопка, рекомендую делать ее цвет аналогичным фону страницы.

Минус данного способа в том, что не во всех браузерах такая псевдоссылка выглядит корректно (не появляется подчеркивание, не меняется курсор на «руку» при наведении на нее).

Примечание: способы 2–5 сработают только в том случае, если в браузере пользователя включена поддержка JavaScript.

6. Редирект посредством PHP.

Создается php-файл, например secretinfo.php, со следующим кодом:

Чтобы ссылка, содержащая “secretinfo.php” и вовсе не вызывала подозрения, будто это какой-то хитрый скрипт, можно сменить расширение файла на “.html”. При этом останется только заставить хтмл-файлы исполнять php-код, путем указания в .htaccess (лежит в корне сайта) следующей директивы:

RemoveHandler .html .htm 
AddType application/x-httpd-php .php .html .htm .phtml

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

7. «Ссылочный акробат».

Это полноценный скрипт, универсальный редиректор, который представляет собой реализацию 6-го способа, но доведенного до ума.

Помимо решения своей основной задачи – сокрытия партнерской ссылки и перенаправления пользователя по нужному линку – скрипт обладает рядом дополнительных и непременно необходимых манимейкеру преимуществ:

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

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

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

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

Автор: Dimox. Блог "Свобода слова вебмастерского"

Выводы

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

Постоянный адрес статьи на сайте: 7 способов защитить партнерскую ссылку.

Обратная связь

Мой личный блог о SEO и поисковых системах. Можете подписаться на обновления в RSS или по email.

Последние 5 статей с блога:

Обратная связь

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

NeoMoon-Хостинг - Недорогой хостинг. Доступные цены. 100Мб за 55 рублей + все скрипты разрешены.
Студия веб дизайна NeoDesign. Создание и продвижение вашего сайта.

Секреты веб дизайна и раскрутки сайтов Правила создания высокопроизводительных сайтов от Yahoo.

вт, 11 дек 2007 10:04:20 MSK

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 28. Правила создания высокопроизводительных сайтов от Yahoo.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать восьмой выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

Введение

Все это привело к тому, что в компании Yahoo были разработаны правила для высокопроизводительных вебсайтов. Оригинал правил находится вот здесь http://developer.yahoo.com/performance/rules.html. Я вам предлагаю перевод этих правил на русский язык.

1. Уменьшайте количество HTTP запросов к серверу

Большинство времени при загрузке страниц, браузер тратит на запросы к серверу. Уменьшая количество элементов страницы, вы одновременно уменьшаете количество обращений к серверу. По мнению Yahoo – это ключевой момент, на который стоит обратить внимание.

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

Как же Yahoo предлагает уменьшать количество компонентов на странице?

Один из путей, это упрощать дизайн страницы. Но что же, совсем не создавать сложные и красивые сайты? Можно ли для них уменьшить количество запросов к серверу? Yahoo рекомендует следующие способы:

- Используйте Image Maps. С помощью этого способа можно комбинировать несколько изображений в одно. Общий размер меньше не станет, но количество запросов к серверу уменьшится.

- Используйте CSS спрайты. Поместите все изображения вашего сайта в один большой файл, а затем используйте CSS свойства background-image и background-position, для задания того участка, который должен быть отображен.

- Объединяйте несколько файлов в один. Например, помещайте все javascript скрипты в один файл. То же самое относится к файлам стилей. Иногда это бывает достаточно трудно сделать, но оно того стоит.

2. Используйте Сеть доставки Контента (Content Delivery Network).

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

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

На рынке есть множество компаний, предлагающих услуги CDN. Yahoo рекомендует Akamai Technologies, Mirror Image Internet или Limelight Networks.

3. Добавьте http заголовок Expires

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

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

Для установки данного заголовка в веб сервере Apache можно воспользоваться следующей директивой:ExpiresDefault "access plus 10 years"

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

Будьте осторожны при установке даты слишком далеко в будущее. Если вы все же измените файл потом, то вам также придется поменять и его имя, что бы у ваших пользователей он обновился до истечения срока указанного в заголовке Expires.

4. Включите gzip сжатие для компонентов вашего сайта

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

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

В Apache 1.3 поддержкой сжатия «занимается» модуль mod_gzip, а в Apache 2.x модуль mod_deflate.

5. Размещайте файлы стилей в начале документа.

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

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

6. Размещайте все скрипты внизу страницы.

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

7. Не используйте выражения внутри CSS файлов.

CSS выражения – это мощный (и опасный) инструмент, позволяющий изменять CSS свойства динамически. Вот как можно задать разное значение цвета заднего фона в зависимости от четности или не четности текущего часа:

background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );

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

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

Еще одной из причин не использовать выражения в CSS является то, что их поддерживает только IE. Многие хаки для IE используют CSS выражения. Прочитав данный пункт, подумайте, а стоит ли их использовать.

8. Делайте JavaScript и CSS внешними файлами.

Использование внешних JavaScript и CSS файлов дает лучший результат, так как позволяет браузерам сохранять их в кэше, а не загружать каждый раз, когда пользователь приходит на сайт. А это очень большое преимущество.

9. Уменьшайте количество DNS запросов

DNS – осуществляет преобразование доменных имен в IP адреса. Что бы сделать такое преобразование, необходимо послать запрос к DNS серверу. На это уходит определенное время. Пока запрос не завершился удачно, браузер не может продолжать загрузку.

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

10. Минифицируйте JavaScript

Термин «минификация» означает удаление из кода различных символов, которые не несут смысловой нагрузки. Например, комментарии, символы пробела, табуляции, перевода каретки. Данное действие, может уменьшить размер JS скрипта до 50%.

Существует несколько продуктов, которые позволяют минифицировать JS код. Два наиболее популярных из них это: JSMin и YUI Compressor.

11. Старайтесь не использовать редирект

Редиректы бывают постоянными (301) или временными (302). Получив заголовок с кодом 301 или 302, браузер автоматически начинает загружать другую страницу, как если бы именно ее запросил пользователь. Редиректы замедляют попадание пользователя на страницу, которую он хочет увидеть.

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

12. Удалите дублирующиеся скрипты

Здесь все ясно. Один и тот же код не должен дублироваться на странице. Выносите одинаковую функциональность в общие функции.

13. Сконфигурируйте Etags

Теги содержимого (Entity Tags – Etags) – это механизм, позволяющий браузерам узнать, соответствует ли элемент в кэше браузера, элементу на сервере. Это поле более гибкое, чем дата последней модификации компонента.

ETag – это строка, уникально идентифицирующая, версию элемента на сервере.

При нахождении элемента в своем кэше, браузер посылает на сервер запрос if_none_match. Если элемент изменился, сервер отвечает 304 ошибкой и браузер скачивает новую версию документа.

В Apache поддержка Etags включена по умолчанию. Если вы хотите ее отключить, то используйте следующую директиву: FileETag none

14. Сделайте свой Ajax код кэшируемым

Ajax все больше входит в нашу жизнь. В эпоху веб2.0 очень многие сайты используют Ajax. Поэтому очень важно становится оптимизировать работу с ним.

Оптимизация Ajax подразумевает применение к скриптам правил 3, 4, 9, 10, 11, 13.

Правило 3 – самое важное. Именно оно управляет кэшированием скриптов.

О том, как сделать дружественный поисковикам Ajax, читайте здесь.

Выводы

Постоянный адрес статьи на сайте: Правила создания высокопроизводительных сайтов от Yahoo.

Блог о SEO и поисковых системах

Мой личный блог о SEO и поисковых системах. Можете подписаться на обновления в RSS или по email.

Последние 5 статей с блога:

Обратная связь

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов

вт, 27 ноя 2007 00:23:13 MSK

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 27. Подготовка сайта к раскрутке (15 шагов).

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать седьмой выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

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

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

Подготовка сайта к раскрутке (15 шагов)

Автор: Юсуф Губайдуллин, http://www.promoguide.ru

«С чего же начать раскрутку сайта?» – этот вопрос задают себе практически все, кто только что создал веб-сайт и хочет получить от него хоть какую-то пользу.

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

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

Шаг #1. Определите цель вашего сайта.

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

Что он снимет трубку и позвонит в вашу компанию, оформит заказ в вашем итернет-магазине, подпишется на вашу рассылку, заполнит форму, анкету? Или может быть, вы ждёте, что он зарегистрируется у вас на форуме?

Так или иначе, цель должна быть. Ясно определите её.

Шаг #2. Направьте свой сайт на достижение цели.

Здесь я хочу отметить, что ваш сайт должен соответствовать поставленной цели.

Если ваша цель – как можно больше звонков в офис, тогда не прячьте свой номер телефона в нижней части страницы «контакты». Гордо разместите его в шапке сайта, большим шрифтом. Причём на каждой странице.

Если вы хотите, чтобы посетитель заполнил какую либо форму, то организуйте её так, чтобы при заполнении не возникало вопросов. Плюс, установите на каждой странице яркую кнопку или баннер с предложением заполнить эту форму. Попробуйте также предложить посетителю небольшой презент за заполнение. Элементарно – скидку, либо какой-нибудь «скачиваемый» бонус.

Шаг #3. Избавьтесь от лишних элементов на странице.

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

Если реклама на сайте не приносит вам особой прибыли – снимите её. Не отвлекайте посетителя от более важных целей. Ведь он может уйти по баннеру, а потом и вовсе забыть о вашем ресурсе.

Шаг #4. Покажите клиенту, что он получает.

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

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

Пример: мини-ёршик, длина всего 15 сантиметров >> мини-ёршик, удобно хранить в бардачке автомобиля.

Даже если вы просите заполнить форму, дайте причину: «заполнив форму, вы внесёте свой вклад в развитие сайта», «заполните форму и получите скидку 5 процентов».

Шаг #5. Демонстрируйте своё УТП.

УТП – Уникальное торговое предложение. Об этом есть очень много материалов в сети. В двух словах, это то, чем вы отличаетесь от конкурентов, и то, ради чего клиенты идут именно к вам.

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

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

Шаг #6. Завоёвывайте доверие посетителей.

У большинства пользователей есть предубеждение, что интернет – это нечто нереальное. Отсюда и появляются страхи и опасения быть обманутым. Вы должны завоевать доверие посетителя.

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

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

Шаг #7. Будьте всегда на связи.

Укажите на сайте не только e-mail, но желательно и телефон по которому с вами можно связаться. Укажите время, по которому вы доступны в скайпе или в ICQ. Если у вас есть офис, укажите его полный физический адрес.

Даже если посетитель не воспользуется этой информацией, он будет знать, что в любое время может связаться с вами. А это очень сильно влияет на доверие.

Шаг #8. Следите за дизайном.

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

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

Шаг #9. Размещайте свой сайт только на платном хостинге.

Без комментариев. Если вы рассчитываете на то, чтобы вас восприняли всерьёз, тогда платный хостинг и домен второго уровня – первое, что вы должны обеспечить своему сайту.

Шаг #10. Проверьте свой сайт на наличие ошибок.

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

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

Шаг #11. Предложите гарантию с возвратом денег.

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

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

Шаг #12. Публикуйте отзывы.

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

Желательно, чтобы отзывы были конструктивные, «по делу». Никакой воды типа «Супееерр!!!!!!!». Также можете использовать отзывы в виде аудио и видео файлов. Они очень здорово выделят вас, да и поверить им уже будет не трудно.

Шаг #13. Регулярно обновляйте сайт.

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

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

Шаг #14. Призывайте к действию.

Многие тестирования показали, что баннер, на котором есть призывающий к действию текст (например: “кликните сюда!”, “нажмите сюда!”) имеет большую конверсию кликов, чем баннер без прямого приказа. Что из этого следует? Вы должны использовать прямые призывы к действию на своём сайте. Дайте человеку конкретные указания.

Например: “Кликните сюда, чтобы оформить подписку!”, “Чтобы оформить заказ, заполните данную форму и нажмите на кнопку «Сделать заказ»” и т.д.

Идея заключается в том, что, даже если человек сам прекрасно понимает, что нужно сделать (например, кликнуть по баннеру), ему всё равно лучше на это указывать. И как ни странно – это работает!

Шаг #15. Работайте над юзабилити.

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

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

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

Действуйте!

Надеюсь, вы усвоили из этой статьи хотя бы несколько советов, применимых к вашему ресурсу. Обязательно используйте их в работе над сайтом. Конверсия возрастёт, гарантированно!

Юсуф Губайдуллин(Автор первой в рунете подкаст-рассылки об интернет-маркетинге, www.promoguide.ru)

Выводы

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

Постоянный адрес статьи на сайте: Подготовка сайта к раскрутке.

Обратная связь

Я жду ваших писем по адресу simeon@neomoon.ru

Мой личный блог о SEO и поисковых системах. Можете подписаться на обновления в RSS или по email.

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов Обзор мира SEO за лето-осень 2007 года

вт, 30 окт 2007 16:11:31 MSK

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 26. Обзор мира SEO за лето-осень 2007 года.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать шестой выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

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

Google

Google Page Rank уже очень давно не обновлялся. Некоторые даже считали, что он умер. Представители Google уже неоднократно заявляли, что PR не отражает специфику и популярность сайта, поэтому не стоит ориентироваться на этот показатель. Но, из-за отсутствия альтернатив, PR пока остается одним из самых главных инструментов оценки продвижения сайта. Неожиданно (впрочем как и всегда), пришел апдейт PR. Это случилось 27 октября. Значит пока PR жив?.

Также поступила информация, что Google стал вручную опускать PR популярных сайтов. Об этом заявили сразу несколько популярных сайтов и блогов. Якобы Google в рамках борьбы с платными ссылками понизил рейтинг сайтов, которые продают ссылки. Не думаю, что эта информация верна. Слишком уж невероятна эта история. Это тоже самое, что заявление некоторых о том, что Google PR можно повысить или понизить при помощи длительности посещения пользователем страницы. То есть чем дольше пользователь находится на странице сайта, тем PR у сайта выше. Это разумеется не правда. Это может влиять на позиции в выдаче, но для этого надо очень сильно постараться. Для этого у пользователя должен быть установлен Google toolbar либо на сайте система слора статистики Google Analystics.

Yandex

Яндекс недавно ошарашил опимизаторов, убрав из набора запросов инструменты link и anchor, которые активно использовались всеми оптимизаторами. Если раньше можно было посмотреть, кто ссылается на сайт, то теперь такой возможности нет. Теперь если вы хотите посмотреть список обратных ссылок рекоммендую пользоваться поисковиком yahoo.com.

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

Так же недавно Яндекс опубликовал расширенный список вакансий на сайте МойКруг. Видимо в недрах самого популярного отечественного поисковика разрабатывается что-то грандиозное.

Webalta

Поисковая система Webalta, после того как Яндекс отменил операторы link и anchor, решила сделать шаг конем и объявила о введении оператора link, который показывает, кто ссылается на сайт. Однако, видимо после нашествия оптимизаторов, система поиска оказалась перегруженной, а затем оператор link был убран совсем.

На различных форумах представители webalta говорят, что у них сейчас идет обновлении оборудования и вводится в строй новой программное обеспечение. Что ж, поживем увидим. Недавно была открыта система контекстной рекламы Оптимист. Однако, пока из-за отсутствия рекламодателей – эта система на очень популярна среди вебмастеров и не может конкурировать с Директом и Бегуном. А из-за отсутствия достаточного количества рекламных площадок рекламодатели не спешат приходить в Оптимист, хотя там и весьма низкие цены на размещение рекламы. Webalta должна больше вкладывать в рекламу, что бы повысить привлекательность своего продукта.

Rambler

Говорить о Рамблере почти нечего. Этот поисковик постепенно умирает. Сдает позиции Google и Yandex. Рамблер Медиа Холдинг больше сконцентрирован на других сервисах помимо поискового, таких как видео, музыка и т.п. Поисковый сервис остается в стороне. Об этом говорит и отсутствие новостей о каких-либо изменениях. Хотя изменения в выдаче Рамблера и происходят, но как-то хаотично. Видимо Рамблер движется в сторону превращения в крупный новостной и развлекательный портал. А поиск на нем будет лишь, как пережиток прошлого.

Из новостей разве что можно отметить изменение разделов в рейтинге Top100.

GoGo

Совершенно по противоположному пути движется крупнейший почтовый портал рунета mail.ru. Видимо лавры Яндекса и Рамблера не давали ему покоя, и было решено открыть свой собственный поисковый сервис. Сервис назвали, не мудрствуя лукаво, GoGo. Хотя некоторые и утверждают, что создавать поисковики начинающиеся с букв Go – это самоубийство (намек разумеется на Google). Кстати, логотип GoGo очень-очень напоминает логотип Японского поисковика Goo. Невероятное совпадение.

Пока что-либо конкретное сказать об этом поисковике трудно. Лично мне поиск там не очень понравился. Чувствуется недостаточная пока индексная база. Множества сайтов там просто нет.

SEO и SMO.

Последнее время все большую популярность набирают социальные сервисы. И если, раньше основную часть трафика давали поисковые системы, то сегодня социальные сайты, так же начинают играть большую роль в продвижении вашего ресурса. Так же как для продвижения сайта в поисковых системах используется понятие SEO, для продвижения ваших сайтов в социальных сетях, было введено понятие SMO. То есть, SMO - это продвижение сайта в социальных сетях и сайтах web2.0. SMO это не замена SEO. Некоторые считают, что SMO это часть SEO, другие, что это скорее новое направление продвижения сайтов. В любом случае, с ростом популярности веб2.0 сайтов, SMO становится все более важным в процессе комплексного продвижения сайтов.

Подробнее об этом новом понятии SMO читайте здесь.

Выводы

Как видите, мир поисковой оптимизации не стоит на месте. Уходят одни игроки, вместо них появляются новые. Появляются новые методы раскрутки и продвижения, такие как SMO.

Обратная связь

Я жду ваших писем по адресу simeon@neomoon.ru

Мой личный блог о SEO и поисковых системах. Можете подписаться на обновления в RSS.

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов Обзор мира SEO за лето-осень 2007 года

вт, 30 окт 2007 15:19:58 MSK

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 26. Обзор мира SEO за лето-осень 2007 года.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать шестой выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

Google

Yandex

Webalta

Rambler

Из новостей разве что можно отметить изменение разделов в рейтинге Top100.

GoGo

SEO и SMO.

Подробнее об этом новом понятии SMO читайте здесь.

Выводы

Обратная связь

Я жду ваших писем по адресу simeon@neomoon.ru

Мой личный блог о SEO и поисковых системах. Можете подписаться на обновления в RSS.

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов Счетчики статистики для сайтов.

вс, 16 сен 2007 23:56:27 MSD

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 25. Счетчики статистики для сайтов.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать пятый выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

Сегодня в выпуске мы рассмотрим, зачем нужны счетчики статистики (counters) для сайта, и какую информацию они собирают и предоставляют для анализа веб мастерам.

Что такое счетчик?

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

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

Если бы счетчики предоставляли только количество посетителей, то не стоило бы и огород городить. Счетчики собирают статистику по еще многим параметрам. Поэтому, правильнее было бы называть такие скрипты не «счетчиками посетителей», а «счетчиками статистики».

Рассмотрим подробнее, какую же информацию обычно предоставляет «уважающий себя» счетчик.

Кто здесь? Основная информация, собираемая счетчиками.

Рассмотрим основные параметры, которые показывают счетчики:

Количество просмотров страниц (pageviews) – количество раз, которое пользователи просмотрели сайт. По своей сущности данный параметр это количество раз, которое страницы сайта были загружены пользователем. То есть, каждый раз, когда вы или ваш посетитель нажимает на кнопку «обновить» в браузере это значение увеличивается на единицу.

Количество посетителей (Visitors) – количество уникальных посетителей сайта. Данное значение определяется путем установки cookies в браузере пользователя. Отсюда следует два возможных варианта, когда данный параметр может давать неверный результат. Во-первых, у пользователя могут быть отключены cookies. Во-вторых, пользователь может пользоваться не одним браузером.

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

Обычно, среднее значение между количеством посетителей (visitors) и хостов, является наиболее адекватным значением количества посетителей.

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

Среднее количество страниц просмотренных посетителем – очевидный параметр. Рассчитывается как количество просмотренных страниц (pageviews) деленное на количество уникальных посетителей.

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

Дополнительная информация, отображаемая счетчиками.

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

Рассмотрим эти параметры поподробнее.

Точки входа – показывают, какие страницы наиболее часто являются первыми, на которые приходят пользователи.
Точки выхода – страницы, просмотренные пользователями самыми последними.

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

Ссылающиеся сайты – сайты, с которых приходят посетители.
Ссылающиеся страницы – конкретные страницы, с которых на ваш сайт приходят посетители.

Посетители, пришедшие с поисковых систем – количество посетителей пришедших с поисковых систем.
Поисковые фразы – фразы, которые искали люди, пришедшие на сайт с поисковых систем.

Посетители, сгруппированные по странам – количество посетителей из различных стран.
Посетители по регионам России – количество посетителей из различных регионов России.

Наиболее популярные браузеры, используемые посетителями.
Наиболее популярные операционные системы, используемые посетителями.

Самые популярные счетчики

Как уже говорилось выше, счетчиков бывает великое множество. Можно даже самому создать простой счетчик на PHP. Советы о том, как это сделать смотрите ниже в разделе «Как работают счетчики».

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

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

Советы по использованию счетчиков

Приведем несколько практических советов по использованию счетчиков.

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

Как работают счетчики?

Работают счетчики довольно просто. Код счетчика обычно пишут на PHP. При вызове кода PHP, сервер заполняет ассоциативный массив $_SERVER. В том числе в этот массив попадает и различная информация о пользователе, который выполняет запрос. В частности, особо интересны следующие члены этого массива:

HTTP_USER_AGENT – идентифицирует браузер пользователя, а также операционную систему, на которой браузер запущен.

HTTP_ACCEPT_LANGUAGE – поддерживаемые браузером языки

HTTP_REFERER – с какой страницы пользователь пришел. Если пользователь пришел с поисковика, то в этой переменной так же хранится запрос, которые пользователь спрашивал у поисковой системы.

REMOTE_ADDR – IP пользователя

Используя только 4 описанных элемента можно создать свой, весьма информативный счетчик посетителей. Очень хорошая задачка, для тех, кто хочет попрактиковаться в изучении PHP и mySQL. mySQL обычно используется для длительного хранения данных.

Выводы

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

Бесплатная электронная книга для скачивания

Сегодня в выпуске не совсем книга. Это бесплатный справочник по тегам HTML. Этот справочник составлен и постоянно обновляется Владимиром Городулином. Справочник очень удобен и, безусловно, полезен. Я им сам частенько пользуюсь.

Справочник этот онлайновый и расположен по адресу: http://html.manual.ru/

Если же вам удобнее локальная копия, то вы можете бесплатно скачать справочник в формате справки Windows вот по этой ссылке: http://html.manual.ru/book/think/copying.php

Постоянный адрес статьи на сайте

Обратная связь

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

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов Собственная страница ошибки сервера 404

чт, 30 авг 2007 00:48:12 MSD

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 24. Собственная страница ошибки 404.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать четвертый выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

Сегодня в выпуске будет описано несколько полезных советов, как правильно оформлять собственные страницы ошибок, и, в частности, ошибки 404.

Собственные страницы ошибок.

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

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

Вот, например, как выглядит ошибка "страница не найдена" в сервере Apache.

К счастью, все серверы предоставляют возможности использовать свои собственные страницы ошибок. Как это сделать для сервера Apache описано в статье Осваиваем возможности файла .htaccess

Ошибка 404.

Остановимся подробнее на странице ошибки 404.

Эта ошибка означает – «страница не найдена». С ней пользователи сталкиваются наиболее часто.

Вот, например, как выглядит ошибка "страница не найдена" в сервере Apache.

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

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

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

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

Советы по созданию «дружественной» страницы 404.

Используйте привлекательные и красивые картинки и элементы. Чем симпатичнее выглядит эта страница, тем больше вероятность, что пользователи не закроют ее в первые 3 секунды
Дайте пользователям альтернативу. Поместите несколько ссылок, которые раскрывают тематику вашего сайта и которые дадут пользователю возможность все-таки найти то, что он искал.
Покажите пользователю близкие по смыслу элементы. Например, если пользователь пришел на страницу cooldesign.html, которой не существует, можно найти все ссылки вашего сайта, в которых присутствует слово design и показать их посетителю. Возможно, что среди них будет информация, которую он ищет.
Передайте своему посетителю ваши мысли и пожелания. Можно даже соболезнования. Дружественным тоном сообщите, что произошло и какие у него есть варианты. (Некоторые даже представляются сервером и от его лица приносят извинения). Делайте то, что позволяет вам ваша фантазия и будьте уверены, пользователи ее оценят
Поместите на эту страницу что-нибудь шуточное и смешное.
Не вводите пользователя в заблуждение. Не обманывайте и не пишите неправды. Все это выйдет вам боком.
Не предоставляйте пользователю слишком много ссылок. Он может просто растеряться от такого обилия выбора. Не могу не привести классический пример: Microsoft.com - 404
Не предоставляйте пользователю слишком мало выбора. Иначе ему ничего не останется, как покинуть ваш сайт. В качестве примера можно привести английскую версию сайта всем известного и (не)любимого Артемия Лебедева artlebedev.com - 404. Что удивительно, русская версия этой страницы сделана по-другому. Очередная загадка непостижимого и гениального русского дизайнера.

Выводы

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

Бесплатный аудит сайтов.

На сайте Секреты веб-дизайна и раскрутки сайтов проводится акция: «Бесплатный аудит сайтов».

Самый первый сайт, который прошел аудит – это сайт www.bsl-machinery.com. Результаты аудита вы может посмотреть на странице аудит сайта www.bsl-machinery.com.

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

Суть акции такова. Владелец сайта, желающий узнать недостатки дизайна и/или продвижения своего сайта, подает заявку на участие в акции через форму на сайте

В заявке необходимо указать следующие данные:

1. Имя
2. Email (обязательно существующий)
3. В поле «Текст сообщения» необходимо указать следующие данные (без них заявка не будет рассматриваться):
  3.1. URL сайта.
  3.2. Миссия сайта. Какова основная задача сайта. Для чего он создавался.
  3.3. Целевая аудитория сайта.

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

Для того что бы доказать, что вы являетесь владельцем сайта, а так же для небольшой благодарности за проведение аудита, условием участия в акции является установка на анализируемом сайте ссылки на сайт http://webarticles.neomoon.ru.
Поэтому необходимо прислать так же адрес страницы, где вы готовы разместить ссылку.

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

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

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

Бесплатная электронная книга для скачивания

Сегодня в выпуске ссылка на скачивание книги:

Приемы верстки веб страниц

Автор: Влад Мержевич.

В этой книге вы найдете решение сложных задач веб-дизайна, над которыми все ломают голову и спрашивают: А как же это сделано?

Скачать книгу. Download book.

Обратная связь

Постоянный адрес статьи на сайте

Обратная связь

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов Полезная информация для подписчиков

чт, 16 авг 2007 00:23:11 MSD

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 23. Полезная информация для подписчиков и посетителей сайта.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать третий выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

Сегодня в выпуске будет несколько объявлений. За последнюю неделю на сайте webarticles.neomoon.ru было сделано несколько изменений. Надеюсь, что вам понравятся нововведения. Однако обо всем по-порядку…

Книги по веб-дизайну.

Все мы помним еще из школы девиз: «Книга – источник знаний».

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

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

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

Лично я приверженец гибридного метода (ведь известно, что лучше всего – «золотая середина»). Я обычно сначала скачиваю книгу в электронном варианте и, если она того стоит, покупаю бумажную копию. Что и вам рекомендую.

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

Ссылки на скачивание электронных книг можно найти в меню «Бесплатные электронные книги по веб-дизайну» в левой части сайта. Ссылки на книги в магазине Колибри появляются в правой части сайта с фотографиями обложки и названием.

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

Бесплатный аудит сайтов.

Второе изменение на сайте не менее приятное. На сайте стартовала акция: «Бесплатный аудит сайтов».

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

В заявке необходимо указать следующие данные:

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

Выводы

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

Бесплатная электронная книга для скачивания

Сегодня в выпуске ссылка на скачивание книги:

PHP: Настольная книга программиста.

Авторы: Александр Мазуркевич и Дмитрий Еловой.

В удобной наглядной форме описаны все элементы РНР — популярного языка создания CGI-сценариев. Рассмотрены не только особенности синтаксиса языка, но и редактирование кода.

Скачать книгу. Download book.

Обратная связь

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на наш сайт http://webarticles.neomoon.ru, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов

чт, 09 авг 2007 03:58:32 MSD

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 22. Осваиваем возможности файла ".htaccess".

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать второй выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

Сегодня мы познакомимся с возможностями файла ".htaccess". Мы рассмотрим, зачем нужен этот файл и какие возможности может открыть его правильное использование. А в том, что эти возможности велики - вы сейчас убедитесь.

Зачем нужен файл ".htaccess".

Прежде чем начать, позвольте задать вам один вопрос: Какой самый популярный веб сервер?

За ответом далеко ходить не надо. Конечно же это - Apache. Этот бесплатный сервер установлен на подавляющем большинстве серверов в интернет.

Если ваш хостинг расположен на UNIX/Linux системе, то с вероятностью 99% на нем установлен веб-сервер Apache. В Windows мире Apache распространен куда меньше из-за сильного конкурента Microsoft IIS. Однако, Apache прекрасно работает и на Windows машинах, постепенно завоевывая популярность. Не говоря уже о том, что для тестирования сайтов локально практически все веб мастера ставят себе Apache, а не "тяжеленный" IIS.

Итак, самый популярный веб-сервер - это Apache. Одним из самых весомых преимуществ этого сервера (помимо бесплатности, быстроты и небольшого потребления ресурсов) является гибкость настройки.

В Apache веб-мастер может сделать практически все, что угодно. Создать собственные страницы ошибок, запретить доступ к определенным файлам и папкам, изменить обработку файлов (например, обрабатывать .html файлы как скрипты написанные на Perl) и многое другое.

Все это (и многое другое) можно настроить через специальный конфигурационный файл Apache - "httpd.conf".

Правда, есть одно но: этот файл глобальный для всего сервера. А что делать если хочется установить специальные настройки только для конкретной директории?

Разумеется выход есть. В файле "httpd.conf" предусмотрено задание директив только для определенной директории. Но тут есть проблема. Даже две.

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

Создатели Apache, разумеется, не могли оставить данный вопрос без решения. И решили они его, на мой взгляд, очень просто и элегантно. Встречайте - герой нашей статьи - файл ".htaccess".

Итак, вместо того, что бы каждый раз редактировать файл httpd.conf, можно поступить следующим образом. В директории, для которой хотите сменить настройки Apache по-умолчанию, создайте файл ".htaccess". Далее в этом файле поместите все настройки, которые необходимо применять для текущей директории.

Просто, как и все гениальное. Директивы из файла ".htaccess" имеют более высокий приоритет, чем определенные в глобальном конфигурационном файле httpd.conf.

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

Возможно вы уже потираете руки, предчувствуя, как вы теперь порезвитесь. Не торопитесь с выводами. Для того, что бы файл ".htaccess" заработал, администраторы веб-сервера должны явно разрешить это в файле httpd.conf. Это достигается следующей директивой:

  AllowOverride <список параметров, которые разрешено менять>

Таким образом, администратор вполне может запретить вам менять, если не все, то некоторые из параметров через ".htaccess". Разрешить менять любые параметры можно вот так:

  AllowOverride All

Запретить изменения параметров через ".htaccess" совсем, можно вот так:

  AllowOverride None

Учтите, что приведенные выше директивы должны быть в файле "httpd.conf".

Возможности файла ".htaccess"

1. Разрешить или запретить доступ к файлам с определенного IP адреса.

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

  order allow,deny
  deny from all
  allow from 
  allow from googlebot.com

Как видите, можно указать разрешение на просмотр ресурса либо по IP адресу, либо по доменному имени. В примере файлы разрешено просматривать роботу Google, который приходит с доменного имени googlebot.com.

Возможно указание нескольких IP адресов через пробел. Также возможно указывать лишь честь IP адреса. Например, для того, что бы разрешить видеть ваш сайт всем из локальной сети, нужно написать что-то подобное: allow from 192.168

То же самое можно проделать, если вы хотите запретить кому-либо просмотр вашего сайта. Результат должен выглядеть вот так:

  order deny,allow
  allow from all
  deny from 192.168.35.111
  deny from googlebot.com

2. Запрет или разрешение доступа к определенным файлам.

Запрет и разрешение доступа к файлам в директории - это прекрасно. Однако, что если необходимо закрыть доступ не ко всем, а только в определенным файлам в директории? Для этого существует директива Files, которая позволяет задать файлы к которым будут применяться вложенные директивы. Рассмотрим несколько примеров:


  order allow,deny
  deny from all

Данная конструкция запрещает доступ только к одному файлу: test.php


  order allow,deny
  deny from all

А этот пример запрещает доступ к файлам с окончанием: .inc.php

В выражениях можно использовать символы: * - для любой последовательности любых символов, ? - для одного любого символа.

Так же существует директива (FilesMatch), позволяющая задавать совпадение имен файлов через регулярное выражение. Если вы не знаете, что такое регулярное выражение, то можете посмотреть тут.

При помощи регулярных выражений наш предыдущий пример можно записать вот так:


  order allow,deny
  deny from all

Как видите, нам уже не нужен знак * в начале (регулярные выражения по-умолчанию ищут подстроку). Но теперь мы должны явно указать на то, что имя файла должно оканчиваться на inc.php. Знак $ и служит для указания на то, что inc.php должно быть в конце строки.

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

Хочу обратить ваше внимание на одни факт. Запрещение обращения к файлу/файлам осуществляется только для протокола http. Из скриптов, которые выполняются на сервере, вы всегда может читать все "закрытые" файлы.

3. Организация перенаправления (редиректа).

При помощи файла ".htaccess" можно организовать перенаправление пользователя, если это необходимо.

Предположим, что необходимо сделать так, чтобы при доступе к файлу www.site.ru/xxx.html пользователь перенаправлялся бы на страницу www.site.ru/yyy.html. Сделать это можно так:

  Redirect 301 /xxx.html http://www.site.ru/yyy.html

Цифра 301 указывает серверу, какой редирект использовать. 301 - постоянный редирект. 302 - временный. Постоянный - используется если страница была перемещена навсегда. Временный - если страница только временно недоступна (например, сайт находится в переработке).

Если необходимо перенаправить сразу список файлов, соответствующих некоторой маске, то используется вот такая конструкция:

  RedirectMatch 301 /test(.*) http://www.site.ru/$1

Данная конструкция будет перенаправлять запросы к страницам, начинающимся со слова test на страницу без слова test вначале. Например, при доступе к http://www.site.ru/test_1.html пользователь будет перенаправлен на страницу http://www.site.ru/_1.html

$1 обозначает все то, что соответствует выражению в скобке (в нашем случае - это любое количество любых символов).

4. Задание кодировки страницы.

При помощи файла ".htaccess" можно задать кодировку страницы. После этого сервер сам будет сообщать браузеру о кодировке и вам не будет нужно вставлять в код страницы мета тег:

Задать кодировку можно так:

  AddDefaultCharset windows-1251

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

5. Отображение скриптов в браузере.

Если вы хотите заставить сервер отобразить, например, perl или python скрипт в браузере вместо того, что бы выполнить его, то используйте следующую директиву:

  RemoveHandler cgi-script .pl .py .php

Для скриптов на PHP данный метод будет работать, только если PHP установлен как cgi (о видах установки PHP я расскажу в одном из ближайших выпусков рассылки). Если же PHP установлен как модуль Apache (mod_php), то необходимо применить другой метод:

  AddType text/html .php

6. Собственные страницы ошибок.

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

  ErrorDocument <код_ошибки> /error.php

Здесь "код_ошибки" - код ошибки, в ответ на которую будет выдана данная страница. Полный список кодов ошибок вы можете посмотреть здесь. Например, для того что бы при обращении к несуществующей странице вашего сайта (ошибка 404) пользователь был переадресован на страницу 404.php нужно написать следующее:

  ErrorDocument <404> /404.php

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

Выводы

В статье были рассмотрены возможности, которые дает веб-дизайнеру файл ".htaccess". Надеюсь, что после прочтения, вы сможете эффективно использовать этот, без сомнения, полезный инструмент в своих проектах.

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

Обратная связь

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на webarticles.neomoon.ru - сайт, посвященный веб дизайну и раскрутке сайта. Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем. Если у вас естьь интересная, познавательная статья, присылайте ее мне. Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи будут анонсированы в рассылке.

Секреты веб дизайна и раскрутки сайтов Советы по использованию CSS.

вт, 24 июл 2007 00:15:03 MSD

Автор рассылки: Архипов Александр	Email: simeon@neomoon.ru Web-site: www.neomoon.ru
Секреты web дизайна и раскрутки сайта

Выпуск 21. Советы по использованию CSS.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцать первый выпуск рассылки "Секреты веб дизайна и раскрутки сайта".

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

В данной статье я перечислю несколько советов, как можно работать с CSS более эффективно и безопасно.

В статье, я намеренно не привожу описания CSS свойств, иначе статья получилась бы очень длинной. Если вы хотите узнать, что означает или как используется то или иное свойство, то спросите, например, у Google.

Советы по использованию CSS

Перед тем как начать создание сайта, сбросьте настройки браузеров по-умолчанию
Данный совет касается того, что в различных браузерах, значения различных CSS свойств по-умолчанию - различаются. Это приводит к тому, что сайт выглядит по разному в различных браузерах.
Как минимум рекомендуют устанавливать в 0, настройки для свойств padding и margin.
Это можно сделать например вот так:
* {margin:0px;padding:0px;}
Так же неплохо задавать размер шрифта для всей страницы. Например, в Опере размер шрифта по-умолчанию намного меньше, чем в FireFox или IE.
Данный совет может сберечь очень много времени при разработке качественного кросс-браузерного сайта.
Создайте свою библиотеку CSS правил.
Так как для элемента возможно задание нескольких классов, то можно создать библиотеку классов, которые отвечают за конкретное свойство. Выглядеть это может вот так:
```
 .width100 { width: 100%; }
 .width50 { width: 50%; }
 .floatLeft { float: left; }
 .floatRight { float: right; }
 .alignLeft { text-align: left; }
 .alignRight { text-align: right; }
    
```
Тогда что бы создать div шириной 50% с левым выравниванием, надо написать вот так:
Разделяйте свой CSS файл на смысловые секции
Можно сделать, например, секции: Глобальные, Навигация, Заголовок, и т.д. Выделяйте секции комментариями, что бы их можно было легко найти в файле. Например:
```
/*-----------------------------------*/
/*---------->>>  Меню  <<<-----------*/
/*-----------------------------------*/
  
```
Внутри каждой секции (смотри предыдущий совет) все стили перечисляйте в алфавитном порядке.
Таким образом, вам будет намного легче искать стили по CSS файлу, особенно если файл большой.
Используйте как можно меньше недокументированных возможностей.
В сети Интернет постоянно появляются новые публикации, как можно заставить некоторые браузеры пропускать (или наоборот понимать) определенным образом сформированное CSS правило. Старайтесь избегать применения таких уловок. Применяйте их только если это хорошо задокументированный баг конкретного браузера и если вы уверены, что в дальнейшем (в будущих версиях браузеров) не будет проблем (если уловка не нарушает стандарт CSS).
Называйте классы и id правильно.
Давайте классам и id имена по их назначению, а не положению на странице. Иначе может получиться так, что вы назовете класс right_col, а затем перенесете данную колонку влево. Получится, что название класса не будет соответствовать действительности и, более того, будет вводить в заблуждение. Лучше назвать нейтрально: sidebar1, sidebar2, image_logo.

Используйте сокращенную нотацию.
CSS позволяет использовать сокращенную нотацию для некоторых элементов. Это достаточно удобно. Плюс очень сильно сокращает размер CSS кода. Сокращать можно следующие элементы:

Цвета элементов
В качестве значения для цвета можно использовать сокращенную версию шестнадцатеричного RBG кода. То есть можно задавать цвет как .header{color:#359;}, что будет эквивалентно .header{color:#335599;}, но занимает на 3 байта меньше.
Значения для margin и padding
Все отступы можно определить в одной строке. Это делается так:
```
  /*margin:    ;
    magrin: <сверху> <справа> <снизу> <слева>;*/
  margin: 1px 1px 10px 20px;
  /*padding:    ;
    padding: <сверху> <справа> <снизу> <слева>;*/
  padding: 10px 2px 0px 0px;
        
```
Отступы перечисляются по часовой стрелке, начиная сверху. Довольно легко запомнить.

Стиль границы элемента
Стиль границы элемента можно так же указывать в одной строке:

/*border:

Автор рассылки:
Архипов Александр
Email: simeon@neomoon.ru

Web-site: www.neomoon.ru

Секреты web дизайна и раскрутки сайта

Выпуск 20. Технология Флеш и продвижение сайта в поисковых системах.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию двадцатый выпуск рассылки
"Секреты веб дизайна и раскрутки сайта".

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

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

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

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

Варианты использования флеш

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

Баннер выполненный на флеш
Вводная страница сайта на флеш
Меню и другие элементы управления на флеш
Сайт полностью сделанный на флеш

Рассмотрим плюсы и минусы каждого из этих вариантов в отдельности.

Баннер выполненный на флеш

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

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

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

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

Вводная страница сайта на флеш

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

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

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

Очень большая (по размеру) вводная страница

Чем дольше ваша страница будет грузиться, тем больше вероятность, что пользователь
не дождется окончания загрузки и уйдет с сайта. До сих пор многие люди выходят
в Интернет через модем. Им очень критична скорость. Так же большое количество
людей имеют быстрое соединение с Интернет, но ограниченный трафик. Такие люди
увидев, что грузится большой объем информации, так же могут отключить загрузку
и уйти с сайта. Я рекомендую максимальный объем вводной страницы - 150 Кб.

Отсутствие HTML ссылки на странице, позволяющей пропустить вводную страницу
и войти на сайт, не дожидаясь окончания загрузки или завершения заставки

Такая ссылка решает две проблемы:

- позволяет нетерпеливым пользователям не грузить заставку

- позволяет поисковым системам попасть в глубь сайта с главной страницы

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

Меню и другие элементы управления на флеш

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

Однако, в последнее время меню на флеш можно встретить все реже и реже.
Связано это все с теми же причинами - невозможностью охватить всю аудиторию и
неиндексируемостью флеш.

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

Основных решения проблемы индексируемости два.

Сделать дублирование меню средствами HTML

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

Создать карту сайта, на которой будут ссылки на все страницы вашего сайта.

Затем от этой карте нужно сообщить поисковым системам. Самый простой способ,
это сделать ссылку на карту сайта с одной из страниц сайта, например с главной.
Это позволит поисковым роботам найти и проиндексировать все ваши страницы.

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

Сайт полностью сделанный на флеш

Сайт, полностью созданный на флеш имеет два недостатка.

Первый из них - это размер сайта. Сайт на флеш всегда будет большого размера.
Как правило - более 1 Мегабайта. А это очень серьезный недостаток.

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

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

Если же трафик с поисковиков не будет являться основным для сайта, то вы можете
смело делать такой сайт на флеш. Одним из примеров такого сайта может являться
промо-сайт. Это специальный сайт, который создается для рекламы какой-либо акции.
Реклама сайта будет происходить в основном оффлайновыми средствами, например,
по телевизору или в газетах. Сайт beeline.ru все пользователи Билайн прекрасно
знают, хотя в Интернет он специально не рекламируется.

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

Выводы

Мы рассмотрели различные виды использования флеш на веб сайте. У использования
флеш есть два основных минуса.

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

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

Обратная связь

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

Только, пожалуйста, не пишите мне письма вроде: "Дурацкая рассылка. Мне не нравится". Такое
письмо не принесет мне никакой пользы, только негатив. Пишите, что конкретно вам не понравилось,
и почему. Я постараюсь учесть ваше мнение.

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

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на webarticles.neomoon.ru - сайт, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем.
Если у вас естьь интересная, познавательная статья, присылайте ее мне.
Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи
будут анонсированы в рассылке.

NeoMoon-Хостинг - Недорогой хостинг. Доступные цены.
100Мб за 55 рублей + все скрипты разрешены.

Студия веб дизайна NeoDesign.
Создание и продвижение вашего сайта.

Секреты веб дизайна и раскрутки сайтов Позиционирование HTML элементов.
вт, 26 июн 2007 03:05:30 MSD

Автор рассылки:
Архипов Александр
Email: simeon@neomoon.ru

Web-site: www.neomoon.ru

Секреты web дизайна и раскрутки сайта

Выпуск 19. Позиционирование HTML элементов.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию девятнадцатый выпуск рассылки
"Секреты веб дизайна и раскрутки сайта".

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

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

Сейчас, все большую популярность (особенно в стиле Web 2.0) набирает без-табличный
способ верстки веб страниц на основе CSS свойства position. Даже в некоторых
вакансиях я видел основное требование к веб дизайнеру это умение без таблиц
верстать HTML код.

Как установить позиционирование элементов

Для установки позиционирования существует CSS свойство position. Оно может принимать
одно из пяти значений:

static
relative
absolute
fixed
inherit

По умолчанию значение этото свойства равно - static. Т.е. если значение свойства
position явно не указано, то элемент будет статически позиционирован. Это важно.
Значение свойства position не наследуется по-умолчанию. Чтобы значение наследовалось
от родительского элемента, необходимо для дочернего элемента явно выставить
свойство position равным inherit, например, так:

a.link{

position: inherit;

}

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

Статическое позиционирование

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

div {position:absolute}

#new {position:static}

В данном случае всем элементам div назначено абсолютное позиционирование. А
вот у тех элементов, у которых установлен id="new" позиционирование будет статическим.
Грубо говоря, второе правило отменяет первое для некоторых элементов.

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

Относительное позиционирование

Относительное позиционирование - это позиционирование относительно... самого
элемента. Как это не странно звучит - это правда.

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

Возможно, что это не совсем понятно. Поэтому, рассмотрим пример:

test positioning

Это просто тестовый текст
Это просто тестовый текст2

Вот что отобразится в браузере, при выполнении данного HTML кода:

Большой прямоугольник - это div, у которого id=test0. Его положение на странице
закреплено (абсолютное позиционирование, о котором мы поговорим попозже).

В самом верху большого прямоугольника должен располагаться div, у которого
id=test1. Но, так как мы задали для него относительное позиционирование
(значения top и left), то он отображается на 30 пискселей выше и на 30 пикселей
правее (верх сдвинут на -30 и левый край на 30).

Идем дальше. Казалось бы, мы убрали элемент test1. Однако, посмотрите на элемент
test2. Он расположен так, как если бы элемент test1 не был бы сдвинут (т.е. был
бы статически позиционирован).

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

Что бы задать смещение элемента от его начальной позиции существует четыре
свойства: left, right, top, bottom. Эти свойства означают - насколько должен быть
сдвинут соответствующий край элемента: левый, правый, верхний, нижний.
Значения этих свойств могут быть отрицательными, что значит сдвиг в противоположную
сторону (для left и right - влево, для top и bottom - вверх).

Соответственно, нет смысла указывать одновременно свойства top и bottom, так же
как left и right. Один из этих параметров будет проигнорирован.

Имейте ввиду, что для ячеек таблиц поведение этих элементов в стандарте CSS 2.1
не определено, поэтому лучше не используйте эти свойства для таблиц.

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

Абсолютное позиционирование

Если для элемента установлено абсолютное позиционирование, то он полностью
удаляется из структуры HTML документа. То есть, документ генерируется так,
как если бы элемента не существовало. После этого сверху "накладываются"
абсолютно позиционируемые элементы.

Для задания положения элемента с абсолютным позиционированием используются все
те же четыре свойства: left, top, bottom, right. Вот только смысл у этих
свойств отличается от их смысла при относительном позиционировании. При абсолютном
позиционировании эти свойства задают положения четырех углов элемента.

Значения углов могут быть заданы в единицах длины (например, в пикселях) или
в процентах. Процентное значение для свойств top и bottom определяют процентное
отношение от высоты (height) содержащего блока. Процентное значение
для свойств left и right определяют процентное отношение от ширины (width)
содержащего блока.

Что такое "содержащий блок"?

Это очень хороший вопрос. Сейчас мы узнаем, почему это важно знать и понимать.

Вот что говорит спецификация CSS 2.1 о "содержащем блоке" (containing block):

Если для элемента установлено абсолютное позиционирование, содержащим блоком
является ближайший предок, имеющий абсолютное, относительное или фиксированное
позиционирование. Если такого предка не существует, то содержащим блоком является
"базовый содержащий блок" (initial containing block).

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

А вот как быть, если нет предков, которые были бы явно позиционированы?
И что означает понятие "базовый содержащий блок"?

Обратимся еще раз к спецификации CSS:

Содержащий блок для первого элемента страницы определяется агентом пользователя
(user agent).(Может быть задан относительно окна просмотра (viewport)). Такой
содержащий блок называется базовым содержащим блоком.

Что тут можно сказать? Очень расплывчато. По определению user agent это в
абсолютном большинстве случаев - браузер, а viewport - это окно просмотра
браузера.

Другими словами, мы можем предполагать, что базовый содержащий элемент - это
сам html документ. То есть, первый элемент, имеющий абсолютное позиционирование, будет позиционирован
относительно всего документа. Предполагать можем, но полагаться я бы не советовал. Ибо
спецификация отдает это на откуп браузеру (user agent).

Это не всегда удобно. Намного удобнее позиционировать элемент, начиная с определенного
места документа. Добиться этого можно при помощи относительного позиционирования.

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

Для позиционирования элемента абсолютно, но, считая от некого другого элемента,
нужно сделать так, чтобы этот другой элемент (который должен быть предком
в иерархии HTML документа) стал содержащим блоком. Это можно
сделать, присвоив свойству position значение relative и не меняя свойств для
сдвига элемента (left, top, bottom, right).

Для абсолютно позиционированного элемента свойства left, top, bottom, right
задают смещение углов элемента от соответствующих углов содержащего блока.
Таким образом, right:30px означает, что правый угол элемента должен быть
смещен на 30 пикселей от правого края содержащего блока.

Вот как в теории это должно работать:

test positioning

Это просто текст

Данный HTML код "должен" отобразиться следующим образом:

Но, как я уже писал,
не все браузеры следуют стандартам HTML и CSS. Одним, из самых главных "плохишей"
является Internet Explorer от Microsoft.

В данном случае, IE, поступает следующим образом. Если указаны оба свойства,
например, top и bottom, либо left и right, то IE игнорирует второе значение.
Т.е. если указаны значения и top, и bottom одновременно, то IE применит
только top, а bottom проигнорирует. Дабы не быть голословным приведу пример.

Предыдущий пример IE (и IE6, и IE7) отображает следующим образом:

"Победить" такое поведение IE можно задав только свойства top и left, и
явно указав ширину (width) и высоту (height) для элемента. Вот пример:

#test1{
position:absolute;
top:10px;
left:10px;
width:78px;
height:78px;
text-align:right;
border-style:solid;
border-width:1px;
border-color:#000;
}

Данный код будет одинаково отображаться во всех браузерах, хотя и выглядит
не так элегантно как задание всех четырех свойств. А все из-за того, что
IE - самый популярный браузер в мире. Не хотите ли перейти на FireFox или Opera? :)

Для любого из четырех свойств может быть задано значение auto. Это означает,
что значение этого свойства берется, как если бы элемент был статически позиционирован.
Это удобно, если нужно сдвинуть элемент в каком либо одном направлении. Например,
для сдвига элемента на 8 пикселей вправо, можно написать так: {top:auto;left:8px;}

Фиксированное позиционирование

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

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

Вы, наверняка, видели такие надоедливые окошки, которые отображаются на странице,
даже при прокрутке. Они обычно все реализованы на JavaScript. Как вы думаете почему?

Ответ банален до невозможности. IE не поддерживает position:fixed, поэтому и
приходится использовать JavaScript, хотя есть способ легче и элегантнее.

Но, надо отдать должное Microsoft. Они хоть и медленно но приводят свой браузер к
стандартам. В частности, в IE7 position:fixed существует и даже работает как
и должно. Может быть когда-нибудь, мы доживем до IE, который поддерживает
полностью все стандарты:).

Свойство Z-index

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

Чтобы явно указать в какой последовательности элементы будут отображаться,
и было введено свойство z-index. Допустимые значения этого свойства - целые
числа (в том числе и отрицательные).

Z-index - это как бы третье измерение веб страницы. Чем больше значение
свойства z-index, тем ближе к пользователю (то есть к вам) находится элемент
страницы.

Выводы

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

Спасибо, Tommy Olsson'у,
статья которого и подвигла меня написать эту статью.

Смотрите также Описание позиционирования в стандарте WC3.

Обратная связь

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

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

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на webarticles.neomoon.ru - сайт, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем.
Если вы хотите и можете написать интересную, познавательную статью, присылайте ее мне.
Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи
будут анонсированы в рассылке.

NeoMoon-Хостинг - Недорогой хостинг. Доступные цены.
100Мб за 55 рублей + все скрипты разрешены.

Студия веб дизайна NeoDesign.
Создание и раскрутка сайта.

Секреты веб дизайна и раскрутки сайтов Мифический 'Непот'
ср, 13 июн 2007 01:33:15 MSD

Автор рассылки:
Архипов Александр
Email: simeon@neomoon.ru

Web-site: www.neomoon.ru

Секреты web дизайна и раскрутки сайта

Выпуск 18. Непот - Великий и ужасный.

Введение

Доброго времени суток, уважаемые подписчики.

Представляю вашему вниманию восемнадцатый выпуск рассылки
"Секреты веб дизайна и раскрутки сайта".

В этом выпуске хотелось бы поговорить о таком понятии, как НЕПОТ.

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

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

Что такое "непот"?

Понятие "непот" появилось в лексиконе оптимизаторов с легкой руки руководителя
Яндекса, Ильи Сегаловича. Это синоним слова - "кумовство".

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

В упомянутой мною статье это описывается так:

Сайт А поставил ссылку на сайт Б, а тот в ответ ссылку на сайт А; вроде, ничего не изменилось,
но оба сайта вдруг стали чуть "более авторитетными".

Хочу отметить, что взаимный обмен ссылками не всегда является примером "непотизма", о чем
почему-то совершенно забывает автор статьи. Собственно, почему это "ничего не изменилось"?
Изменилось. Сайт А считает, что сайт Б достоин упоминания, и сайт Б считает то же
самое про сайт А. Совершенно логично, что популярность (авторитетность) обоих
сайтов растет. Другое дело, что владельцы сайтов просто договорились разместить
друг на друга ссылки безотносительно контента сайтов. Вот это действительно,
попытка накрутить популярность или, другими словами, "непот". А к сайтам, которые
уличены в таких действиях, Яндекс применяет "непот"-фильтр.

Далее у автора статьи следует определение понятия "непот":

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

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

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

Далее в статье идет "гениальная" методика расчета того, наложен ли на сайт
"непот"-фильтр или нет. Если есть желание -
ознакомьтесь
с полным текстом статьи.

"Мифический" "непот"

Так если ли "непот" или его нет?

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

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

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

Я не сторонник радикальных взглядов и мнений. Не думаю, что стоит ломать копья и категорически
утверждать, что более 50% сайтов "в непоте".

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

Веб мастерам, продающим ссылки со своих сайтов, можно посоветовать следующее:

Размещайте только качественные ссылки. Желательно на ресурсы сходные по тематике
с вашим ресурсом.

Не размещайте более 5-7 рекламных ссылок на странице.

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

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

Рекомендации рекламодателям по смыслу подобны приведенным выше:

Для размещения ссылок выбирайте ресурсы схожие по тематике с вашим сайтом.

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

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

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

Выводы

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

Обратная связь

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

На самые интересные вопросы я буду публиковать ответы в конце рассылки.

Я жду ваших писем по адресу simeon@neomoon.ru

Заходите на webarticles.neomoon.ru - сайт, посвященный веб дизайну и раскрутке сайта.
Вы можете стать соавтором материалов, призванных помочь другим людям в освоении этих интересных тем.
Если вы хотите и можете написать интересную, познавательную статью, присылайте ее мне.
Я обязательно размещу ее на сайте с указанием Вашего имени и координат. Наиболее интересные статьи
будут анонсированы в рассылке.

NeoMoon-Хостинг - Недорогой хостинг. Доступные цены.
100Мб за 55 рублей + все скрипты разрешены.

Студия веб дизайна NeoDesign.
Создание и раскрутка сайта.