SEO верстка. А ваш шаблон дружит с поисковиками?

24.10.2011

SEO верстка

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

Основные моменты SEO верстки

Для начала — посмотрим картинку, а по ней уже будем разбираться, что к чему:

При одинаковом количестве контента (про качество я говорить не буду, это аксиома уже, на мой взгляд) какой шаблон будет лучше как для пользователя, так и для ПС? Конечно тот, у которого меньше «отвлекающих» блоков.

  • пользователь легко находит нужную информацию, не отвлекаясь на поиск. Высока вероятность, что он перейдет почитать дальше, а может и друзьям будет рекомендовать. Не забываем про поведенческие факторы.
  • ПС не перелопачивает тонну кода, из которого состоят «ненужные» блоки, в поисках, собственно, контента для индексации. Безусловно, можно закрыть от индексации лишние блоки, как это сделал Сергей Сосновский у себя на блоге, используя Ajax. Но не забываем про первый пункт, про пользователей.

Идем дальше, непосредственно в код и оформление текста. Есть несколько видов тегов заголовков, от Н1 до Н6, по нарастанию важности для ПС.

  • H1 — на странице должен встречаться только один раз. Это надо запомнить как дважды два. Этот тег имеет наибольший вес для ПС, поэтому при наличии нескольких тегов на одной странице — ПС с высокой вероятностью не поймут, что делать. И сделать могут все, что угодно, вплоть до присвоения странице статуса переспамленной, с соответствующими последствиями. Обычно, этот тег применяют на главной странице в названии блога/сайта и на внутренних в названии статьи. Впрочем, смотря какие у кого цели.
  •  H2 — второй по важности тег заголовка. Жестких лимитов нет, но я тоже стараюсь использовать пореже, в основном для заголовков внутри статьи
  • Н3 — этот тег я применяю для заголовков статей на главной и в подзаголовках на внутренних страницах. Жестких лимитов нет.
  • Н4-Н6 — применяю очень редко, нет необходимости. Лимитов использования, опять же, нет.

С заголовками разобрались, теперь что касается оформления текста. Это не относится к верстке, но тем не менее:

Тут тоже очевидно, какой текст читать удобнее. Сплошная «простыня» текста воспринимается хуже, чем структурированный текст. Основные моменты оформления текста:

  • четкое разделение текста на разделы по смыслу, с использованием тегов заголовков
  • оформление списков соответствующими тегами
  • выделение ключевых слов, чтобы глазу было за что «зацепиться»

Увеличение семантики SEO верстки

Я уже писал об увеличении семантики в статьях Структурные теги HTML5 и Оптимизация CSS. Повторяться не буду, скажу одно — валидный код шаблона гораздо лучше невалидного. Он лучше индексируется, быстрее загружается и вообще делает все хорошо

Каждая страница должна содержать обязательные элементы:

  • html с указанием стандарта, на основе которого страница написана.
  • head, где подключаются файлы стилей, указывается кодировка и прочие служебные вещи.
  • body, собственно основной код страницы
  • footer, именно тут надо подключать библиотеки JavaScript и использовать скрипты. Для ускорения загрузки — самое первое дело. Этот тег из спецификации HTML5, поэтому пока не совсем валидный. Как вариант- подключать скрипты перед закрывающим тегом body

Проверить валидность вашего сайта можно тут, официальный валидатор от W3C

Некоторые приемы для быстрой индексации

  • Карта сайта. Не только в виде XML, но и страницей в меню. Можно сделать с помощью двух плагинов —  Google (XML) Sitemaps Generator for WordPress и DS Blog Map
  • Перелинковка. Плагины YARPP и Related Posts Slider вне конкуренции. Или вариант без плагинов
  • «Хлебные крошки» — Breadcrumb NavXT опять же вне конкуренции.
  • Убрать «ненужные» блоки или минимизировать их количество.
  • Оптимизировать код страницы и таблицы стилей.
  • Проверить код на валидность и работоспособность.

Напоследок — инфографика на тему статьи. Осторожно, большой размер

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

Вот такой небольшой пост-размышление получился. Если есть что добавить, опровергнуть или покритиковать — милости прошу,комментируйте.
Удачного всем дня

,

Комментариев: 18

  1. роман

    мне кажется постоянно меняющиеся алгоритмы… не один сайт с ним ну будет дружить ))) даже яндекс сам с собой не будет )))

    Ответить
    • Виктор Милашечкин

      Оно так, но все же основные, классические моменты надо бы не забывать. 
      Типа валидности, заголовков и прочего. Они на то и веб-стандарты, чтобы их учитывали все. 

      Ответить
  2. maxim

    Однозначно проблема в шаблоне…ищу по форумам кто может  подсказать. Сам пока грешу на заголовки h1 h2 и т.п. Валидатор выдал 167 ошибок…ужас

    Ответить
  3. Maxim

    Сменил дизайн на своем сайте, после индексации яндекса все запросы слетели в 4раза…однозначно проблема 

    Ответить
  4. Lil Epic

    Единственное, что я знал до этого поста — про заголовки.
    Всё равно не очень мне понятно на сколько оптимизирован мой шаблон для ПС.

    Ответить
      • Виктор Милашечкин

        Посмотрел на скорую руку ваш сайт. Имхо, шаблон не совсем оптимизирован. Плюс по технической части, опять же, достаточно проблем. Стукайте в почту, если что, расскажу подробнее

        Ответить
  5. Александр

    Шаблон моего сайта изначально был SEO оптимизированным. Но мне не понятно, как новичку, почему сайт не индексируется в Google. В Яндексе все сделал вручную, такое же делал и в Google, а результат — 0.

    Ответить
    • Виктор Милашечкин

      Если сайт нормально индексируется Яндексом, а в Гугле его нет — значит, попал под один из фильтров Гугла. Советую проверить сайт на этот счет

      Ответить
      • Serg

        Виктор,
        >проверить сайт на этот счеткак (какой программой, сервисом) можно проверить
        сайт на попадание под фильтры Googlt, Yandex

        Ответить
        • Виктор Милашечкин

          Вопрос больше SEOшникам, но, например, АГС можно замечательно проверить количеством страниц в индексе. Гугловские фильтры проверяются так — выделяем предложение у себя в тексте, слов 5-7 и вставляем в поиск. Если страница на 1 месте — по большому счету все хорошо, если нет — скорее всего фильтр и надо копать глубже

          Ответить
  6. наталья

    Посмотрела валидность — 47 ошибок, 7 предупреждений, все расшифровано, но я все равно ничего не поняла (это ужасно? или не очень)

    Плагины для карты сайта и перелинковки очень кстати, давно хочу сделать

    Ответить
    • Виктор Милашечкин

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

      Ответить
  7. Kupena

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

    Ответить