Главная Юзабилити 6 простых CSS техник для улучшения SEO и юзабилити

PostHeaderIcon 6 простых CSS техник для улучшения SEO и юзабилити

Юзабилити
В этой статье мы рассмотрим простые техники и приемы на основе CSS, которые помогут вам сделать ваш сайт более привлекательным для поисковиков, без ущерба для посетителей.

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

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

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

Элегантным и красивым решением в этом случае может выступить разбиение на страницы через CSS. Ничего сложного в этом нет, все уже. Берите и пользуйтесь.

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

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

По-умолчанию заголовки h2, H2 и т. д. отображаются достаточно огромными для того, чтобы дизайнеры использовали вместо них разного рода div'ы и span'ы. Каждому оптимизатору известно, что это грубейшая ошибка с точки зрения SEO.

Использование CSS в этом случае позволит вам не только уменьшить размер заголовка, но и расположить его таким образом, что он вообще будет выглядеть как обычный текст. Это может быть полезно например, в не очень белых проектах.

Многие дизайнеры жалуются на то, что возможностей CSS недостаточно для стилизации заголовков сайта, поэтому им приходиться пользоваться вспомогательными инструментами. В качестве решения проблемы они используют всевозможные рендереры для заголовков, которые "на лету" подменяют данный им текст, картинкой, которую и вставляют в результирующий код. Разумеется, это создает проблемы для поисковых систем, так как разбирать изображения на предмет содержащегося в них текста, они еще не научились.

Решением этой проблемы может выступить  —  инструмент для рендеринга заголовков в Flash. Эта библиотека и проблем с точки зрения SEO создавать не будет, поскольку несмотря на рендеринг в Flash, поисковику будут доступны старые-добрые H* заголовки.

Большинство SEO экспертов сходятся во мнении, что повторение по двадцать раз на странице, вместо пяти, не заставит поисковики ранжировать её выше. Напротив —  Google может понизить эту страницу в результатах поиска за злоупотребление SEO техниками.

Но есть ситуации, когда повторение одних и тех же слов избежать не удается. В этом случае на помощь приходят списки UL и OL. В этих списках Google допускает повторение одних и тех же слов хоть сто раз.

Всем известно, что использование JavaScript и Flash в меню крайне нежелательно, поскольку это сильно усложнит (если не сделает невозможной) работу поисковых роботов. К счастью, давно созданы готовые и красивые способы организации меню на CSS. Примеры таких меню можно посмотреть в обзоре от.

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