FAQ

fatalist — Sat, 11 Sep 2010 07:42:39 +0000

fatalist: Отличия HTML от XHTML

Отличия HTML от XHTML

FAQ

SergeS — Wed, 27 Oct 2004 15:40:47 +0000

SergeS: Обзор редакторов

Здесь - Тест редакторов

FAQ

Trustmaster — Sat, 11 Sep 2004 08:24:06 +0000

Trustmaster: Мета-тэги и ключевые слова

Работаем с поисковиками правильно.

Автор: Trustmaster
Язык: HTML

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

1. Обзор мета-тэгов в HTML4/XHTML.

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

1.1 Описание страницы.

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

1.2 Ключевые слова.

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

1.3 Динамический статус.

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

1.4 Подпись и авторские права.

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

1.5 Специализация.

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

1.6 Управление ботами.

Задает поведение робота на данной странице. Инструкции перечисляются через запятую. Вот список инструкций:Значение по умолчанию - all.

1.7 Язык.

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

1.8 Тип содержимого и кодировка.

charset=windows-1251" />

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

1.9 Обновление и редирект.

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

1.10 Отключение кэширования.

Отключает кэширование документа броузером в HTTP/1.0. Следует применять этот тэг в динамических страницах: форумах, гостевых книгах и т.п.

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

2. Подбор ключевых слов.

Теперь немного о том, как следует правильно подбирать ключевые слова и подгатавливать страницу к индексации. Начнем со второго.

