Какие бывают сайты?
Сайт сайту рознь. И будет нелишним узнать, чем же они отличаются друг от друга.
Сайт-визитка
Такой сайт состоит из небольшого количества страниц, где предоставлена самая необходимая, но достаточная информация о фирме. Дизайн сайта, как правило, выполнен с учетом фирменного стиля организации. Здесь есть разделы, рассказывающие о самой компании, об услугах, которые она предоставляет, приводится перечень цен, информация о контактах, форме обратной связи.
Если вы занимаетесь какой-то деятельностью, то такой сайт вполне вам подходит. Как говорится, дешево и сердито. Пример такого сайта приведен на рис. П1.1.
Корпоративный информационный сайт
В отличие от сайта-визитки, корпоративный сайт состоит, как правило, из большого количества страниц. Здесь предоставлена полная информация о компании, ее новостях, объявления о различных акциях и событиях компании. Подробно рассказывается о сфере деятельности компании, о выпускаемой продукции. Выглядит такой сайт представительно и солидно. Все работает на имидж компании. Вот пример такого сайта (рис. П1.2).
Интернет-магазин
Как и понятно из названия, сайт предназначен для продажи услуг или товаров. Он содержит каталог товаров, их цены, подробные характеристики и описания товаров, страницу заказов, а также корзину для товаров и информацию о способах оплаты и доставки. Отличия такого сайта: удобная навигация, деловой дизайн и хорошо продуманная система по поиску товаров. Примером может служить сайт по продаже ноутбуков (рис. П1.3).
Рис. П1.1. Сайт-визитка
Рис. П1.2. Корпоративный сайт
Рис. П1.3. Интернет-магазин
Информационный сайт
Главной задачей любого информационного сайта является предоставление полной и, что немаловажно, регулярно обновляемой информации. К ним относятся, например, правительственные, образовательные, новостные сайты.
Информационные сайты отличаются большим объемом размещенных на них материалов, включая графику, а также мультимедиа. Примером может служить сайт http://www.gazeta.ru (рис. П1.4).
Персональный сайт
Ну, тут уж и ежу понятно, что создают такие сайты для себя такие же люди, как и мы с вами. Так что и тематика, и наполнение, и оформление сайта — все зависит от умения автора, его возможностей и воображения. Тут уж никаких границ не существует.
Рис. П1.4. Информационный сайт
Создаем свой шаблон
Пояснение
Не хочу грузить вас специальной терминологией, но считаю своим долгом пояснить, что то, в чем мы сейчас начинаем разбираться, называется основами языка гипертекстовой разметки , или HTML (HyperText Markup Language), если по-английски. Вот с помощью тегов — команд этого языка — и осуществляется создание интернет-страничек, или, если попросту, — веб-дизайн. А гипертекст — это еще проще. Именно так и называется способ организации Интернета — система взаимных ссылок, позволяющих связывать воедино тексты, находящиеся на различных компьютерах Всемирной паутины.
Прежде чем делать сайты, нужно решить, в какой программе мы их будем создавать. Мне известны три способа, все они имеют как преимущества, так и недостатки.
✓ Создание страничек с помощью Блокнота (Notepad) — встроенной программы Windows. В этом Блокноте вы будете писать свои веб-странички вручную, расписывая все теги самостоятельно. Это самый трудоемкий и отнимающий уйму времени способ. Но, овладев им, вам станет понятной вся кухня этой увлекательной профессии — сайтостроения, вы сможете спокойно создавать такие странички, какие захотите, какие подскажет вам ваша фантазия. Это внутренний мир без границ.
✓ Создание страничек в специализированных HTML-редакторах — например, в программе Notepad++, которую можно скачать из Интернета. В принципе, это хороший помощник, намного ускоряющий процесс работы над страничкой. Но только в том случае, если вы уже знакомы со всеми понятиями и определениями языка разметки HTML. Так что, все-таки, я бы советовала начать с простого текстового редактора.
✓ Создание страничек в специальных программах, для этого предназначенных — например, в Adobe Dreamweaver. С помощью таких мощных программ, совершенно не зная ни программирования, ни одного символа или закорючки HTML, вы сможете легко и просто, буквально за полчаса, создать приемлемую страничку, и она будет прекрасно функционировать. Единственно — вы так и не сможете понять, как она действует, и если случится какой-то сбой, найти ошибку, не понимая основ HTML, вам будет очень и очень нелегко. Кроме того, такие программы имеют весьма ограниченные функции, и если вдруг вам захочется ввести в свою страничку какие-то новшества, вам придется либо устанавливать новую версию программы, либо переделывать весь сайт заново, либо обращаться к толковому программисту.
А теперь приступим к делу и запустим. Найдем нашу программу Блокнот (Notepad). В нижнем левом углу монитора отыскиваем кнопку Пуск и выполняем команду: Пуск | Все программы | Стандартные | Блокнот — вот так, как показано на рис. П1.5.
И вот он — божественный прямоугольник с пятью кнопками наверху: Файл, Правка, Формат, Вид и Справка. Впрочем, за все время работы с этим редактором мне вполне хватало и одной кнопки Файл, да и то для того, чтобы просто сохранить результаты своего труда (рис. П1.6). Вот в этой программе и начнем работать.
Конечно, если сравнить этот простенький блокнотик хотя бы с такой навороченной программой, как Adobe Dreamweaver, по красоте и дизайну наш блокнотик вряд ли может с ней соперничать, но по результатам мастерства… я бы не торопилась делать выводы.
Если выбрать команду меню Формат | Шрифт, откроется диалоговое окно Шрифт, где вы сможете выбрать тот шрифт, который вам понравится, с каким удобней работать. И обязательно отметьте галочкой опцию Формат | Перенос по словам — это необходимо, чтобы текст помещался по ширине окна, а не разъезжался на несколько экранов вширь.
Рис. П1.5. Запуск Блокнота
Рис. П1.6. Блокнот
Прежде чем начать…
Итак, у нас есть все необходимое, чтобы немедленно приступить к созданию своей странички. Но, как и положено перед дальней дорогой, давайте на пару минут присядем и договоримся о некоторых вещах, которые необходимо знать уже сейчас, чтобы не было обидно и горько потом, когда мы выложим страничку на сервер и с ужасом обнаружим, что то, что прекрасно показывалось на нашем, домашнем компьютере, не отображается при загрузке странички во Всемирной паутине.
✓ Никогда не пишите названия файлов кириллицей — только на латинице. Файл, названный индекс. html, не сможет интерпретировать ни один браузер. Следует назвать его index.html.
✓ Желательно пользоваться буквами нижнего регистра. Лучше foto.jpg, чем FOTO.JPG. Впрочем, страничка откроется правильно в любом случае, просто вы сами можете запутаться. Однажды я никак не могла понять, почему страница не открывается в Интернете. Когда файлов немного, ошибку найти нетрудно, но когда файлов десятки, а может, и сотни, легко не заметить, что в одной из ссылок указан файл Fotomenu.html вместо fotomenu.html.
✓ Никогда не забывайте закрывать парные кавычки или теги. Забытая кавычка может надолго лишить вас покоя. Так что, будьте бдительны! Строка .
✓ Не допускаются пробелы между открывающей угловой скобкой и дескриптором. Запись: < img src="mycat"> недопустима, поскольку между < и img вставлен пробел. А вот перед закрывающей скобкой пробел допустим: — вполне возможная запись. Однако, чтобы точно не ошибаться, старайтесь не делать лишних пробелов. Впрочем, вокруг знака равенства = пробелы допустимы с обеих сторон. Так что
тоже прекрасно сработает.
Рекомендую вам, чтобы не путаться и не усложнять себе жизнь, старайтесь придерживаться этих несложных правил. Итак, повторим еще раз:
✓ мы никогда, даже под страхом смерти, не будем называть файлы русскими именами;
✓ будем стараться писать имена файлов в нижнем регистре;
✓ не будем забывать (хотя кто застрахован от ошибок?) закрывать парные теги и кавычки;
✓ и, наконец, не будем ставить без крайней необходимости пробелов.
Первый шаблон, основные теги
Все. Теперь приступим к созданию шаблона наших страничек. Пишем в Блокноте текст, показанный на рис. П1.7.
Рис. П1.7. Наш шаблон
Далее весь код будет приводиться в листингах. Поэтому то, что запечатлено на рис. П1.7, я перепишу в листинг П1.1.
Написали? Просто, правда? Это будет наш шаблон. Давайте и сохраним его под именем shablon.html.
Внимание!
Все рассмотренные здесь листинги и соответствующие им HTML-файлы выложены в составе электронного архива на FTP-сервере издательства (см. приложение 3) . Скачать архив можно по адресу: ftp://85.249.45.166/9785977506601.zip . Ссылка эта доступна и со страницы книги на сайте www.bhv.ru .
Итак, посмотрим еще раз, уже повнимательнее, на наш шаблон. С первого же взгляда видно, что практически все написанные теги — парные!
✓ имеет пару
✓
✓
имеет пару✓
имеет паруИ вы, скорее всего, обратили внимание на косую черту во второй колонке тегов. Она означает конец тега. А между этими тегами будут стоять какие-то слова. Разберемся подробнее, какие.
✓ Теги — это просто границы нашего документа. Благодаря этим тегам браузер распознает начало и конец странички, расположенной между ними. И выводит его содержание на всеобщее обозрение.
✓ Теги
— это заголовок документа (не путайте с названием!!!). Информация, находящаяся между тегами, не видна на страничке, она необходима тем программам, которые ее могут просматривать. Заголовок не является обязательным элементом, однако как у каждого документа, у странички тоже должен быть заголовок. Кроме того, в заголовок входят такие полезные элементы, как стиль документа, ключевые слова, да и много полезной информации, без которой потом трудно будет обойтись.✓ Между тегами
Скажем, если мы напишем так:
✓ Теги
— это и есть тело документа. Все, что мы запихнем между этими тегами: все наши таланты, работы и творения, фотографии, рисунки, фильмы, музыку и Бог знает что вы еще там напридумываете, — все это отобразится на вашей страничке. А от того, насколько она окажется содержательной, интересной, красивой и уникальной, будет зависеть и популярность вашего сайта.Ну, теперь можно и прерваться, и посмотреть, что же у нас там получилось, в нашем первом файле shablon.html. Так… и что мы видим? Правильно… ничего. А чего показывать, если мы туда ничего своего не внесли? Что ж, попробуем исправить положение.
Пояснение
Предложила посмотреть, что показывает файл shablon.html, а как это сделать не объяснила… Все очень просто. Щелкните двойным щелчком по этому файлу в папке, куда он сохранен, и он откроется в браузере, принятом в системе по умолчанию.
Рис. П1.8. В заголовке браузера — название странички
Надеюсь, у вас есть какая-нибудь ваша фотография? Все равно какая, лишь бы была! Надеюсь, ее файл назван латинскими буквами? И в нижнем регистре? И, желательно, в формате JPG? Типа так: myfoto.jpg.
Примечание
Не обижайтесь, но некоторые моменты я буду повторять по сто раз, потому как если бы мне кто раньше так повторял… мне не пришлось бы обливаться слезами, лупить ни в чем не повинный компьютер и переделывать заново свои работы. Тогда начнем…
Да! Кстати… а как же открыть нам свой файл в блокноте, если он по двойному щелчку сразу открывается в окне браузера? Привожу два различных способа.
✓ Открыть опять Блокнот — для особо забывчивых: Пуск | Все программы | Стандартные | Блокнот. Хотя давно пора выставить его значок на рабочий стол… Открыли? Ну, и оттуда Файл | Открыть… достать наш родной, единственный и неповторимый shablon.html. Получилось? Ну и славненько…
✓ Если у вас этот файл уже открыт браузером, щелкните правой кнопкой мыши по экрану и в появившемся меню выберите Просмотр HTML-кода (или Просмотр кода страницы — в зависимости от браузера) — результат будет тот же. Наш файл сам откроется в Блокноте!
Итак, хватит болтовни, посмотрим что у нас там осталось с прошлого раза (листинг П1.2).
Вы уже выучили наизусть этот наш шаблон как "Отче наш"? Нет? Странно… мы им будем пользоваться постоянно. Хотя, скажу вам по секрету, можно писать эти теги и строчными буквами, браузеру на это начхать. Точно так же откроет он и содержимое такого файла (листинг П1.3).
Ну, а теперь запомнили? Еще повторить?
Ладно… в общем, объясняю: я буду писать буквы всех тегов прописными (заглавными) буквами исключительно из-за того, чтобы вам легче было отличать изменяемую часть от постоянной. Договорились? А вы можете писать как хотите. Как удобней.
Добавляем в шаблон текст
Итак, изменим содержимое нашего шаблона, вставив туда немного текста (листинг П1.4).
Ну и сохраним этот файл, например, под именем, соответствующим номеру листинга: listing_1.4.html. Открываем файл и видим следующую картину (рис. П1.9).
Рис. П1.9. Файл listing_1.4.html в окне браузера
Итак, в верхней строке браузера у нас отобразилось название странички: Моя Первая Страничка, а в самом окне — текст, который мы ввели между тегами
и .Ну вот, уже кое-что становится понятно. А раз так — идем дальше!
Форматируем содержимое странички
Для того чтобы текст на наших страничках смотрелся красиво, его необходимо отформатировать. Для этого есть несколько тегов, вот ими сейчас и займемся.
Заголовки
Обычно в каждом тексте имеются заголовки разных уровней. Самый крупный заголовок называется заголовком 1-го уровня, самый маленький — 6-го. Тегами заголовков служат парные теги
В браузере же это будет выглядеть так, как показано на рис. П1.10.
Рис. П1.10. Заголовки
Текст
В типографике существует множество шрифтов, однако в веб-дизайне для набора текстов веб-страниц используется ограниченное их количество.
Как правило, это:
✓ Georgia;
✓ Times New Roman;
✓ Arial;
✓ Verdana;
✓ Comic Sans MS.
Шрифты подразделяются на шрифты с засечками (типа Georgia, Times New Roman), шрифты без засечек (типа Arial, Verdana) и фантазийные (типа Comic Sans MS).
Чтобы отделить один абзац текста от другого, следует применять тег
. А если при этом нужно выровнять текст абзаца к левой или правой стороне страницы, то делается это с помощью атрибута (служебного слова) align так:
✓
— если нужно выровнять абзац к левой стороне;
✓
— если нужно выровнять абзац к правой стороне.
Наберем отрывок из рассказа Валентина Катаева "Поединок" с заголовком и разбивкой на абзацы, под текстом напишем фамилию автора, сдвинув ее вправо. Сохраним этот файл под именем, скажем, poedinok.html (листинг П1.6).
Рис. П1.11. Файл poedinok.html в браузере
А теперь откроем этот файл в браузере (рис. П1.11).
Если текст нужно начать не с нового абзаца, а просто со следующей строки (например, в стихотворениях), то вместо тега
ставят тег
(листинг П1.7).
Рис. П1.12. Принудительный перевод строчек с помощью тега
В браузере получится следующая картина (рис. П1.12).
Для выделения текста жирным шрифтом нам пригодятся теги или . Имейте в виду, что оба они имеют пару — закрывающий тег (с косой чертой).
А вот чтобы сделать текст наклонным, существует тег , который также имеет парный закрывающий тег .
Для подчеркивания текста служит тег , для зачеркивания — тег . Они также имеют закрывающие теги и соответственно.
А можно ли сделать текст, к примеру, одновременно и жирным, и наклонным? Конечно можно, для этого надо применить к тексту оба тега — нужно только следить, чтобы они были правильно вложены, например, так:
Этот текст и жирный и наклонный
А вот так неправильно:
Этот текст и жирный и наклонный
Поясню это на примере (листинг П1.8).
Сохраните этот файл под любым именем, например variant.html, и затем откройте его в браузере. Получим следующее (рис. П1.13).
Рис. П1.13. Варианты текста
Для того чтобы изменить цвет текста, существует тег с атрибутом COLOR, также имеющий свою пару — закрывающий тег . Цвет может быть задан как просто названием цвета, так и числовым его значением — главное, не забывать перед числовым значением ставить знак решетки: #.
Например:
✓ Это красный цвет
✓ Это тоже красный цвет
В табл. П1.1 приведены числовые значения самых распространенных цветов.
Можно также изменять и размер шрифта, достаточно добавить к нему тег с атрибутом SIZE.
Таблица П1.1. Числовые значения цветов
А атрибутом face можно задать гарнитуру шрифта. Тег также имеет свою закрывающую пару: .
К сожалению, из-за строгого ограничения на объем книги, я не могу, как бы ни хотелось, рассказать здесь обо всем, хотя бы понемногу. Но самое необходимое, все же, стараюсь объяснить. Попробую показать на примере варианты применения гарнитур, размеров и цветов шрифта (листинг П1.9).
В браузере это будет выглядеть так (рис. П1.14). Цвета шрифтов вы здесь, конечно, не увидите, но можете поверить мне на слово или воспроизвести все это самостоятельно на своем компьютере.
Рис. П1.14. Гарнитура, размер и цвет шрифта
Вставляем картинки
Чтобы вставить на страничку картинку, нужно применить тег . Этот тег имеет свой атрибут src, который указывает путь к картинке. Если наша картинка под названием, например, foto.jpg лежит в той же папке, что и HTML-файл, можно написать просто:
. Если же картинка лежит в другой папке, скажем, в папке image, тогда и путь к картинке будет такой:
. Почему-то у многих новичков возникают страшные проблемы по прописыванию пути к картинке, хотя в этом ничего сложного нет.
Хорошо бы, кроме адреса картинки, явно указать ее размеры с помощью атрибутов width (ширина) и height (высота). Их значения можно узнать, например, в программе Adobe Photoshop. Применение этих атрибутов поможет браузеру корректно показать картинку на веб-странице.
Рекомендуется также в атрибуте alt открытым текстом пояснить, что же такое нарисовано на этой картинке. Дело в том, что поисковые системы не могут с помощью своих роботов разобрать, что там изображено, и подробное описание тут совсем не помешает. Кроме того, среди пользователей Интернета немало слабовидящих, а то и совсем незрячих людей, которые «читают» веб-странички с помощью специальных звуковых программ. Так что старайтесь сразу дать о своих картинках как можно больше информации.
Ну, и, чтобы картинки имели немного свободного пространства вокруг себя и не прилипали к тексту, который их окружает, укажите расстояние от картинки до ближайшего текста по горизонтали (атрибут hspace) и вертикали (атрибут vspace) в пикселах. Для тех, кто еще не знает, пиксел — это наименьший элемент изображения на экране монитора (попросту, точка).
Картинки можно располагать как по центру (атрибут center), так и по правому (атрибут right) или левому (атрибут left) краю. Это прописывается тегом
С учетов всего сказанного картинку правильнее всего описать таким вот образом:
Ну, а теперь сделаем пример странички, где все уже вам должно быть знакомо (листинг П1.10).
А вот что получим на экране монитора. Причем, если навести мышку на картинку, появится надпись морской пейзаж (рис. П1.15).
Рис. П1.15. Вставка изображения
Adobe Photoshop: обрабатываем фотографии
Я не представляю себе работы без моей любимой программы Adobe Photoshop. Так что, если она у вас есть, — прекрасно! Если нет — постарайтесь установить. Я не буду рассказывать здесь обо всех возможностях программы, для этого понадобилась бы целая толстая книга. А вот некоторые моменты объясню.
Примечание
У вас могут быть различные версии этой программы, но основные функции остаются неизменными.
Надо также отметить, что Photoshop — очень и очень недешевое удовольствие. Однако люди как-то выходят из положения…
Вот главное окно Adobe Photoshop (рис. П1.16).
Рис. П1.16. Окно программы Adobe Photoshop
Чтобы загрузить в него свою картинку, необходимо выполнить команду меню File (Файл) | Open (Открыть) и из своих файлов выбрать нужное изображение (рис. П1.17).
Часто бывает, что картинка не нужна целиком — тогда можно отсечь ненужные части, воспользовавшись опцией обрезки. Сначала выделяем нужную область с помощью инструмента Rectangular Marquee Tool (Прямоугольное выделение), затем выбираем команду Image (Изображение) | Crop (Кадрировать), как показано на рис. П1.18, и у нас остается вырезанная область (рис. П1.19).
Но на этом не успокаиваемся. Если цвета кажутся недостаточно контрастными, их можно немного «вытянуть». Для этого нажимаем на клавиатуре комбинацию клавиш
Рис. П1.17. Открытие файла
Рис. П1.18. Делаем обрезку
Рис. П1.19. Вырезанная область
Рис. П1.20. Работаем с уровнями
Однако и это не все! Мое изображение слишком велико, мне нужно его уменьшить. Нажимаем в меню: Image (Изображение) | Image Size (Размер изображения), как показано на рис. П1.21.
Рис. П1.21. Размер изображения
И видим следующую картину (рис. П1.22): ширина (Width) изображения — 2024 пиксела, высота (Height) — 1980. Это никуда не годится!
Но отчаиваться не стоит — просто впишем в поле ширины нужный размер, например 500, автоматически изменится и высота, поскольку у нас по умолчанию стоит галочка у опции Constrain Proportions (Сохранять пропорции). Так что высота сама установится на величину 489 пикселов (рис. П1.23).
И последнее. Изображение обязательно нужно сохранить оптимизированным для размещения в Интернете. Для этого выбираем команду File (Файл) | Save for Web (Сохранить для Web) — как показано на рис. П1.24.
Рис. П1.22. Слишком большой размер!
Рис. П1.23. Изменение размеров
Рис. П1.24. Сохраняем картинку для Web
А в открывшемся диалоговом окне выбираем формат изображения: JPEG, размер: Medium — обычно этого бывает достаточно (рис. П1.25). И сохраняем наше изображение под любым именем. Все, работа закончена.
Совет
Можно также выбрать форматы GIF или PNG, но для сохранения фотографий лучше подходит JPEG. Формат GIF рекомендуется выбирать, если цветов на изображении мало (например, это простой чертеж), а PNG подходит больше для изображений с прозрачным фоном.
Ссылки
Как можно с одной страницы сайта попасть на другую? Ответ прост — при помощи ссылок. На любом сайте есть меню, нажатия на пункты которого обеспечивает переход в нужный раздел. Все пункты меню, как текстовые, так и в виде картинок, являются ссылками. Когда вы задаете поиск в Яндексе, открываются страницы ссылок, нажимая на которые также попадаешь на другие страницы. Без ссылок невозможно было бы перемещаться по Интернету, так что это вещь очень нужная и полезная. Да и в простом тексте можно найти ссылку — как правило, они подчеркнуты и выделены иным (чаще всего синим) цветом.
Рис. П1.25. Выбираем формат изображения
Создание ссылок
А создаются ссылки при формировании веб-страницы очень просто. Для этого существует специальный тег , имеющий свой закрывающий тег .
Примечание
Напомню, что в сайтостроении можно набирать теги как прописными (заглавными) буквами: <A> , так и строчными (маленькими): <a> . Я обещала ранее, что буду писать их всегда заглавными, но не всегда выдерживаю это обещание… Вообще-то, с точки зрения красоты оформления, принято набирать открывающие теги прописными буквами, а закрывающие — строчными, но не будем формалистами, ладно?
У тегов имеется обязательный атрибут href, указывающий, куда именно следует переместить пользователя. Естественно, на самом деле пользователь никуда не перемещается, просто у него в браузере загружается нужная страничка. Ну, да не в этом суть. Главное, что эти ссылки дают возможность расширить границы Интернета.
Виды ссылок
Ссылки могут быть как относительными, связывающими две странички одного сайта, — например так:
Само собой, что все HTML-файлы (странички) сайта при этом должны находиться в одном каталоге. Тогда нажимая на ссылки, мы сможем переходить на различные странички сайта: info.html, catalog.html или gest.html.
А бывают и абсолютные ссылки, которые могут вести как и на страничку этого же сайта, так и на другие ресурсы. Это обеспечивается прописыванием в строке HTML-кода полного пути к страничке. Например:
Ссылкой может быть и картинка. Скажем, если имеется для социальной сети картинка, которая называется logo.jpg, то вид ссылки будет такой:
Совместим все это в одном файле (листинг П1.11).
В браузере это все будет выглядеть так, как показано на рис. П1.26.
Рис. П1.26. Ссылки
Каскадные таблицы стилей — CSS
Вообще, все уважающие себя веб-мастера используют в своей работе так называемые каскадные таблицы стилей (CSS). Что это такое? Сайт, как правило, состоит из нескольких страничек. Их может быть и десять, и сто, и даже несколько тысяч. Естественно, всем хочется, чтобы все странички выглядели красиво и были оформлены в едином стиле. Согласитесь, если вы захотите, чтобы заголовки на всех страницах были красного цвета, а текст — синим, то расписывать на каждой страничке все эти свойства весьма проблематично. Вот хитрые веб-мастера и придумали — все стили прописать в одном файле. А на всех страничках сайта дать ссылку на этот файл, и тогда все изменения можно будет производить в том одном файле, а на страничках все это станет изменяться автоматически. Файл стилей обычно называется style.css, где style — название файла, а css — его расширение. И на всех страничках сайта между тегами
и пишется такая строчка:
Откройте имеющийся у нас в наличии файл poedinok.html, добавьте к нему приведенную здесь строчку (листинг П1.12), сохраните под именем, например, poedinok2.html.
Затем создайте еще один файл — style.css (листинг П1.13).
Теперь, когда мы поместим файл style.css в один каталог с файлом poedinok2.html и откроем последний, то получим картину, изображенную на рис. П1.27.
Как видите, значение BODY {background-color: yellow;} дало желтый цвет фона нашей странички, P {color: blue;} — заставило цвет текста измениться на синий, а строчка H1 {color: red} придала красный цвет заголовку.
Рис. П1.27. Файл poedinok2.html со стилями
Таким образом, изменяя параметры в одном файле стилей, можно изменять очень многие свойства элементов целого комплекса веб-страничек на любые другие!
Размещение сайта в Интернете
Ну, хорошо, научились мы делать странички, научились связывать их между собой с помощью ссылок. Но как разместить их в Интернете? А для этого существуют специальные сервисы, как платные, так и бесплатные.
Внимание!
Пусть создали вы сайт из нескольких страничек, но только одна из них является главной (веб-мастера ее иногда называют «мордой сайта»). Так вот — эта страничка всегда должна нести имя index. Расширение зависит от назначения, но сейчас не об этом. Страничка может называться index.html или index.htm, ну, или index.shtml, index.php. Главное — index, потому что по этому имени поисковые системы как раз и понимают, какую страничку сайта нужно открыть первой, чтобы пользователи сначала попадали на эту главную страницу, а уж потом — на прочие, пусть и не менее важные.
Начнем с бесплатных сервисов. Самым популярным является http://narod.yandex.ru/ (рис. П1.28).
Туда можно закачать сайт, самостоятельно изготовленный на своем, локальном, компьютере, а можно по имеющимся там шаблонам создать сайт непосредственно на этом сервисе — тем более что сделать это весьма легко и просто.
Рис. П1.28. Народный сайт
Многие веб-мастера делали свои первые сайты на этом «народе», некоторые там и оставались, другие переходили на платные сервисы. Потому как бесплатно — это всегда какие-то ограничения плюс навязанная реклама, которую ваш сайт будет постоянно показывать.
Но есть еще платные сервисы — чтобы ими воспользоваться, прежде всего нужно купить для своего сайта хорошее доменное имя. Скажем, у меня вот такие оплаченные домены: pensionerka.ru, pensionerka.com, dikarka.ru и еще десятка три. Выбрать свободный домен можно в разных местах. Скажем на http://www.agava.ru, http://www.reg.ru, http://www.r01.ru и многих других. Сколько стоит домен? По-разному: от 100 до 500 рублей в год.
Но мало купить домен, нужно его еще где-то припарковать — это называется хостингом. На указанных здесь сервисах есть и предложения хостинга. Цены тоже различаются — не только по сервисам, но и по выбранному тарифу. Чем больше и сложнее сайт, тем больше для него требуется места, а, значит, хостинг для него получается дороже. Но пока сайт небольшой, можно купить самый дешевый вариант, а по мере надобности переводить его на более дорогой.
Рис. П1.29. Цены на хостинг от Агавы
Лично я все время пользуюсь сервисом http://www.agava.ru, расценки хостинга на нем на начало 2012 года приведены на рис. П1.29.
Дорого это или не очень, судите сами.
Регистрация в поисковых системах
Мало разместить сайт в Интернете, необходимо еще зарегистрировать его в известных поисковиках, чтобы они включили его в свой поиск. Не огорчайтесь, если ваш сайт не сразу будет виден в поиске. Некоторые поисковики специально консервируют новые сайты в так называемой песочнице, и время это может затянуться иногда до 3 месяцев.
Итак, вот где стоит зарегистрироваться:
✓ http://webmaster.yandex.ru/ — в Яндексе;
✓ http://www.google.ru/intl/ru/addurl.html — в Google;
✓ http://top100.rambler.ru/ — в Рамблере;
✓ http://top.mail.ru/add/ — в рейтинге Mail.ru.
Кроме того, хорошо бы на сайт поставить счетчик посещений. Во-первых, вы будете знать, сколько посетителей приходит на ваш сайт, во-вторых, откуда они пришли, по каким поисковым словам. В общем, узнаете кучу полезного.
Самым лучшим счетчиком является счетчик от LiveInternet.ru. Зайдите на страничку регистрации: http://www.liveinternet.ru/add, введите свои данные, подберите подходящий по дизайну вашего сайта счетчик, затем скопируйте код счетчика и разместите его на всех страницах своего сайта.
Бесплатные и платные каталоги
Вообще ссылки на свой сайт следует размещать везде, где только возможно. Чем больше будет на чужих ресурсах ссылок, ведущих на ваш сайт, тем больше он будет раскручен, и нужно к этому стремиться постоянно.
Вы можете набрать в поисковой системе запрос регистрация в каталогах бесплатно, и сразу получите кучу ссылок. Походите, посмотрите, если найдете что-то стоящее — регистрируйтесь. При этом обычно каталоги просят поставить на вашем сайте ответную ссылку на их ресурс. Если вы на это согласны, то сделайте на своем сайте специальную страничку под такой обмен.
Однако есть два важных каталога, куда могут взять бесплатно. Но это в том случае, если ваш сайт на самом деле очень ценен.
✓ Один из них — каталог Яндекса. Можете попробовать подать заявку на страничке http://yaca.yandex.ru/add_free.xml.
Жалко только, что они не сообщают о решении, включать или не включать ваш ресурс в свой каталог. Если очень хочется туда попасть, пусть и небесплатно, то можно попробовать заполнить здесь заявку на платное размещение: http://yaca.yandex.ru/add_payed.xml. В этом случае в течение, как правило, 3-х дней вам хотя бы ответят — подходит или не подходит сайт для их каталога. Правда, платная регистрация довольно дорогая: 12 500 руб. плюс НДС.
✓ Еще один отличный каталог, совершенно бесплатный, но очень уважаемый: DMOZ.org. Подать заявку на принятие сайта в их каталог можно здесь: http://www.dmoz.org/.
Выберите там подходящий каталог, скажем, Home, затем выбирайте свой язык, скажем, Russian, и далее уже на русском выбирайте подходящую тему сайта, заполняйте необходимые поля для регистрации и отсылайте на регистрацию. Авось возьмут.
Есть еще каталог на Mail.ru: http://list.mail.ru/index.html. Здесь есть как бесплатная, так и платная регистрация — стоимость 12 000 рублей.
Бесплатная раскрутка сайта
Раскрутка сайта дело довольно муторное, отнимающее много времени. Но результат, как правило, положительный. Но, прежде чем вообще что-то раскручивать, необходимо привести сайт в порядок, провести правильную его внутреннюю оптимизацию. Правильная оптимизация сайта — половина, если не бо́льшая ее часть успеха.
Так что начнем с нее.
✓ Правильно прописывайте название странички в тегах
У каждой странички должно быть свое уникальное название. Скажем, если сайт посвящен выращиванию цветов, и каждая страничка рассказывает о каком-то одном цветке: розах, лилиях, ромашках и т. д., то в HTML-файлах страниц эти теги могут быть написаны так:
— на страничке файла про розы:
— на страничке файла про лилии:
и т. д.
✓ В заголовок документа между тегами
и , как правило, вставляйте описание странички и ключевые слова для нее:— описание для странички, например, с розами:
— ключевые слова для той же странички:
Дело в том, что описание странички будет выложено поисковиками при запросе пользователя, скажем, по слову розы. И от того, насколько привлекательным будет это описание, зависит, нажмет ли пользователь на ссылку, ведущую на ваш сайт, или уйдет к другим, более заманчивым в описании сайтам. Вот пример выдачи Яндекса по запросу розы (рис. П1.30).
Как видите, заглавие сайта взято из тега
Розы, все о розах
Роза — царица цветов. Она является украшением любого сада. Выращивание и уход за розами. Укрывание роз на зиму
Адрес нашего сайта
Рис. П1.30. Выдача поисковой системы Яндекс по запросу розы
✓ Главный, первый заголовок статьи прописывайте лучше тегами
:
Как выращивать розы
Просто чем крупнее заголовок, тем сайт является, по мнению поисковых систем, более важным, чем другие.
✓ В тексте статьи старайтесь несколько раз употребить ключевые слова. Ведь бывает так — статья о розах, а в статье ни разу слово "роза" не встречается. Но, с другой стороны, не пытайтесь напихать в статью слишком много ключевых слов. Такие вещи считаются переоптимизацией, и поисковики могут запросто понизить ваш рейтинг.
✓ Старайтесь делать внутреннюю перелинковку страниц, т. е. ставьте подходящие по смыслу ссылки с одной страницы своего сайта на другую. Например, если на странице с розами имеется упоминание о подкормке этих растений, можно дать ссылку на страницу, где рассказывается вообще о пользе удобрений.
✓ Старайтесь размещать на сайте интересные статьи, причем авторские, уникальные, ни в коем случае не украденные с чужого сайта. Поисковики это сразу обнаружат и накажут.
Ну вот, с оптимизацией мы разобрались, так что пора уже и раскручиваться.
Хороший способ бесплатной раскрутки — это обмен ссылками с другими сайтами. Но не со всеми подряд. Тут важно подобрать сайты с тематикой, схожей с вашей. Если ваш сайт о цветах, то и обменивайтесь ссылками с сайтами о цветах и уходе за ними. Набирайте в поисковой системе ключевые слова, скажем, те же розы, заходите на сайты, которые поисковая система выдала по нашему запросу, ищите там контакты, почту — и пишите веб-мастерам письма с предложением обмена. Можно написать примерно так:
Добрый день!
Я владелец сайта «Розы», хотел бы обменяться с вами ссылкой. Наши сайты сходной тематики. Готов поставить вашу ссылку первым.
Ну, и в том же духе можно еще похвалить родственный сайт, сказать веб-мастеру пару добрых слов. Пишите несколько таких писем в день, и какая-то честь адресатов обязательно вам ответит. Не забудьте только сделать специальную страничку под ответные ссылки, назвав ее, к примеру: друзья сайта, обмен ссылками и т. п.
Другой способ раскрутки — размещение интересных статей с ссылками на ваш ресурс на других сайтах. Для этого существует и специальная служба — Miralinks: http://www.miralinks.ru/ (рис. П1.31).
Рис. П1.31. Служба miralinks
Здесь нужно зарегистрироваться, выбрать площадки на тематических сайтах для размещения своих статей. Положительным моментом при этом является то, что вам не надо будет давать на своем сайте ссылку на чужой ресурс, отрицательным — придется готовить уникальные статьи, чтобы их согласились разместить на своих сайтах их веб-мастера.
А еще мне очень нравится писать посты (комментарии). Набирайте в поисковике вопрос, который могут задать люди, например: как укрыть розы на зиму, как сажать розы и т. п. Поисковики дадут адреса форумов, сайтов, где эти проблемы обсуждаются. И тогда вы идете туда и пишете: ой, как раз это есть на таком-то сайте! И даете ссылку на свою страничку. Тут уж не только раскрутка сайта будет, но и прямой приток посетителей. При этом главное — сделать так, чтобы посетитель, зашедший по ссылке на ваш сайт, задержался там подольше, а вот это-то как раз в ваших руках. Дайте ему интересную информацию, чтобы у него появилось желание еще раз заглянуть на ваш сайт, а может, и послать ссылку на него своим знакомым. Не исключено, что заинтересованный посетитель вообще поставит ваш сайт в свои закладки.
Опять же, если у вас есть свой блог, не забывайте там упоминать о своем прекрасном сайте. В общем, используйте все возможности, это всегда окупается.
Методы платной раскрутки сайта
Есть несколько видов раскрутки сайтов платными методами.
✓ Можно размещать контекстную рекламу на известных системах:
— Яндекс-директ: http://direct.yandex.ru/;
— Бегун: http://begun.ru/advertiser/;
— Google AdSense: http://www.google.com/adsense.
Там необходимо зарегистрироваться, внести деньги, начать рекламную кампанию и составить нужное объявление. Ваши объявления будут размещаться на сайтах-донорах, и за каждый клик, который произвел пользователь, пришедший на ваш сайт по этому объявлению, с вашего счета будут списываться деньги.
✓ Можно покупать ссылки на биржах, занимающихся покупкой-продажей ссылок, посуточно. Самыми известными биржами являются:
— Sape: http://sape.ru;
— Miralink: http://miralink.ru;
— Linkfeed: http://linkfeed.ru.
Здесь вы лично подбираете площадки, которые вас устраивают, пишете объявления, а система сама устанавливает ссылки на сайтах-донорах. Опять же, за каждые сутки с вашего счета списывается определенная сумма.
✓ Также можно покупать не только ссылки, но и статьи, в которых будут поставлены ссылки на ваш ресурс. К обеспечивающим это сервисам относятся: http://sape.ru, http://liex.ru, http://miralinks.ru и др.
✓ В последнее время стало популярно покупать ссылки с блогов. Естественно, появились и биржи, предоставляющие такие услуги. К ним относятся Блогун: http://blogun.ru, BuyPost: http://buypost.ru.
Сколько на все это потребуется денег? А вы просто определитесь, какую сумму можете потратить ежемесячно на раскрутку, вот в пределах этой суммы и оставайтесь. Все зависит от ваших возможностей и желания.
Есть еще один сервис по продвижению сайтов — Сеопульт: http://seopult.ru. Там же можно определиться, сколько нужно денег для продвижения того или иного сайта по определенному запросу. Попробуйте, выберите подходящий вариант, а лучше — комбинируйте, и результат не заставит себя ждать.
Учтите также, что раз вы начали оплачивать ежемесячно ссылки, бросать это уже нельзя — обычно все такие покупные ссылки могут учитываться спустя 3, а то и 6 месяцев. Так что лучше уменьшите бюджет на раскрутку с тем, чтобы он не слишком сильно отразился на вашем благосостоянии.
ТИЦ и PR сайта
Для каждого сайта со временем рассчитываются определенные оценочные показатели, которые веселые веб-мастера называют пузомерками сайта. Основными параметрами таких пузомерок являются ТИЦ и PR. И чем выше значения этих параметров, тем более важным и солидным считается сайт и, как правило, располагается по поисковым результатам выше своих худосочных конкурентов. У новых сайтов эти значения равны нулю. То есть, нет у таких сайтов никакого авторитета в глазах поисковых систем. Вот и разберемся, что это за показатели…
ТИЦ: тематический индекс цитирования
ТИЦ придумал Яндекс, индекс этот определяет авторитетность того или иного сайта относительно других сайтов. Чем больше ссылок с других сайтов ведут на определяемый сайт, тем лучше, и тем больше его значение ТИЦ.
Впрочем, учитываются не все ссылки. С некоторых сайтов, которые, по мнению Яндекса, — так себе, мелкота либо вообще не стоят внимания, ссылки могут вообще не учитываться. Но если ссылки ведут с серьезных, важных ресурсов, то, конечно, такие ссылки имеют вес, и часть своего веса могут передать тому сайту, на которые с них ссылки ведут.
И, естественно, вам нужно стараться заполучить ссылки с таких «жирных» сайтов. И чем больше ссылок с хороших ресурсов ведут на ваш сайт, тем большее число ТИЦ он получит. А значит, будет считаться более солидным и стоять выше в выдаче.
Но и это не все. Ссылки учитываются только с сайтов схожей тематики. Если, например, у вас сайт посвящен цветам, а ссылки на него будут вести с сайта, торгующего паркетом, то такие ссылки могут вообще не учитываться, а в некоторых случаях даже навредят сайту, и рейтинг его может понизиться.
Способы наращивания ТИЦ довольно трудоемки. Для привлечения ссылок на ваш сайт, как и отмечалось в предыдущем разделе, могут пригодиться следующие методы:
✓ обмен ссылками с родственными сайтами — лучше всего с сайтами, находящимися в каталоге Яндекса: http://yaca.yandex.ru/. Дело в том, что Яндекс вручную добавляет хорошие сайты в этот свой каталог, а, значит, априори считает их замечательными. И я уже упоминала ранее о том, что хорошо бы протиснуться туда и самим;
✓ покупка ссылок на разных биржах, например на http://sape.ru и др. Но тут тоже старайтесь покупать ссылки с хороших сайтов родственной тематики, которые имеют неплохой ТИЦ. Потому как покупка ссылок с нулевыми ТИЦ'ами пользы не принесет, деньги получатся «на ветер»;
✓ размещение комментариев со ссылками на свой сайт в различных форумах, социальных сетях, блогах и т. д.
Число ТИЦ может быть сколь угодно большим. У самого Яндекса ТИЦ равен 270 000, у Google — 48 000, у Microsoft.com — 26 000. У моего сайта www.dikarka.ru на данный момент ТИЦ равен 90. Минимальное значение, отличное от нуля, здесь 10.
ТИЦ своего сайта можно проверить на страничке http://pr-cy.ru/. Там, кстати, можно проверить и PR сайта, о котором мы поговорим чуть далее. На этом сайте в поле ввода нужно вести адрес своего сайта, и система выдаст значения и ТИЦ и PR, и еще много интересных значений.
PR сайта
А вот PR (PageRank) придумал Google. Тут также, правда по другим алгоритмам, чем у Яндекса, учитываются входящие ссылки с других сайтов. При этом здесь отдельно учитывается PR каждой страницы сайта. Как правило, главная страница имеет самое большое значение (хотя это и необязательно). И значения PR не бесконечны. Они находятся в пределах от 0 до 10. Естественно, самый высокий показатель — у самого Google, его значение PR = 9, также не отстает Adobe.com, у него PR = 9, чуть скромнее — у его конкурента Яндекс, значение PR которого равно 8. Обычным сайтам добиться таких результатов практически невозможно. Нормальным результатом может служить PR = 3 или 4. Отличным — PR = 5. Вот к этому хорошо бы и стремиться. Поднять PR можно теми же способами, что и ТИЦ, только тут нужно обращать внимание на значение PR ссылающегося сайта.
Ну, а в идеале, конечно же, лучше иметь ссылки с сайтов, которые имеют хорошие ТИЦ и PR одновременно.
Самое удивительное, что я никак не пойму до сих пор, почему эти пузомерки совершенно не учитывают число посетителей того или иного сайта. Пусть на нем будет хоть сто тысяч посетителей, хоть вообще ни одного, но если ТИЦ и PR его равны нулям, то этот сайт — тьфу! Ничего не стоит…
А вообще, зачем нужны все эти пузомерки, неужели никак нельзя без них? Открою вам маленький секрет… Если у вашего сайта хорошие показатели — то на них можно неплохо зарабатывать. Чем выше ТИЦ и PR сайта, тем дороже стоят продаваемые ими ссылки. Вот и все!
Но если у вас сайт не для заработка, а для души, да и просто для людей — наплюйте на это дело. Главное, чтобы на ваш сайт шел народ. По-моему, это более приятно. Значит и сайт ваш приносит обществу сплошную пользу. Ведь посетителям нет дела до того, есть у вас PR и ТИЦ, либо вообще нет… не за тем они к вам ходят!
Хотя… если пузомерки есть, и посетители есть… и сайт еще и деньги приносит… глупо от этого отказываться! Я так думаю!
Не убей свое детище! Опасности черных методов раскрутки
Иногда сайт, особенно если он напичкан разной полезной и уникальной информацией, не требует раскрутки — народ туда и так валит, что может быть радостней для веб-мастера? Но иногда не раскручивается, ну хоть об стенку бейся, хоть плачь! И тогда некоторые веб-мастера выбирают другой, не совсем честный путь быстрейшего поднятия рейтинга своего сайта, участвуя в разных неблаговидных системах серой и черной раскрутки. И совершенно напрасно! Потому как такой сайт, даже если он быстро взлетит на первые места выдачи, все равно очень скоро не только скатится туда, откуда выкатился, но и вообще будет забанен поисковиками, иногда и навсегда. И получится, что сайт, в который было вложено много труда, будет не виден никогда и никому. А вам это надо?
Вообще, перед веб-мастерами встают две порой противоположных по своему действию задачи: во-первых, чтобы сайт нравился посетителям сайта, а во-вторых, чтобы алгоритмы поисковых систем сочли его таковым. Но усидеть на двух стульях, быть слугой у двух господ не всегда удается. Поэтому веб-мастера часто идут на очень хитрые уловки, для того чтобы, во-первых, продраться сквозь частокол алгоритмов поисковых систем, а во-вторых, не отпугнуть пользователей неудобоваримым текстом. Это напоминает игру в «Казаков-разбойников». Разбойники здесь — веб-мастера, которые придумывают все новые и новые методы обмана поисковых алгоритмов, а казаки — естественно, сами поисковики, которые раскрывают хитрые замыслы веб-мастеров и устанавливают новые, более совершенные алгоритмы.
Методов черной и серой раскрутки существует довольно много, опишу лишь некоторые, довольно известные.
✓ Рассылка спама. Наверняка к вам на почту приходят ненужные письма, которые призывают вас посетить тот или иной сайт. Это страшно раздражает. А иногда приходят письма с предложением за невысокую цену разослать письма с ссылками на ваш сайт по тысячам адресов, убеждая в том, что вы получите в обмен тысячи пользователей. Не верьте и не участвуйте никогда в этих схемах. Мало того, что ваши письма будут помечены как спам, так еще на такие ваши действия посыплются жалобы поисковым системам. Результат очевиден — понижение рейтинга сайта, а возможно, и бан.
✓ Невидимый шрифт. В этом случае веб-мастер делает одинаковыми цвет фона и цвет текста. Скажем, белый цвет на белом фоне, черный цвет на черном и т. п. С одной стороны — хитрость. Невидимым цветом можно набить текст, который не увидят пользователи, но хорошо считываемый программами. Например, на страничке можно написать невидимым цветом десятки ключевых слов: цветы, цветы, о цветах, цветами и т. д. А посетителю дать нормальный, интересный текст. По идее, такой трюк должен пройти — поисковики, обнаруживая, что на страничке много слов о цветах, должны моментально вывести сайт на первую позицию. А фиг! Этот трюк давно уже известен. Так что, кроме бана, такой сайт ничего не ждет. Сюда же можно отнести и написание текста очень мелким шрифтом — величиной в 1 пиксел. Иногда применяются и оба способа.
✓ Взрывное число входящих на сайт ссылок с нетематических ресурсов. Есть такие сервисы, которые предлагают за небольшие (относительно) деньги зарегистрировать ваш сайт в тысячах каталогов. Казалось бы — плюс! Тысячи входящих ссылок должны вознести сайт до небес! Опять же — ни фига. Поисковые системы расценивают резкое увеличение входящих ссылок как ссылочный спам. Так что бан обеспечен на 100 %. Лучший способ избежать санкций от поисковиков — медленное наращивание ссылочной массы с сайтов той же тематики, что и ваша.
✓ Cloacing (от англ. to cloac — маскировать, скрывать). В этом случае на стороне сервера создается с помощью программ и скриптов два варианта страницы: один для поисковых роботов, другой — для посетителей. При этом поисковикам показывается страница, оптимизированная для поисковиков, а пользователям — совсем другая страница. Согласитесь, бывает иногда — задаешь запрос Яндексу, он тебя посылает на хорошую, вроде, страницу, которая отвечает твоему запросу, а попадаешь совсем на другую, с другим содержанием. И таким содержанием может оказаться страница либо с порно, либо с вирусами. Так что использовать такой метод я очень не рекомендую.
✓ Переоптимизация — насыщение текста слишком большим числом ключевых слов, чуть ли не в каждом абзаце! Конечно же, в тексте ключевые слова и фразы просто обязаны встречаться, но некоторые веб-мастера шпигуют и приправляют свои тексты ключевиками, не зная нормы. Изжога от таких текстов, как у посетителей, так и у поисковиков, неизбежна, как неизбежен и бан. Будьте внимательны и не пересолите свое блюдо! Поскольку в первое время после переоптимизации такой сайт и может подняться на вершину хит-парада, но через какое-то время банится по всем правилам. Однако не вывелись мудрецы среди веб-мастеров, и после того, как их сайт занял этими нехорошими методами первые позиции, моментально меняют текст на нормальный. Это действие даже получило свое название: свопинг. Вроде получается все чисто, но, опять же, программисты алгоритмов поисковых систем не спят, честно отрабатывают свой паек, а потому все чаще такие сайты также летят, так сказать, «в баню».
✓ Дорвеи. Делается суперинтересная страничка с завлекательным текстом, скажем, с новыми анекдотами про звезд эстрады. Пусть посетитель проглотил наживку и клюнул на этот сайт, тогда один несложный скрипт перебрасывает этого посетителя на нужную страничку — скажем, на покупку унитазов. Сделать такой дорвей легко, еще легче он влетает в бан.
✓ Сателлиты. Делается много-много маленьких сайтов, ссылки с которых ведут на главный сайт. Иногда это бывает очень даже полезным. Тут и бесплатные ссылки на свой основной сайт, да и какие-то мелкие сайты могут сами раскрутиться. Скажем, есть сайт, продающий материалы для изготовления столярных изделий. На нем имеется полный перечень продаваемых товаров. Плюс делаются сайтики отдельно под гвоздики, отдельно под шурупы, под гвоздодеры и т. д. Но если количество этих сателлитов превышает разумные пределы, они просто-напросто захламляют сеть и предводительствуемые своим наиглавнейшим сайтом вместе летят париться в тот же бан.
✓ Злоупотребление тегами. Известно, что чем главнее тег, тем выше он позиционируется со стороны поисковых систем. Однако на странице должен быть лишь один заголовок, заключенный в тег
. Следующие заголовки должны быть низшего уровня: , и т. д. Если все заголовки на страничке будут обозначаться только , то это тоже будет считаться поисковиками неправильным действием.
и т. д. Если все заголовки на страничке будут обозначаться только , то это тоже будет считаться поисковиками неправильным действием.
✓ Плагиат. В Интернете есть любой материал на какую угодно тему. И иногда возникает соблазн — просто спереть чужой текст и быстренько таким способом заполнить свой новый сайт. И, вроде, сайт получился сразу солидным, и делов-то — скопировал на чужом, вставил на своем. Красота! Я уж тут не буду вдаваться в объяснение недопустимости нарушения авторских прав. Однако хочу предостеречь любителей халявы: во-первых, автор текстов может заявить о своих попранных правах, а это может кончиться весьма плачевно для кошелька горе-веб-мастера. А во-вторых, поисковики отлично научились отличать первоисточник от плагиата. В результате ваш сайт будет отодвинут на последние страницы поисковой выдачи, а то и вообще вылететь оттуда.
В общем, избегайте этих методов, делайте хорошие сайты с удобной навигацией, с уникальным текстом. Постепенно приобретайте ссылки с других тематических сайтов с хорошей репутацией. Развивайте свой сайт, и рано или поздно он займет достойное место в сети Интернет.
А не «прикрутить» ли форум?
У вас есть сайт, он достаточно посещаем, у него появились уже свои поклонники и почитатели. Хорошо бы тогда завести на сайте и форум, где посетители могли бы обмениваться своими мнениями, стать завсегдатаями вашего сайта. Поверьте, именно на форумах я познакомилась со многими интересными людьми, с которыми дружу уже много лет.
Однако самому создать форум — дело хлопотное и требующее немалых знаний программирования, для новичков это задача непосильная.
Ну и что же делать? Да на самом деле все очень просто! Можно воспользоваться бесплатным сервисом, предоставляющим форумы всем желающим. Стоит там только зарегистрироваться, придумать название форума, и на их стороне будет создан полнофункциональный форум со многими возможностями. А от вас потребуется на своем сайте добавить в меню пункт, который будет вести на этот форум. Так, к своему сайту http://www.pensionerka.ru я «прикрутила» форум http://pensionerka.myqip.ru/ (рис. П1.32).
Половина Интернета пользуется такими форумами и чувствует себя при этом очень даже неплохо. Эти форумы направо и налево раздает сервис бесплатных форумов http://borda.qip.ru/ (рис. П1.33).
Здесь все очень подробно расписано: как изменить дизайн, как создать темы форума и многое другое.
Преимущества очевидны — вся поддержка идет на стороне этого сервиса, а остальное в ваших руках. Создавайте там новые темы, следите за порядком и, главное, будьте там как дома!
Рис. П1.32. Форум http://pensionerka.myqip.ru
Рис. П1.33. Borda.QIP.ru — это бесплатный сервис для создания форума или гостевой книги