7 CSS трюков для поисковой оптимизации сайта

В основном, все те методы, что перечислены ниже, будут в большей степени относиться к ПС Google. Дело в том, что материал основан на статье из западного блога SEO 2.0. Перевод делал не я, внизу поста указан адрес страницы откудо взят материал. Уж очень мне понравилась статья.

Блоггер предлагает 7 CSS трюков, для улучшения оптимизации сайта под поисковые системы. Совсем несложные действия над CSS кодом сайта (кому как), благодаря которым, можно сделать его более удобным для поисковых систем, при этом не испортив внешний вид, это уже для пользователя.

Постраничная разбивка на CSS

Громоздкие статьи. У большинства пользователей не хватает терпения, а зачастую и нету времени, чтобы прочитать крупную статью до конца. Поэтому, обычно разбивают такие статьи на отдельные части (грамотный маркетинговый ход). С другой стороны, одна большая статья, размещенная на одной странице, будет иметь более высокий рейтинг в результатах выдачи. Как быть? Решение – постраничная разбивка на CSS.

Абсолютное позиционирование текста для SEO

Чем выше относительно страницы сайта находится контент, тем выше его оценят поисковые системы. Для ПС страница сайта – это всего лишь код. А сайт может содержать в себе множество меню, сторонних скриптов и т.д. Выход есть – абсолютное позиционирование в CSS. Есть возможность поместить контент страницы в верхней части сайта, в то время как на странице пользователь будет его видеть в середине.

Заголовки h1 – h6

Я уже писал о правильном использовании заголовков для SEO. Смысл не в том, чтобы придать тексту соответствующий вид, смысл в самом коде. Да, можно оформить текст с помощью элементарных действий в CSS. Нужно проставить теги h1 – h6 для заголовков страниц. Кроме того, можно задать свой размер тегам. Ведь, по умолчанию, они выглядят очень большими.

Замена заголовков изображениями и технология sIfr при поисковой оптимизации

Относительно веб-дизайна, возможностей оформления заголовков через CSS очень мало. Но и эта проблема решаема. Многие стали использовать изображения, заменяя ими заголовки. Основана такая техника на стрытом тексте. Исходные заголовки попросту прячутся от глаз, заменяясь изображением. Для этого дела есть технология sIfr. Эта техника использует Flash для отображения заголовка в любом стиле, при этом в коде <h> теги распознаются корректно.

SEO c помощью списков (ul/ol)

Поисковая система Google наказывает за частое упоминание ключевого слова на странице. Иногда это заканчивается баном. Однако, во многих случаях приходится употреблять одно слово много раз. Решение – следует использовать упорядоченные или неупорядоченные списки в CSS. Поисковая система позволяет повторение ключевиков в списках и не наказывает за это.

Параметр Nofollow

С помощью параметра nofollow, можно управлять PR’ом страницы. Ведь, данный параметр не припятствует роботам поисковой системы. Мы можем поднимать параметром nofollow PR важных для нас страниц, отсеивая например страницу контактов. Зачем она вам нужна? Сам Matt Cutts (разработчик из Google) советует использовать таким образом данный параметр. Google считает страницу с наибольшим количеством внутренних ссылок главной. То есть, нам всего лишь нужно указать поисковой системе на ее ошибку, используя атрибут nofollow.

Результат данного трюка претерпел изменения. После нововведения Google, с помощью nofollow теперь можно только отнять PR у страницы. Добавлено: Sergey

Меню с помощью CSS

Сегодня, возможности CSS нам позволяют создавать динамическое меню, без использования Javascript. Большая часть таких меню выглядет очень даже сампатишно . А ведь это является еще одним плюсом для поисковых систем.

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

Удачи!

Исходная статья-перевод

Постовые:
Футбол России – блог о великом и беспощадном русском футболе.
иранские ковры ручной работы – Бутик ковров ПАЗИРИК.

Дата: 30.08.2009 | Раздел: SEO | Комментарии (10)

System of a Down 31.08.2009 16:51

>> Абсолютное позиционирование текста для SEO

ишак експлорер бывает плохо реагирует на такое.

PS: dusty, смайлы не работают
Ответить
Dusty 31.08.2009 18:03

Да, ты прав. Но это еще смотря какая версия. В 6-ом не только проблемы с позиционированием .

Смайлы. Тут работы на минут 20, все никак руки не дойдут.
Ответить
System of a Down 31.08.2009 18:05

Dusty, так ведь с шестым больше 50% сидят, или я не прав?

этот способ считаю не целесообразным

>> все никак руки не дойдут

ыы
Ответить
Dusty 31.08.2009 18:57

Dusty, так ведь с шестым больше 50% сидят, или я не прав?

System of a Down, самим IE пользуются более 50%, а не шестым. Шестой, постепенно сдает обороты.

этот способ считаю не целесообразным

Когда сайт содержит множество меню и/или скриптов, обычно явовских, то тут уже выбирать не приходится.
Ответить
Sergey 31.08.2009 19:48

Nofollow больше не управляет PR’ом. Это нововведение Гугла. Сейчас nofollow может только отнять PR у страницы, но никак не перераспределить. Можно поискать статейки – недавно это все активно обсуждалось в блогосфере.
Ответить
Dusty 31.08.2009 20:17

Nofollow больше не управляет PR’ом. Это нововведение Гугла. Сейчас nofollow может только отнять PR у страницы, но никак не перераспределить. Можно поискать статейки – недавно это все активно обсуждалось в блогосфере.

Да, вы правы. Статья преведенная выше – ей довольно много времени. Действия списков ul/ol тоже обсуждалось, и того влияния как раньше, скорее всего, уже не имеет.

Однако остальные методы – работали и работают.
Ответить
SEO journalist 02.09.2009 00:43

А как страницы-то на css разбивать? Пагинация – это ведь немного другое, нет?
Ответить
Render 02.09.2009 03:17

хорошая новость! нужно запомнить
Ответить
Николай 02.09.2009 08:54

Какая разница CSS или ЯваСкрипт, было бы удобно и читадельно для пользователей.
Ответить