Прогулка по граблям. (технический аспект)

В ноябре-декабре 1998 года на сервере Элвис-Телеком telekom.ru проводилась акция под названием "3 бесплатных совета маркетолога". Смысл ее сводился к простой, по сути своей, процедуре: владельцы корпоративных и информационных серверов могли прислать URL своего сайта по адресу promotion@telekom.ru и получить 3 (а зачастую и больше) совета по его обустройству и продвижению. Честно говоря, у моих коллег этот замысел не вызывал восторга, они выражали опасения, что появится "идеальный ресурс", по которому не удастся дать не то что трех - одного совета и акция окажется несостоятельной. Но, как показала практика, эти опасения были безосновательными. За время проведения акции обработано 100 запросов и при этом не было обнаружено ни одного "идеального ресурса".
Около 80% рассмотренных сайтов содержали стандартный набор ошибок. Создавалось впечатление, что их изготовлением занимался один и тот же человек. именно эти ошибки и послужили поводом написания настоящей статьи. Уверен, что большинство из вас обнаружит такие же ошибки в собственных работах.

ошибка первая: Что у вас с головой?

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

означает, что данная страница будет отображаться только в кодировке Windows. Т.е. ваш броузер при любой перекодировке данного текста (будь то KOI или DOS) сочтет, что перед ним текст в Windows-1251. Проще говоря, пользователь, для которого кодировка Windows-1251 не является базовой, не сможет читать ваши тексты.
Там же, в заголовке должно содержаться описание и ключевые слова, которых нет на подавляющем большинстве ресурсов. Зачем нужны эти описания и ключевые слова? Дело в том, что любая уважающая себя поисковая машина запускает в сеть "роботов-пауков" (spiders), которые собирают информацию обо всех найденных ресурсах. Более подробно о поисковых роботах можно узнать по адресу http://www.citforum.ru/internet/search/
Правильно написанные ключевые слова в состоянии существенно повысить посещаемость сайта.

Что делать?
1. Убрать из кодов кусок charset=windows-1251, особенно если ваш сервер поддерживает несколько кодировок русского языка.
2. Добавить ключевые слова и описания, желательно отдельные для каждой страницы.

ошибка вторая: А по фэйсу?

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

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

ошибка третья: Грузите апельсины бочками!

Многие создатели жертвуют скоростью загрузки сайта в угоду красоте. И титульные страницы размером под 200 Кб сегодня не редкость. Авторам этих шедевров я бы рекомендовал обратить внимание на статистику посещения их ресурса. Скорее всего, значительная часть пользователей уходит, так и не оценив ваших художеств.
Красота требует жертв, но не до такой же степени!
Но это еще цветочки по сравнению с тем, что большинство вэб-мастеров, судя по всему, ничего не знают про оптимизацию графики. Так, взяв первую попавшуюся под руку 196-килобайтную страничку, я за 20 минут уменьшил ее суммарный размер до 73 (!!!) килобайт без видимой потери качества изображения.
И еще, если вы пользуетесь визуальными редакторами ХТМЛ-кода, размер вашего файла тоже значительно увеличивается.

Что делать?
1. Не заставляйте посетителя грузить более 70 Кб, если на то нет веских причин.
2. Используйте специальные программы для оптимизации графики, например: LView Pro www.lview.com, или семейство программ для работы с графикой Ulead www.ulead.com.
3. лучше с самого начала работать на уровне кода. Если же вы считаете это излишним, то хотя бы просматривайте код, который подсовывает вам ваш ХТМЛ-редактор. Можете попытаться использовать "сжиматели" ХТМЛ-кода (например, Pretty HTML http://mpp.at/pretty/ ), но учтите, что такие программы тоже не идеальны.

ошибка четвертая: А из нашего окошка - только улицы немножко!

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

Что делать?
1. Используйте фреймы только если это крайне необходимо, вот и весь сказ.

ошибка пятая: Будьте проще и народ к вам потянется!

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

Что делать?
1. Постарайтесь и в этом случае руководствоваться принципом разумной достаточности.
2. Не делайте навигацию с использованием новых технологий. Т.е., постарайтесь сделать так, чтобы посетитель, который не увидит ваших "наворотов", смог, тем не менее, ознакомиться с ресурсом.
3. Если ваш сайт полностью сделан, например, на macromedia-flash, сделайте альтернативный сайт, содержащий хотя бы тезисы основного.

В качестве постскриптума:
Обо всем - понемногу!
1. Попытайтесь избегать использования imagemap. лучше разрежьте ваш рисунок на несколько частей и обязательно используйте alt для каждого кусочка, так вы дадите посетителю возможность передвигаться по сайту не загружая графики.
2. Прежде чем публиковать в сети, проверяйте внешний вид вашего сайта несколькими браузерами при разных разрешениях экрана. Попросите сделать то же самое ваших друзей. И учтите, что надписью типа "файл оптимизирован для просмотра браузером IE4 при разрешении 600х800" вы расписываетесь в собственной профнепригодности.
3. Изначально планируйте возможность изменения содержимого каждой страницы. В интернете нет ничего статичного и ваша страница рано или поздно покажется вам несовершенной. Так приготовьте ее к тому, чтобы внесение изменений было делом нескольких минут.
4. Не забывайте о 256 цветах (подробнее у Артемия Лебедева http://www.design.ru/free/internet_colors.html или на сайте WebClub http://www.webclub.ru/materials/colorhex/index.html)

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

Алексей Волков

0 Комментариев

Нет комментариев!

Пока нет комментариев, но вы можете стать первым, кто прокомментировал данный пост

Оставить комментарий

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