В этой статье мы рассмотрим простые техники и приемы на основе CSS, которые помогут вам сделать ваш сайт более привлекательным для поисковиков, без ущерба для посетителей.
Некоторые из этих методов оптимизации могут показаться вам очевидными и слишком простыми. Но необходимо помнить, что лекарство необязательно должно быть горьким, а эффективное решение — сложным. В любом случае, материалы этой статьи могут оказаться полезными хотя бы с позиции перепроверки знаний :)
Разбиение на страницы средствами CSS
Зачастую, для удобства посетителей, приходиться разбивать большую на статью на несколько мелких страниц. Но такой подход не очень нравиться поисковым системам, поскольку они будут испытывать сложности с ранжированием такого набора страниц, а значит, есть вероятность того, что, например, огромная статья, размещенная на вашем блоге, не даст 100% того поискового потенциала, который она могла бы принести.
Но, с другой стороны, посетителей пугают многокилометровые статьи, поэтому выкладывать большой пост целиком — не вариант.
Элегантным и красивым решением в этом случае может выступить разбиение на страницы через CSS. Ничего сложного в этом нет, все уже придумано за вас. Берите и пользуйтесь.
Абсолютное позиционирование
Чем выше находиться основной контент страницы, тем это лучше с точки зрения поисковиков. Но учитывайте, что они просматривают код сайта в том виде, в котором он записан, не делая никакого анализа того, как он будет отображаться в браузере. Поэтому если ваш основной контент будет погребен под массой всевозможных менюшек и сайдбаров, робот поисковой машины может даже не добраться до него!
Использование абсолютного позиционирования позволит вам расположить основной контент страницы в самом верху кода, в то время как пользователь будет видеть его в середине страницы.
Стилизация заголовков
По-умолчанию заголовки H1, H2 и т.д. отображаются достаточно огромными для того, чтобы дизайнеры использовали вместо них разного рода div'ы и span'ы. Каждому оптимизатору известно, что это грубейшая ошибка с точки зрения SEO.
Использование CSS в этом случае позволит вам не только уменьшить размер заголовка, но и расположить его таким образом, что он вообще будет выглядеть как обычный текст. Это может быть полезно например, в не очень белых проектах.
Стилизация заголовков через sifr
Многие дизайнеры жалуются на то, что возможностей CSS недостаточно для стилизации заголовков сайта, поэтому им приходиться пользоваться вспомогательными инструментами. В качестве решения проблемы они используют всевозможные рендереры для заголовков, которые "на лету" подменяют данный им текст, картинкой, которую и вставляют в результирующий код. Разумеется, это создает проблемы для поисковых систем, так как разбирать изображения на предмет содержащегося в них текста, они еще не научились.
Решением этой проблемы может выступить sIFR — инструмент для рендеринга заголовков в Flash. Эта библиотека одобрена Google и проблем с точки зрения SEO создавать не будет, поскольку несмотря на рендеринг в Flash, поисковику будут доступны старые-добрые H* заголовки.
Использование списков
Большинство SEO экспертов сходятся во мнении, что повторение ключевиков по двадцать раз на странице, вместо пяти, не заставит поисковики ранжировать её выше. Напротив — Google может понизить эту страницу в результатах поиска за злоупотребление SEO техниками.
Но есть ситуации, когда повторение одних и тех же слов избежать не удается. В этом случае на помощь приходят списки UL и OL. В этих списках Google допускает повторение одних и тех же слов хоть сто раз.
Меню на CSS
Всем известно, что использование JavaScript и Flash в меню крайне нежелательно, поскольку это сильно усложнит (если не сделает невозможной) работу поисковых роботов. К счастью, давно созданы готовые и красивые способы организации меню на CSS. Примеры таких меню можно посмотреть в обзоре от www.smashingmagazine.com.
Заключение
Грамотное использование CSS в своих веб-сайтах, позволит вам не только улучшить их позиции в поисковых системах, но и сильно облегчит навигацию для пользователей. Главное соблюдать золотую середину и не злоупотреблять этими техниками.
Если если вам понравилась эта статья, вы можете подписаться на материалы моего блога через 
RSS
email
Twitter
ВКонтакте
эксперт
13 ноября 2009 г. ·
На и про тэги заголовков только на третьем году сайта вспомнил)))) Ужас. А сколько же это упущенных местов в топах!!!
*Буду потихоньку практиковаться в порезке шаблонов. А то в CSS совсем слаб!