Веб-сайт с минимальными затратами: учебник HTML

Практика JavaScript и DHTML


учебник HTML скачать
(вся книга в одном файле 3.92М)

  • Учебник HTML в одной главе (вместо пролога)
    Что мешает вам создать веб-сайт и поместить его в Интернет? Несколько страниц текста, 15-20 минут работы - и о вашем существовании сможет узнать весь мир.
  • Гл. 1. Больше одной страницы
    Сайт из пяти страниц. Минимум HTML-тэгов. Основы навигации (гиперссылки).
  • Гл. 2. Прайс-лист. Таблицы и архивы
    Перенос списка товаров из бухгалтерской программы в Excel. Надстройка Excel для сохранения в формате HTML. Упаковка в архив zip.
  • Гл. 3. Продвижение
    Поиск информации в Интернете. Заголовок страницы (title). Краткое описание (meta description). Правильная кодировка страницы. Веб-сайт как рекламоноситель.
  • Гл. 4. Обратная связь
    ...ни с кем не встречайтесь, никому не звоните, не трогайте почтовые конверты, не распечатывайте счета, вообще не прикасайтесь к бумаге, раз уж существует электронная почта!
  • Гл. 5. Испытания в полевых условиях
    Баловство с IIS на Windows. Практической цели не имеет.
  • Гл. 6. Работа с графикой
    Фотография, полиграфия и веб. Экранное разрешение. Режим «Индексированный 256», уменьшение количества цветов в палитре. Вставка изображений в HTML-страницу. Атрибут ALT.
  • Гл. 7. Оформление с помощью CSS
    Блочные HTML-элементы. Управление цветом и размером многих элементов с помощью правил. Особенности в интерпретации HTML разными браузерами. Поля. Оформление ссылок (изменение цвета при наведении мыши - hover).
  • Гл. 8. Изменение структуры. Обновление
    Каталог продукции: картинки с описаниями. Отличие элементов PRE и P. Добавление прозрачности изображениям. Выравнивание по вертикали. Обработка текстов с помощью поиска и замены символов. Немного об HTML-таблицах.
  • Гл. 9. Javascript: баловство или необходимость?
    Получение информации о браузере (интернет-обозревателе, клиенте, агенте). Оформление с помощью JS: невидимая на экране команда JavaScript вставляет в текст страницы невидимую глазом инструкцию - и вид страницы изменяется. Оптимизация кода.
  • Гл. 10. Примечания (сноски) в книге
    В HTML-странице не обязательно собирать все примечания в конце. Их можно отображать и скрывать по желанию пользователя прямо там, где стоит ссылка на сноску.
  • Гл. 11. DHTML для нашего сайта
    События onclick, oncontextmenu. Знакомство с DOM (объектной моделью HTML-документа). DHTML-шутка: сайт в одной странице.
  • Гл. 12. Электронные документы
    Скрыть или показать часть стуктуры. Создание оглавления.
  • Учебные материалы
    Файлы примеров для учебника HTML, спецификации W3C, несколько полезных программ.

