7 лучших хитростей CSS для улучшения SEO

Для улучшения индексации ваше сайта поисковыми роботами, например Google, можно воспользоваться несколькими хитрыми приёмами, рассмотренными ниже. Эти приёмы помогут улучшить SEO вашей страницы.

1. CSS разбивка на страницы

У Google возникают серьёзные проблемы с рейтингом длинной статьи. Поэтому разработчики иногда используют скрытый от роботов текст, для лучшей индексации страницы. Но можно просто создать при помощи CSS элегантное разбиение на страницы большой статьи. К тому же пользователю не придется вечно крутить скрол, для прочтения следующей части статьи, ему просто достаточно будет нажать на кнопку «Следующая», или просто выбрать следующий номер страницы.

2. Более высокое позиционирование основного содержания в коде страницы.

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

Читайте также:  Какой хостинг выбрать для сайта

3. Стилизация заголовков при помощи H1, H2 тегов.

Для поисковых машин, заголовки заключённые в теги H1 и H2 по-прежнему важнее чем остальная часть текста. Поэтому вместо того чтобы использовать отдельные абзацы с увеличенным шрифтом, пользуйтесь этими тегами. При помощи CSS вы можете настроить нужный размер H1 и H2 заголовков.

4. Использование технологии sIFR/image (Rich Accessible Typography for the Masses-расширенная печать для массового использования) для более красивых заголовков.

Многим дизайнерам недостаточно стилей CSS для того, чтобы создавать красивые заголовки с нужным им шрифтом. Поэтому вместо стандартных шрифтов использовались картинки с нужными символами. Но такие картинки абсолютно не поддаются индексированию. Сейчас существует технология slfr, которая была одобрена Google. Эта технология позволяет использовать flash заголовки, с любым шрифтом, которые могут быть заключены в теги H* и их может запросто распознать поисковая машина.

5. Использование списков (ul/ol).

Многие SEO специалисты согласны, что сейчас плотность ключевых слов не является основным положительным фактором в рейтинге страницы в поисковых системах. Это значит, что использование ключевого слова 20 раз, а не 5 не улучшит рейтинг вашего сайта в Google. Вы даже можете поплатиться за перебор с плотностью ключевых слов. Что же делать, если вам действительно приходиться использовать одни и те же слова много раз?

Читайте также:  Применение графических элементов сайта

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

6. CSS спрайт (CSS sprite)

В настоящий момент Google официально подтвердил важность скорости работы сайта для ранжирования, поэтому разработчики стали задумываться о скорости работы сайта. Одним простым способом, который поможет увеличить скорость загрузки вашего сайта является, использование технологии CSS спрайт — объединение несколько небольших изображений в одно большое.

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

7. CSS меню.

Почему обычные меню должны быть трюком? Потому что большинство разработчиков до сих пор считают необходимым наличие на сайте сложных меню на JavaScript. Меню на CSS предполагают большее взаимодействие с пользователем и будут лучше восприниматься Google и другими поисковыми машинами.

Читайте также:  5 шагов для построения успешной архитектуры сайта

Вам может быть интересно: