пятница, 2 сентября 2011 г.

И снова СЕО-вёрстка

Наш движок поддерживает уже огромное количество наворотов для сеошников: ЧПУ, кейвёрдсы и дескрипшны для статей, товаров и категорий - вчерашний век. Мы умеем собирать keywords, descriptions, title и блоки сео-текста по специальным правилам с учётом иерархии материала на сайте, т.е. брать фрагменты из одного уровня, добавлять к ним из другого, при этом их менять и много чего вкусного. Наши сео-партнёры от этого в экстазе, однако при всём многообразии возможностей никто не отменяет базовые принципы сео-вёрстки, которая, как оказалось, может добавить солидную ложку дёгтя в вагон мёда.

Итак, SEO вёрстка – это вёрстка HTML, которая повышает релевантность контента сайта за счёт различных приёмов самой вёрстки (контент - основной информационный текст страницы). Собственно вёрстка относится к этапу разработки дизайна, а не к оптимизации контента под поисковые запросы, а потому имеет большее отношение к разработчикам, чем к сеошникам, и значит нам её, как специалистам в сайтостроении, надо знать.

Теперь собственно про эти приёмы:

1. Вёрстка должна быть максимально приближена к валидному HTML/XHTML, W3C валидатор вам в помощь (иначе потом не удивляйтесь, почему гугл не увидел ваш текст ссылки внутри дикой комбинации тегов).
2. Правильное расположение тегов:
  • должен! присутствовать тег <h1> на странице и он может быть только один;
  • желательно присутствие нескольких тегов <h2> (а иногда и <h3>), разделяющих основные логические фрагменты контента;
  • теги заголовков не должны содержать в себе никакие другие теги. Для различных преобразований здесь лучше применять css;
  • это уже скорее к оптимизаторам, но всё же вёрстка - не забывайте использовать теги <strong> и <em> (жирный и курсив), выделяйте только самые важные моменты, вовсе не обязательно ключевые слова, и главное - не переусердствуйте, иначе эффект от них будет маленьким, а визуальное восприятие настоящими читателями - ухудшится.
3. Основной контент страницы должен быть максимально приближен к открывающему тегу <body>. Для этого:
  • старайтесь, что бы все скрипты располагались либо в теге <head>, либо в конце страницы, но точно не вначале после тега <body>;
  • по максимуму используйте блочную вёрстку и приёмы с визуальной перестановкой блоков, отличной от их следования в теле HTML-страницы;
  • информационные блоки (новости, опросы, полезные советы) внутри html-кода страницы должны идти после основного контента;
  • старайтесь не увеличивать глубину вложенности тегов понапрасну, замечено снижение релевантности текста на глубоких уровнях.
3. Всегда располагайте css в отдельном файле. Это уменьшит вес основной страницы, а значит увеличится скорость её загрузки как посетителем, так и поисковым роботом, что положительно скажется на удобстве пользования сайтом и на скорости индексации самого сайта поисковиком.
4. Наплюйте на теги <noindex> и rel="nofollow", они скорее не работают, чем работают. Лучше делайте правильную HTML структуру сайта.

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