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

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

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

Наиболее сложная часть работы по оптимизации веб-страницы – это написание человекопонятного текста, содержащего достаточное количество ключевых слов, словоформ и словосочетаний (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 используется как сниппет (описание сайта при выдаче результатов поиска) в некоторых поисковых системах.

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

Запись опубликована в рубрике Веб-мастеринг. Добавьте в закладки постоянную ссылку.

Добавить комментарий