Статьи

  • Конструктор HTML форм
    Начнём с того, что конструктор форм, как и конструктор сайтов, есть вещь принципиально невозможная. Как, впрочем, и любой конструктор вообще. Конструктор – выражение фигуральное, метафорическое. В ... 01.02.12
  • Числа прописью с рублями, минутами и метрами
    Эта тема беспокоит меня давно, с тех пор, как в нашей газете научились отправлять электронные счета электронной почтой. В счёте ведь надо было как-то превращать цифры с слова (типа «Два миллиона сто ... 15.11.11
  • Календарь javascript (datepicker)
    В сети полно чудовищных скриптов для наглядного выбора даты с помощью указателя мыши. Эти скрипты не могут быть не чудовищными по определению, так как созданы для позорной задачи: облегчить жизнь ... 15.11.11
  • Что из чего следует в PHP-фреймворке «Friends»
    «Friends» - рабочее название маленького PHP-фреймворка (16 K кода, вместе с CSS, но пока без javascript), находящегося в сомнительных отношениях с mvc, но бодро работающего. В предыдущей статье мы ... 29.10.11 Комментарии (1)
  • PHP фреймворк, анти-MVC, без ООП
    С самого начала изучения MVC мне не понравилось слово «модель». И не зря. На громадном количестве сайтов это понятие действительно не применимо. Там есть Данные, есть какое-никакое их Отображение. ... 17.10.11 Комментарии (6)
  • Идеальная функция setCookie
    Сравнение двух интересных библиотек (http://microbasejs.ru/, http://github.com/Kolyaj/CrossJS) привело меня к озарению и созданию совершенно особой, доселе невиданной функции по установке куки (с ... 03.10.11 Комментарии (1)
  • Отображение настроек для javascript сортировки
    Очень сложная оказалась задача – дать пользователю возможность настраивать колонки таблицы не по Ctrl+click, а наглядно, как в оконных приложениях, выбором с помощью мышки. Весь моск вывернула ... 29.09.11
  • Что такое Контроллер mvc в вебе?
    MVC – Модель, Контроллер, Вью (Представление). Вместо мутного «Модель» используем «Данные». И попытаемся определить откуда у всего этого ноги растут. Данные – это что-то, что хранится в компьютере; ... 25.09.11
  • javascript сортировщики, сравнение алгоритмов
    Всякое сравнение хромает в пользу того, кто сравнивает. Попробуйте поискать в сети страницы по фразам «Сортировка HTML таблиц», «javascript сортировка», «table sorter»... Можно найти немало решений, ... 15.09.11
  • unobtrusive top.mail.ru
    Лет 5-6 назад среди веб-разработчиков распространилась мода на «unobtrusive javascript» – «ненавязчивый» javascript, который внедряется в тело HTML страницы только в виде ссылок на файлы js (а не в ... 15.09.11
  • Простой сортировщик HTML таблиц, версия 0.03
    Simple Table Sorter v 0.03 Первый Простой сортировщик HTML таблиц (версия 0), упоминаемый на этом сайте, был придуман далеко не первым по времени, а примерно через год работы над концепцией. Была ... 09.09.11
  • Подсветка строк, столбцов и значений в HTML таблице
    Это следующая версия скрипта Big Table Sorter – 1.01. Почти год назад в статье http://ir2.ru/tabsort1.aspx мы сформулировали концепцию полнофункционального сортировщика HTML таблиц. Казалось, что ... 06.09.11
  • Отложенная загрузка javascript
    Когда в очередной раз пользователи начали жаловаться на «странную» работу некоторых функций корпоративного сайта, мне пришлось вникнуть в проблему. Она оказалась очень простой: 1) после загрузки ... 16.07.11
  • Кэширование промежуточных результатов в веб-программировании
    Кэширование в php-скрипте Существует такой шаблон проектирования (или приём программирования) «Экстрактор»: создаваемая конструкция не знает о существовании или отсутствии элементов, она просто ... 28.06.11
  • javascript и php: синхронизация сущностей
    Вот форма на сайте ("вот дом, который построил Джек"). Вот кнопка submit, при щелчке по которой запускается функция валидации формы. Вроде всё, как всегда, стандартный пример. Но, если подумать, ... 24.06.11
  • Скругление углов CSS, JavaScript
    Кажется, на эту тему трудно написать что-то новое. Точнее, трудно изобрести новый метод скругления углов. А взглянуть на проблему под другим углом всегда можно. Мы попробуем доказать неизбежность и ... 04.06.11
  • Javascript и логика представления (design pattern «JS-словари»)
    В статье о генерации HTML формы для wysiwyg редактора мы привели пример небольшой автоматизации в программировании – создание формы на основе структуры mysql-таблицы и последующая обработка данных ... 29.05.11
  • Структура WYSIWYG-редактора сайта
    WYSIWYG – это наглядный редактор (прежде всего, для текста): вы выделяете фрагмент, нажимаете в управляющей панели кнопку B – и фрагмент становится жирным. Так можно делать, например, в Ворде, или в ... 07.05.11
  • Подсветка картинки при наведении мыши
    Хорошей практикой веб-строительства является создание таких гиперссылок (и других активных элементов), которые изменяются при наведении мыши. У гиперссылок, по спецификации W3C, даже существует для ... 02.05.11
  • Визуальные редакторы: для кого они?
    В давние-давние годы, когда в Иркутске только начали появляться компьютеры и про Интернет ещё никто ничего не слышал, для вёрстки использовали программу Xerox Ventura Publisher (Вентура). Вёрстка, ... 27.03.11
  • Веб/2: сайты нового поколения
    ПредысторияЧтобы дать определение новому понятию «Полувеб», надо вспомнить сначала, что такое «веб 2.0». О нём много пишут; как всегда, лучше всего в Википедии. С содержательной стороны – это ... 28.12.10 Комментарии (2)
  • Как измерить скорость работы Javascript?
    На самом деле хочется, конечно, знать общую скорость (точнее, время) вывода на экран какой-либо информации. В нашем случае – информации, получаемой с помощью браузеров (то есть скорость вывода ... 21.12.10 Комментарии (2)
  • Функция для работы с className в javascript
    Изменение атрибута class у HTML-элементов является основой, базой для управления содержимым страницы с помощью DHTML. Любое действие по оформлению проще всего производить, именно изменяя динамически ... 18.12.10
  • Сортировщик HTML таблиц, версия 1
    В предыдущей статье мы попытались определить минимально необходимые свойства сортировщика таблиц. Вряд ли произведённые определения можно сильно оспорить; другие минималистские сортировщики в общем с ... 11.12.10 Комментарии (1)
  • Сортировщик HTML таблиц: концепция и «нулевой цикл»
    У кого sorter тинее? В процессе работы над сортировщиком (как и над любой другой программой) приходится многократно обращаться к разным вариантам, существующим в виде открытых решений в Сети. И ... 09.12.10 Комментарии (29)
  • Как с очень высокой скоростью найти слово в большой таблице?
    В предыдущей статье мы показали, как два уровня (или два приёма) javascript-кэширования могут увеличить скорость поиска по списку из 400 элементов в десятки раз. Там были важны три ... 06.12.10 Комментарии (2)
  • Как в большом списке найти слово с очень высокой скоростью?
    Простой список. Прямой алгоритм Начнём с нашего любимого примера – простого (в одну колонку) списка рубрик из справочника предприятий vostsibspravka.ru: listru1.htm. Наиболее очевидный алгоритм ... 06.12.10
  • HTML база данных лучше, чем Excel
    Второй вопрос после "как сортировать и фильтровать данные в HTML-таблице?" обычно возникает у критиков: "А нафига?" Скептицизм здесь уместен: пользователи обычно получают HTML-страницы с веб-сервера, ... 05.12.10 Комментарии (1)
  • Javascript база данных
    Есть такой анекдот (или притча) о злой тётке, которая один раз в жизни пожалела нищенку и подала луковое пёрышко; а потом в аду черти тётку топили, а нищенка протянула ей то самое луковое пёрышко и ... 28.10.10
  • Сортировщик HTML-таблиц, версия 1.3
    Статья о сортировке HTML-таблиц была написана год назад. Так получилось, что описываемая технология заинтересовала некоторых начинающих программистов, и они стали задавать вопросы и высказывать ... 30.09.10 Комментарии (3)
  • Проверка условий в Javascript
    Веб-программист постоянно вынужден что-то проверять: правую кнопку мыши нажал пользователь или левую, заполнено ли в форме поле «Поиск», есть ли на странице элемент с id = "console"... Иногда это ... 25.09.10
  • Скрыть – показать HTML элементы с помощью Javascript
    Специалист – человек, который, избегая мелких ошибок, неуклонно движется к глобальному заблуждению. Закон программирования Мэрфи, ст. 17 Специалист подобен флюсу: полнота его одностороння. Козьма ... 11.09.10
  • Таймеры в Javascript (setInterval, setTimeout)
    В программировании на скриптовых языках периодически возникает необходимость создать паузу – приостановить выполнение программы на некоторое время, а потом продолжить работу. Например, в сценариях ... 26.08.10 Комментарии (10)
  • Javascript фильтрация данных
    Сортировать HTML-таблицу мы уже научились. Вторая после сортировки задача базы данных – выборка строк из таблицы по определённому критерию. Например, чтобы поле город заканчивалось на -тск. ... 24.08.10 Комментарии (13)
  • Javascript: вопросы и ответы
    Все примеры javascript для данной страницы находятся в файле o3.js. Для правильной работы скриптов необходима также библиотека ir2.js. Как запомнить options, выбранный в элементе select? ... 18.07.10
  • Javascript: часто задаваемые вопросы
    Как удалить пробелы в Javascript с учётом  ? Речь, понятно, идёт не о всех пробелах подряд, а о лишних пробелах справа и слева, т.е. об аналоге функции trim (удаляющей справа и слева строки ... 27.02.10 Комментарии (3)
  • Редактирование таблицы MySQL: Javascript интерфейс
    В предыдущей статье мы рассмотрели предельно простой способ доступа к базе данных MySQL (редактирование таблицы без перезагрузки HTML страницы). Отправка данных на сервер производилась через ... 21.02.10 Комментарии (7)
  • Редактирование таблицы MySQL в браузере
    Заголовок, конечно, пугающий, но там (здесь), в общем, ничего необычного: редактирование таблицы MySQL происходит всё-таки с помощью серверного скрипта PHP. К тому же пользователи вообще очень часто ... 24.01.10 Комментарии (8)
  • 10 лучших функций Javascript
    Функция удаления со страницы ссылок «на себя» stripSelfHref() DOM-инспектор dom-javascript.js Функция scriptRequest() (фоновые http-запросы) Функция записи куки setCookie() ... 16.01.10 Комментарии (1)
  • Сортировка таблицы средствами JavaScript - DOM
    Вопрос когда-то с неизбежностью возникает перед любым добросовестным веб-мастером: зачем перегружать HTML страницу при сортировке таблицы? Нельзя ли перегруппировать HTML элементы таблицы прямо в ... 09.01.10 Комментарии (49)
  • DHTML: условная разметка для HTML кода
    Стили набора и форматирования Как авторы обычно оформляют текст при наборе? Например, когда надо какое-то слово сделать курсивным? Результат можно получить разными способами: Нажать мышкой в ... 05.01.10
  • DHTML: защита форума
    Как защитить фор(ум|му) от спама? Форма – это дыра, через которую сообщения пользователя отправляются на сервер. Точнее, несколько дыр: текст сообщения, автор, e-mail... Форма 1. Автор: ... 02.01.10 Комментарии (3)
  • DHTML: хранение настроек пользователя
    Для чего нужен Dynamic HTML Убрать Развернуть и запомнить ... 30.12.09
  • DHTML: проверка формы
    В предыдущей статье http://ir2.ru/dhtml.aspx мы сформулировали ряд причин, по которым бывает необходимо изменять HTML страницу после её открытия в браузере. Повторяем здесь список этих причин: ... 26.12.09 Комментарии (2)
  • DHTML
    Нечасто задаваемые вопросы Изменение текста (и оформления) страницы после её открытия в браузере иногда называют DHTML – Dynamic HTML. Справочник по DHTML найти в сети почти невозможно. ... 24.12.09 Комментарии (2)
  • JavaScript
    О популярности JavaScript в Википедии слагают легенды. Специалисты объясняют эту популярность в основном простотой языка и широкой поддержкой в прикладных программах. Такой взгляд кажется нам немного ... 13.12.09 Комментарии (1)
  • HTML таблицы
    Таблица (элемент table) является, пожалуй, самой загадочной и сложной конструкцией языка HTML. Хотя собственно HTML тут ни при чём, таблица сложна по самой своей сути, по противоречивой логике ... 07.12.09
  • Самый быстрый браузер
    В последние годы интернет-обозреватели не радуют нас разнообразием рекламы: «С новой версией NN ваш веб-сёрфинг станет ещё безопаснее!» – наиболее типичный призыв производителей. А ... 26.10.09 Комментарии (3)

Добавить статью:

*Заголовок:
Имя файла (только латинские буквы):
Автор:
*Текст:

Глава 3. Продвижение

Зачем

Работая с I Частью книги вы, наверное, начали подозревать, что создание и поддержка в рабочем состоянии сайта - не такое уж простое дело, как было представлено в Прологе. А ведь главы 1 и 2 - это только верхушка айсберга! Мы пока даже и не пытались управлять внешним видом страницы. Потому что тогда, например, надо будет каждой метке <p> сопоставить закрывающую метку </p>, да и меток понадобится намного больше (и в них легко можно будет запутаться...). Про работу с фотоизображениями просто подумать страшно... Возникает вопрос: стоит ли овчинка выделки? Зачем прилагать столько усилий для изучения интернет-технологий?

На рубеже тысячелетий благодаря замечательному изобретению человечества - электронной почте - весь мир узнал, что такое «спам». Спамом обычно называют письмо с рекламным предложением без обратного адреса (там есть только телефон). Ну, и ещё одна характерная особенность: письма с одним и тем же предложением приходят и приходят, а вы ничего не можете с этим сделать, от них никак нельзя избавиться. То есть спам - это нечто навязчивое, чего хочется избежать.

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

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

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

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

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

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

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

Поисковые системы

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

Самый простой способ - поместить сайт на сервер Narod.ru (что мы уже сделали). Ведь полное название этого сервера - narod.yandex.ru, а Яндекс, как известно, - мощная поисковая система, которая наверняка гораздо активнее, чем другие, индексирует содержание страниц, расположенных на narod.yandex.ru. Хотя может получиться и совсем наоборот: конкурирующая поисковая система Рамблер может быстрее проиндексировать страницы, расположенные на «Народе» (был такой случай). Ну, в любом случае, мы не будем ждать милостей от природы, а, набрав в адресной строке обозревателя волшебные слова yandex.ru/addurl.html, предложим поисковой системе проиндексировать наш новенький сайт. То же самое (добавить ресурс) надо сделать и на поисковых системах Рамблер (rambler.ru) и Апорт (aport.ru). И, примерно через две недели, люди, которые будут что-то искать на этих лучших российских поисковых системах, смогут увидеть в результатах поиска так же и ваши странички. Может быть. Если системам наш сайт понравится и они его проиндексируют.

Но что же люди должны искать, какие слова, чтобы найти именно вашу страницу? Ясно, что если они запустят поиск словосочетания «Торговая группа Omnia mea», то очень точно и быстро найдут именно нашу учебную страницу (конечно, после её индексации поисковыми системами). Вряд ли в Интернете существует две разных страницы о торговой группе с таким странным названием. Если же ваше предприятие называется, например, ООО «Космос», то Яндекс предложит вам «не менее 1977 сайтов», содержащих на своих страницах эти слова. Если указать, что надо искать только эти слова, стоящие рядом, найдётся 614 сайтов. Поисковая система Рамблер находит 2526 сайтов «с ограниченным расстоянием между словами»; Google - 585000 страниц, в которых упоминается такое словосочетание.

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

Но чаще всего люди не знают, как именно называется предприятие, а ищут нужные им товары. Например, видеомагнитофоны импортные. Или кассовые аппараты фискальные. Таким образом, прайс-лист в формате HTML оказывается очень полезной вещью для нахождения вашего предприятия по ключевым словам - наименованиям товаров. Полезной, но не достаточной. Потому что поисковые машины смотрят ещё и на название страницы и на то, соответствует ли объявленное название содержанию страницы. В общем-то, как и говорит Яндекс, «найдётся всё» - и по названию, и по содержанию, и по случайно упомянутым словам в совершенно ненужном контексте... Но если вы не будете корректно, специально готовить свою страницу для индексирования поисковыми роботами, то она может оказаться в списке найденных где-нибудь на 486-й странице (из 568 возможных). Ясно, что практической пользы такое «нахождение» не имеет - ни у кого не хватит терпения просматривать такое количество страниц. Поэтому давайте начнём заполнять пробелы в структуре страниц нашего сайта. Тем более, что без заголовка (элемент title) поисковые системы страницу, скорее всего, вообще не проиндексируют.

Название, «титул» каждой интернет-страницы записывается в начале текста страницы между специальными метками <title> и </title>. (Обычно все html-метки - <p>, <pre>, <title> и др. называют тэгами - от английского слова tag, которое как раз и переводится как «метка», «этикетка»). Таким образом, в начало учебного файла index.html нам следует добавить примерно такой код:

<title>Торговая группа Omnia mea. Разнокалиберные товары</title>

Примерно такие же тексты, заключённые в тэги <title> и </title>, следует поместить и на остальные страницы вашего сайта: «Торговая группа Omnia mea. Прайс-листы», «Торговая группа Omnia mea. Реквизиты» и др.

Для краткого описания содержания ваших страниц существуют ещё и тэги meta:

<meta name="description" content="Новосибирск, Западно-Сибирский регион, разнокалиберные товары">

<meta name="keywords" content="Новосибирск, Западно-Сибирский, Сибирь, разнокалиберные">

Как видно из примера, туда можно помещать любую полезную информацию (соответствующую действительности!), помогающую пользователям Интернета по ключевым словам найти вашу страницу. Разница между тэгами в том, что в description вы можете помещать произвольное связное описание, а в keywords - только отдельные слова.

Раз уж у нас дошло дело до мета-тэгов, добавьте на все html-странички ещё один:

<meta http-equiv=content-type content="text/html; charset=windows-1251">

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

ex06 Файлы примеров: htm3 (htm3)

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

1. Слова, которыми вы характеризуете род деятельности своего предприятия и которые вписываете в заголовки страниц и мета-тэги, могут не совпадать с теми словами, которые ищут пользователи. В русском языке существует много синонимов, оттенков и способов подачи информации: металлопрокат, металлопродукция, металлоизделия, металлоконструкции, цветной прокат, металл. Принцип «приведения в соответствие» тут очень простой: хотите, чтобы вас нашли другие - попробуйте сначала найти себя сами. С точки зрения потребителя. Как бы вы стали искать в своём регионе нужную вам продукцию? С помощью каких ключевых слов? Попробуйте найти веб-сайты своих конкурентов (поставщиков, клиентов, смежников), посмотрите html-коды их страниц, посмотрите, какую информацию они предпочитают указывать в мета-тэгах, в заголовках, как характеризуют род деятельности своих предприятий. Просмотреть html-код любой странички можно так: в меню обозревателя (например, Интернет Эксплорера) выберите пункт «Вид» - «В виде HTML» или, по-английски, «View» - «Source».

sourc2.gif sourc1.gif

2. Соблюдение всех формальностей и точность подбора слов - очень важные моменты для поисковых машин Интернета и для людей, ищущих информацию. Но плетью обуха не перешибёшь, существует ещё и простая статистика: поисковые машины выдают вверху списков «более популярные» страницы, то есть те, упоминание о которых чаще встречается на других страницах Интернета. Если нигде в Интернете нет ссылок на ваш сайт, то в большом списке он никогда не попадёт в начало.

Появление в Интернете ссылок на ваш сайт можно организовать. Можно предложить сайтам похожей направленности обмениваться ссылками. Можно и не предлагать: существуют сотни каталогов, в которых можно зарегистрировать вновь созданный сайт и поместить на него ссылку. Правда, не все охотно включают в свой каталог сайты с бесплатного хостинга. Некоторые ещё требуют очень качественного содержания. Ну, пусть не несколько сотен, но несколько десятков каталогов всегда будут в вашем распоряжении. Их список можно посмотреть, например, на странице http://list.mail.ru/10453/1/0_1_0_1.html (или просто - http://list.mail.ru).

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

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

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

  • заполните хотя бы одну-две страницы сайта качественным, грамотным, чем-то полезным для ваших клиентов и партнёров текстом по 5-7 килобайт (поисковые системы не любят индексировать слишком маленькие страницы);
  • тщательно выберите слова для заголовка каждой страницы (title) и для мета-тэгов description, keywords, повторите, по возможности, эти слова в видимых заголовках на странице (заключённых в тэги <h1> - <h6>), а также в атрибутах alt вставленных изображений (о вставке на страницу изображений речь пойдёт в следующей части книги);
  • ключевые слова должны в небольшом количестве присутствовать и в самих текстах страниц;
  • убедитесь, что все ссылки работают, картинки и оформление отображаются правильно, и попробуйте для начала зарегистрировать сайт в системах «Яндекс», «Рамблер», «Апорт»;
  • и не пытайтесь хитрить: записывать на страницу популярные для поисковых машин слова, не имеющие отношения к вашему сайту - поисковые системы могут занести вас в «чёрный список»!

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

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

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

Простой пример: многие разработчики в качестве неизбежной части вашего сайта обязательно планируют раздел «Новости». Однако, если у вас нет собственной пресс-службы, в этом разделе, скорее всего, останется одна-единственная новость (что и можно довольно часто наблюдать в Интернете): «23.01.1997: Создан веб-сайт нашей фирмы!!».

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

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

Предоставьте вашим клиентам и партнёрам самим судить о ширине ассортимента, высоте качества, современности ваших технологий и приемлемости цен!

Счётчики

Какую бы стратегию продвижения вы ни выбрали (активную или не очень), вам необходимо будет отслеживать результаты своей работы. Они должны выражаться в увеличении посещаемости сайта. Чтобы следить за посещаемостью, на сайте должен быть счётчик посетителей. Его можно показывать людям на странице или не показывать, но учёт посетителей вести нужно всегда. На сервере Narod.ru есть встроенная система учёта посетителей, зайдя на сервер под своей учётной записью, вы можете выбрать пункт «Статистика посещений» и посмотреть, сколько людей заходили к вам на сайт вчера или даже в прошлом месяце. Учёт обычно ведётся по двум параметрам: сколько посещений ваших страниц было вообще, и сколько было уникальных посетителей (один посетитель может долго переходить со страницы на страницу на вашем сайте, счётчик «всего» будет расти, но число уникальных посетителей будет «1»). На сервере Nm.ru есть свои счётчики, но их надо вставлять на страницу с помощью специального кода:

<!--#include virtual=dencnt.cgi?-->

Счётчики на сервере Nm.ru не очень удобны: у них нельзя посмотреть статистику уникальных посетителей, например, за неделю. К тому же, для того чтобы они вообще заработали, надо ещё и переименовать страницу: сменить расширение файла с html на dhtml.

На сервере By.ru вообще нет встроенных счётчиков для бесплатного хостинга. Но это не страшно: вы можете установить на свой сайт сколько угодно разных счётчиков, не зависимо от того, на каком хостинге сайт находится. В Интернете сущестует много «свободных» счётчиков (например, hotlog.ru), которые можно ставить на любой сайт: надо зарегистрироваться на сервере счётчиков и вписать к себе на страницу код, который предложит система. В нашем случае код для счётчика на Hotlog выглядит так:

<a href="http://click.hotlog.ru/?1003982" target="_top"> <img src="../img/http://hit7.hotlog.ru/cgi-bin/hotlog/count?s=1003982&im=204" alt="HotLog"></a>

На самом деле код раза в четыре длиннее, но достаточно записать только то, что находится между тэгами <noscript> и </noscript> - всё остальное смело можно выбросить, чтобы не засорять свою страницу зря. Hotlog предлагает также поставить свой счётчик на все страницы вашего сайта - это делать не обязательно, потому что «чужие» счётчки (система обработки которых расположена не на вашем сервере) будут «тормозить» открытие каждой страницы. Пусть уж тормозят только одну...