Главная страница | Архив блога | Обратная связь

Пошаговая инструкция по оптимизации html-кода

[ Веб-мастеринг ]воскресенье, 1 октября 2006 в 19:23

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

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

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

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

Как только ревалентный текст будет готов – пора приступать к оптимизации html-кода веб-страницы. Прежде всего, необходимо дополнить открытые тэги закрывающими (к примеру, если есть <p>, то за ним после текста всегда должен следовать </p>), а также проверить все ссылки на работоспособность. Не лишним будет брать значение параметров тэгов в кавычки (например, <img src=”file.gif” alt=”картинка” width=”10” height=”10” border=”0”>).

Кроме того, необходимо постараться так сверстать страницу, чтобы текст находился как можно ближе к началу кода, а прочие элементы располагались после. Также советую избавить html-код от всякого рода мусора (например, тэгов с комментариями <!–коммент–>) и от лишних вложенных друг в друга таблиц – поисковые роботы любят когда много текста, а не горы ненужной им разметки.

Элементы форматирования и оформления текста лучше всего будет вынести в отдельный файл с css-таблицей, чтобы сократить захламлённость кода страницы до минимума. Также следует убрать (особенно из начала html-кода) разнообразные javascripts – опять же, если их использование принципиально важно, то вынесите в отдельный js-файл.

Ну и, наконец, не нужно забивать веб-страницу огромным количеством никому не нужных счётчиков! Порой их количество на некоторых сайтах доходит до смехотворного! Оставьте пару штук самых необходимых – рекомендую рейтинг liveinternet.ru, ну и не грех повесить денежку от Яндекс.Каталога. Таким образом в вашем распоряжении будет абсолютно вся необходимая статистика и никакого хлама на веб-странице.

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

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

Вторым по важности является тэг заголовка в тексте <h1></h1>. Опять же в заголовке вашей статьи постарайтесь употребить фразу, схожую с фразой в тэге <title> и также содержащую ключевые слова. Помимо этого не лишним будет использование далее по тексту подзаголовков <h2></h2>, также содержащих осмысленные предложения с ключевыми словами.

Чтобы размеры заголовков в тексте не были слишком громоздкими в css-таблице можно их сделать более эстетичными, уменьшить шрифт до более приемлемого ну и т.д. Главное не особо усердствуйте их использованием в тексте: один заголовок <h1> и пара штук <h2> – не более. А то эффекта не будет вообще…

Далее… Ключевые слова, словоформы и словосочетания в тексте следует заключать в тэги смыслового выделения <strong></strong> – жирный и <em></em> – наклонный. Они для большинства поисковых роботов играют несколько большее значение, нежели аналоги <b></b> и <i></i>.

Рейтинг значимости тэгов выделения выглядит следующим образом:
1) <strong>
2) <b>
3) <em>
4) <i>
Т.е. тэг <b> всё-таки важнее, нежели тэг <em>. Но тэг <em> весомее тэга <i>.

Ну и, наконец, используйте тэги списков в html-коде, заключая в них по-возможности предложения с ключевыми словами. Если вам необходимо на чём-то заострить внимание, перечислить какие-либо параметры, то на помощь придут нумерованный (<ol></ol>) и ненумерованный (<ul></ul>) списки. Да и не забывайте в строках списков к открывающему <li> добавлять </li>.

Чуть не забыл упомянуть о meta-тэгах… С этим делом, как и со счётчиками, просто смешная ситуация – многие пытаются запихнуть их столько, что кода становится больше, чем текста веб-страницы! Лично я рекомендую обязательно использовать только meta-тэг указания кодировки и description.

Что указывать в кодировке – понятно (windows-1251, koi8-r, utf-8 и т.д.). В дескрипшине постарайтесь составить внятное и осмысленное описание того, о чём идёт речь на веб-странице (можно даже с минимумом ключевых слов). Это должно быть своего рода рекламное объявление, прочитав которое, пользователь захочет зайти на ваш сайт. Помните, что description используется как сниппет (описание сайта при выдаче результатов поиска) в некоторых поисковых системах.

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

RSS Понравилась статья? Подпишись на обновления блога!

Поделись своим мнением! 

Правила комментирования

Внимание! Отправляя свой комментарий, Вы автоматически принимаете правила комментирования, действующие на Блоге Александра Гнеушева!

  1. Первый комментарий всегда проходит премодерацию.

  2. В поле "URL блога" можно указывать только ссылку на главную страницу Вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.

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

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

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

С уважением,
Александр Гнеушев.


RSS

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

Комментировать:


Наращивание ресниц: курсы.