В первую очередь поисковик смотрит на заголовок () страницы. Убедитесь в том, что он несет нужную информацию или хотя бы неплохо выглядит. Затем большое внимание уделяется тэгам <h1>, <h2>, <h3> и т.д. по мере убывания значимости. Поэтому не стесняйтесь обрамлять заголовки этими тэгами. Не забывайте указывать аттрибут alt у тэгов , ведь поисковик "видит" картинки только по их описанию.<br> <br> Не стоит злоупотреблять повтором ключевых слов на странице. На некоторых сайтах мы видим нечто подобное:<br> <div class='tag-code'><span class='pre_code'></span><div class='code code_collapsed ' title='Подсветка синтаксиса доступна зарегистрированным участникам Форума.' style=''><div><div><ol type="1"><div class="code_line"><h1>Покупайте наших слонов</h1></div><div class="code_line"><h2>Покупайте наших слонов</h2></div><div class="code_line"><h3>Покупайте наших слонов</h3></div><div class="code_line"><h4>Покупайте наших слонов</h4></div><div class="code_line"><h5>Покупайте наших слонов</h5></div></ol></div></div></div></div><br> Некоторые повторяют ключевые слова "невидимыми" шрифтами (в цвет фона). Имейте ввиду, эти трюки воспринимаются поисковыми системами (и их администрацией) как СПАМ, и способствуют попаданию сайтов в черные списки (списки сайтов, поиск по которым не производится).<br> <br> Теперь о содержимом мета-тэгов. Описание должно не только ясно выражать содержание сайта, но звучать привлекательно. Это как бы ваша первая витрина. Подбирая ключевые слова нужно держать в голове 2 вещи: 1) они должны относиться к вашему сайту; 2) это именно те слова, которые пользователь вводит в строке поиска. Кстати, описание не должно дублироваться в ключевых словах - некоторые поисковики также принимают это за СПАМ.<br> <br> Напоследок нужно привести небольшой пример. Пусть наша фирма занимается экипировкой и продажей боевых бегемотов. На сайте можно получить необходимую информацию о фирме, а также заказать снаряжение для своего бегемота или же купить готовую боевую единицу. Вот небольшой отрывок блока <head> документа:<br> <div class='tag-code'><span class='pre_code'></span><div class='code code_collapsed ' title='Подсветка синтаксиса доступна зарегистрированным участникам Форума.' style=''><div><div><ol type="1"><div class="code_line"><title>Armed Hippos Inc. - Боевые Бегемоты</title></div><div class="code_line"><meta name="Description" content="Armed Hippos Inc. - обучение, экипировка и продажа боевых бегемотов OnLine." /></div><div class="code_line"><meta name="Keywords" content="бегемот боевой вооружение экипировка продажа магазин каталог</div><div class="code_line">обучение консультация доставка броня пулеметы пушки ракетницы боеприпасы аксессуары информация</div><div class="code_line">hippo armed battle weapons sell store shop catalog education consulting delivery armors machine</div><div class="code_line">guns canons rocket launchers bullets ammo ammunition information" /></div></ol></div></div></div></div> </article> <article> <h1>FAQ</h1> <p>Mastilior — Mon, 19 Jul 2004 16:17:47 +0000</p> Mastilior: <span class="tag-color tag-color-named" data-value="gray" style="color: gray">Если вы хотите чтолибо доавить или вам чтолибо не нравится - пишите <a class='tag-url' href='http://forum.sources.ru/index.php?showtopic=68017' target='_blank'>сюда</a></span><br> <br> <span class="tag-color tag-color-named" data-value="green" style="color: green"><span class='tag-size' data-value='13' style='font-size:13pt;'>Как изменить цвет полосы прокрутки?</span></span><br> <span class="tag-color tag-color-named" data-value="blue" style="color: blue"><strong class='tag-b'>Автор:</strong> <a class='tag-url' href='http://forum.sources.ru/index.php?showuser=9113' target='_blank'>Mastilior</a><br> <strong class='tag-b'>Язык:</strong>CSS</span><br> <strong class='tag-b'>Совместимость:</strong> >= MSIE 5.5<br> <br> Для изменения внешнего вида полосы прокрутки в броузерах Microsoft Internet Explorer версии 5.5 и выше используются следующие свойства CSS (Cascading Style Sheets):<br> <br> <strong class='tag-b'>scrollbar-base-color</strong> - задает базовый цвет. В том случае, если не определены другие свойства, остальные цвета полосы прокрутки, при помощи которых достигается рельефность бегунков и кнопок, генерируются на основе базового цвета.<br> <br> <strong class='tag-b'>scrollbar-face-color</strong> - задает цвет бегунка и кнопок прокрутки.<br> <br> <strong class='tag-b'>scrollbar-track-color</strong> - задает фон полосы прокрутки.<br> <br> <strong class='tag-b'>scrollbar-arrow-color</strong> - задает цвет курсора, находящегося на полосе прокрутки.<br> <br> <strong class='tag-b'>scrollbar-shadow-color</strong>, <strong class='tag-b'>scrollbar-darkshadow-color</strong>, <strong class='tag-b'>scrollbar-highlight-color</strong>, <strong class='tag-b'>scrollbar-3dlight-color</strong> - см. иллюстрацию.<br> <br> <br> <br> <span class='tag-size' data-value='10' style='font-size:10pt;'><span class="tag-color tag-color-named" data-value="purple" style="color: purple"><strong class='tag-b'>Пример:</strong></span></span><br> <br> <div class='tag-code'><span class='pre_code'></span><div class='code code_collapsed ' title='Подсветка синтаксиса доступна зарегистрированным участникам Форума.' style=''><div><div><ol type="1"><div class="code_line"> </div><div class="code_line"><style type="text/css"></div><div class="code_line">BODY</div><div class="code_line"> {</div><div class="code_line"> scrollbar-face-color: #AFC6DB;</div><div class="code_line"> scrollbar-shadow-color: #000000;</div><div class="code_line"> scrollbar-highlight-color: #DEE7EF;</div><div class="code_line"> scrollbar-3dlight-color: #FFFFFF;</div><div class="code_line"> scrollbar-darkshadow-color: #AFC6DB;</div><div class="code_line"> scrollbar-track-color: #F5F5F5;</div><div class="code_line"> scrollbar-arrow-color: #DEE7EF;</div><div class="code_line"> }</div><div class="code_line"></style></div></ol></div></div></div></div><br> <br> <br> <span class='tag-size' data-value='10' style='font-size:10pt;'><span class="tag-color tag-color-named" data-value="purple" style="color: purple"><strong class='tag-b'>Иллюстрации:</strong></span></span><br> <br> </article> </main></body></html>

Форум на Исходниках.RU

FAQ

FAQ

FAQ