Бабосик Вебмастера

SEO вёрстка и оптимизация шаблона сайта для начинающих

Сегодня поговорим о SEO вёрстке и оптимизации шаблона. Для начала рассмотрим теги «H», а именно h1, h2, h3 и т. д. — это теги, которые обычно используются для вывода заголовков.

SEO вёрстка

Для тех пользователей, которые слабо разбираются в сайтостроении и для каковых теги h1 - h6 , strong и прочее ни о чём не говорят советую прочитать руководство по HTML, в противном случае неопытный пользователь не многое поймёт в этом уроке.

Теги h1, h2, h3, h4, h5, h6 на сайте

Первое чтобы я выделил — это то, что эти теги должны присутствовать только в контенте, то есть совершенно не допустимо использовать их, например в сайдбаре, футере или ещё где-либо. Многие шаблоны делаются далёкими от SEO оптимизации и такие люди могут выводить заголовки в виджетах, сайдбарах в виде тегов «h» , а также могут выводить текст в футере через данные теги, это не есть хорошо с точки зрения SEO, для поисковых систем эти теги имеют очень большое значение поэтому использовать их нужно с умом и применять только в той, части сайта, которую продвигаете, то есть в статьях.

Данные теги изначально были придуманы для вывода текста статей и когда робот заходит на сайт, то по ним он понимает где та часть страницы которая является статьёй и если эти теги будут встречаться в footer, sidebar, header и т. д. то вы, говоря простым языком запутаете робота. Содержимое этих тегов имеет большое значение в глазах поисковиков, поэтому если через «h» вы будете выводить слова наподобие «рубрики», «комментарии», «поиск» притом что статья, например об инвестициях, то вы тем самым снижаете релевантность страницы, поскольку эти слова ни как не вяжутся с темой «инвестиции».

В общем что я хочу сказать? Если у вас в сайдбаре, футере и прочем используются теги «h», то замените его, просто используйте css класс, который будет иметь те же свойства как h1 - h6 и выводите этот тег через div или если например в боковом меню информация выводится списком, то можно ипользовать первый элемент списка в качестве заголовка.
В результате этот текст для посетителя будет выглядеть как желаемый «h», но поисковые системы расценят его в виде простого текста.

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

То есть в коде статьи они должны выглядеть:

  • Правильно: <h1>заголовок</h1>;
  • Неправильно: <h1 class='...'>заголовок</h1>.

Помимо прочего их нельзя ещё обрамлять такими тегами, как strongb то есть делать их жирными. Если уж необходимо сделать заголовок жирным, то опять же делаем это через CSS.
Большая часть значимости текста заключается в тегах h, так что если вы сделаете их жирными, то поисковики расценят их как спам!
Тег h1 должен встречаться на странице только один раз, то есть в заголовке статьи, все подзаголовки выводятся в h2h3h4 и т. д.

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

Ну и последнее о тегах h. Они должны пропорционально уменьшаться в статье, от большего к меньшему.

Далее рассмотрим дополнительные рекомендации по оптимизации шаблона:

Ссылка сама на себя

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

Хлебные крошки — это путь к конкретной странице сайта.

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

  • хорошо: главная -> рубрика;
  • плохо: главная -> рубрика -> название статьи.

Таким образом вы убьёте двух зайцев.

  1. Избавитесь от ссылки на страницу которая просматривается.
  2. Текст не будет переспамленым.

Дубли в шаблоне сайта

С одной страницы вашего сайта должна идти только одна ссылка на другую страницу этого сайта. Имеется в виду, что не должен быть переход со страницы «А» две ссылки на страницу «Б». С одной страницы может идти сколько угодно ссылок, но на разные страницы сайта, это и есть хорошая перелинковка. И ещё нельзя делать текст ссылкой заключённый в теги h1, strong, b.

Ссылка на HTML карту

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

Java скрипты в отдельный файл

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

Повторяющиеся отрывки текста

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

  • копирайты;
  • условия содержимого сайта;
  • сайты самоубийцы с ключевыми словами.

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

Робот не индексирует отдельно статью вашей страницы, отдельно футер и сайдбар, он индексирует весь текст на странице, включая footer и sidebar.

Если вы разместите огромный текст в подвале сайта то тем самым снизите релевантность страницы, поскольку информация с запретом копирования никак не относится к основной статье.

Проверим повторяющиеся нетематические куски текста, заодно покажу как Гугл понимает ваш сайт. В Google Вебмастер во вкладке «индекс Google» перейдите по ссылке «ключевые слова в содержании».

Здесь вы и увидите как Гугл распознаёт тематику вашего сайта, первая десятка слов самая важная и нужно чтоб она соответствовала тематике вашего сайта.

Ключевые слова в содержании

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

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

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

Закрытие внешних ссылок

Абсолютно все внешние ссылки нужно закрывать от индексации. Не нужно ставить открытые ссылки на сторонние ресурсы, будь то социальные сети или поисковые системы. Закрываем всё без исключения как минимум через rel='nofollow'. Это нужно для того чтоб сайту на который вы ссылаетесь не передавала частичку веса, а это нам ни к чему, вес передавать нужно на те страницы, которые мы же и продвигаем!

+0
Добавочные статьи из категории «Оптимизация»
Комментарии
  1. Darina

    Darina 2016-02-13, 15:34 (0)

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

    Ответить Цитировать    

Присоединяйся к обсуждению...
2 умножить на 2 =