Вредоносное ПО (malware) - это назойливые или опасные программы,...
Всем-всем привет!
— это работа комплексная, требующая внимания к каждой мелочи. Даже неправильное использование заголовков (теги H1, H2, H3) на страницах сайта может мешать нормальному продвижению в поисковых системах. Сегодня мы как раз об этом и поговорим.
Все, что описано в вышеперечисленных уроках, пригодиться сегодня.
Правила использования заголовков
В мире SEO существуют некие правила использования тегов H1, H2, H3 и ниже, которые желательно бы соблюдать на всех страницах:
- На странице должен быть только один единственный заголовок первого уровня (H1);
- Заголовок H1 не должен совпадать с Title страницы;
- Заголовки H2, H3, H4 должны использоваться только в внутри статьи;
- В заголовках должны использоваться только фразы, приносящие пользу, то есть, в тегах H1…H6 не должно быть бессмысленных фраз, типа: отзывы, подписаться, комментарии и т.п.;
- Соблюдайте иерархию заголовков. Заголовок второго уровня должен быть ниже H1, заголовок третьего уровня должен быть ниже первого H2. Если будет иначе, то поисковый робот, который видит только HTML-код, не правильно воспримет страницу, чего мы не хотим.
Коротко об этих правилах я уже писал в уроке, посвященному . Обязательно прочитайте, там много полезного!
Как понять правильно ли использованы заголовки?
Вы знакомы с браузером Mozilla Firefox? Наверное, да. Так вот, этот браузер, благодаря одному плагину с хорошим функционалом, предоставляет шикарные возможности для анализа страниц. Название этому плагину — RDS bar. Скачать его можно по этой ссылке , но сделать это необходимо в Firefox, поэтому, если данный браузер у Вас не установлен, быстрее скачивайте его и устанавливайте.
RDS bar можно установить и на другие браузеры, но именно в Mozilla Firefox его функционал гораздо шире.
Прежде, чем мы перейдем к анализу страниц сайта, необходимо внести небольшие настройки в плагин:
Теперь мы сможем спокойно посмотреть сколько тегов H1, H2, H3 находиться на странице, увидим лишние заголовки и будем знать, что нужно править. Увидеть все это великолепие можно, нажав на кнопку SEO-теги в RDS bar, которую только что активировали:
Как только Вы нажмете на эту кнопку, перед Вашими глазами появится небольшое сообщение:
В этом сообщении представлены , заголовок H1 и другие. Как видите, на страницах моего блога с этим все в порядке, так как исправил этот косяк неделю назад, а вот на клиентском сайте с этим все гораздо хуже.
Перечислю ошибки:
- Дублирование между заголовками H2 и H5;
- Нет заголовков третьего уровня;
- В H4 находиться мусор.
Работы предстоит много, поэтому продемонстрирую исправление ошибок на каком-нибудь одном примере. Попробую-ка изменить теги H5 на H3, чтобы соблюдалась иерархия заголовков.
Как исправить ошибки?
Для этого мне понадобятся файлы сайта (), Notepad++ и Mozilla Firefox.
- Чтобы знать, где именно находится проблемный тег и его стилевой класс, нужно воспользоваться встроенным инструментом браузера «Исследовать элемент»:Наведите курсор на определенный элемент, нажмите правой кнопкой мыши на него и выберите пункт «Исследовать элемент». В нижней части окна появится область, где можно увидеть и стилевой класс HTML-элемента и его стили CSS:
- Посмотрите стилевой класс нужного Вам элемента и скопируйте его, чтобы потом найти его в коде страницы. В моем случае класс заголовка H2 — page-box__title:Я хочу изменить уровень заголовка H5 на H3, так как в H5 перечисляются релевантные ключевые слова.
- Далее необходимо найти в папке сайта элемент с этим классом, для этого воспользуемся встроенными функциями , а именно поиском по файлам. Откройте Notepad++, в верхнем меню найдите пункт «Поиск» и в выпадающем меню выберите «Найти в файлах»:
- В поле «Найти» ввожу стилевой класс заголовка пятого уровня (page-box__title), а в поле «Папка» указываю путь до папки с сайтом:
После того, как я нажму на кнопку «Найти все», пойдет процесс поиска файла: - В нижней части рабочего окна Notepad++ будут представлены результаты поиска, среди которых есть и тот самый заголовок пятого уровня (H5) с классом «page-box__title»:
Чтобы перейти непосредственно к файлу в котором содержится данный заголовок, достаточно сделать двойной щелчок по результату поиска; - Далее я просто меняю теги на теги :Обязательно сохраняю файл;
- Смотрим результат на сайте:
Смотрится не очень. - Чтобы заголовки выглядели нормально, необходимо внести в файл со стилям (style.css) изменения. Так как, приведенные в примере заголовки заключены в тег , то скорее всего правило в style.css будет выглядеть так: .page-box__title > a (дочерний селектор). Поиск в Notepad++ нашел и это:
В стилевое правило нужно добавить свойство font-size (размер шрифта) с нужным, на Ваш взгляд, значением. В моем случае, оптимальным размером шрифта будет 14 px: - Смотрим результат:
Как видите, заголовки стали отображаться нормально.
Таким же образом работаем с другими заголовками. Как только закончите работу, не забудьте отправить изменения на сервер. Сделать это можно через FileZilla, о которой рассказывал
Тема сегодняшнего видеоурока – заголовки в диапазоне h2-h6. Что это за заголовки и для чего они нужны?
У вас страница. Сверху заголовок h1 (вы сможете посмотреть другой видеоурок, который посвящён этому заголовку), дальше кусок текста и потом идут ещё дополнительные заголовки. Это заголовки, которые дают пользователю дополнительный ответ на тот вопрос, который он задаёт. Например, если у вас главный заголовок страницы «такси», то в дополнительных заголовках вы должны написать «услуги такси», «цены такси» и т.д. Вы должны использовать то же ключевое слово.
Дополнительные заголовки влияют на продвижение вашего сайта и показывают поисковым системам то, что это та самая страница и её тоже можно показывать по этому ключевому слову. Заголовки h2-h6 помогают положительно усилить внимание поисковиков к этой странице по этим запросам.
Как пишутся заголовки h2-h6? Все эти заголовки имеют одинаковую силу. Нужно ли все их использовать на странице? Нет. Нужно минимум один раз использовать ключевое слово, которое вы продвигаете на эту страницу в этом заголовке. Если h1 может быть только один, то заголовков h2-h6 может быть несколько. Их не надо писать так: один h2, один h3, один h4. Вы можете использовать, например, четыре h2 на странице. Любое количество, которое вам нужно, вы можете использовать. Но самое главное: не разбивайте, когда это не нужно.
По силе эти заголовки одинаковые, но они отличаются визуально. H2 на сайте выглядит крупно, а h6 мелкий. Поэтому выберите шрифт, который для вас оптимальный. Самые популярные диапазоны, которые используются на сайтах, это h2 и h3.
Как проверить компетентность seo-шника и силу ваших конкурентов? Вы заходите и пробиваете. Открываете код страницы, видите кучу знаков, нажимаете ctrl+f, появляется окно поиска, и вы туда вбиваете «(h2» и видите, есть ли на странице заголовки h2 или нет. Если h2 нет, не страшно. Потому что мы знаем, что должно быть минимум одно упоминание в этом диапазоне. Если заголовков в диапазоне h2-h6 нет, это плохо. Но если хотя бы один раз есть упоминание ключевого слова, это уже хорошо.
Чего не должно быть в дополнительных заголовках? Мусора. Мусора какого? Например, в диапазоне h3 может стоять слово «новости», «новости о клиентах», ещё какие-то слова. Если у вас сайт не новостной, то не нужно, чтобы слово было в этом диапазоне. Потому что всё, что вы ставите в диапазоне h2-h6, считается гиперважной информацией. Поэтому этот заголовок должен быть у вас на сайте, он может быть несколько раз, и, самое главное, вы можете проверить и своих seo-шников, и конкурентов, правильно ли у них сделано.
Первое – наличие, второе – чтобы было ключевое слово, и третье – чтобы не было мусора в коде. Например, если ваша страница посвящена такси, то в h3 должно быть написано «новости нашего такси». Не просто «новости». Любые заголовки должны быть осмысленными.
SEO разметка текста.. или семантическая верстка сайта.
Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.
Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..
Итак, плохие примеры:
- Использование заголовков
-
лишь с той целью чтобы увеличить или уменьшить размер буковок.. - Неуместное использование тегов логического форматирования , например, вместо текста г. Самара просто какой то текст, который никоем образом к адресу не относится.. например: Установка окон .
- Использование тегов для формирования списков
- И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.
Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.
Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!
Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..
Многие начинающие веб-мастера думают, что заголовки -
это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги
-
во-первых выделяют именно заголовки
в тексте, а во вторых выделяют их по степени "важности" например заголовок
Как создать сайт?
в глазах поисковых систем куда более важен чем заголовок
Как создать сайт?
и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?"
выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня
.
Однако не стоит хвататься переделывать все заголовки на Вашем сайте с ,
в ..
ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:
То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега
- где текст каждого абзаца несет в себе одну логическую часть текста.
Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.
Так как текст в заголовках -
имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!
Тег H1 или заголовок H1 — это заголовок первого уровня и он имеет наибольшее значение и важность среди всех заголовков. Тег H1 должен применяться на странице один раз, располагаться выше всех других заголовков и иметь самый большой размер шрифта.
Всего тегов заголовков существует шесть. Это h1, h2, h3, h4, h5 , h6. Эти теги применяются для форматирования текста на странице. H1 самый весомый среди них как для посетителе, так и для поисковиков.
Приветствую Вас на страницах . В этой статье поделюсь с Вами некоторыми моментами при использовании заголовка H1 на страницах блога под управлением CMS WordPress.
Тег H1 — значение для продвижения
Поисковые системы используют слова и фразы, применяемые в этом теге, для определения релевантности страниц поисковому запросу. Этот тег является одним из наиболее значимых элементов релевантности. При оптимизации текста страницы важнее тега H1 поисковые системы ценят только тег TITLE.
И если быть более кратким и конкретным, то тег H1 рекомендуется использовать для заголовков страниц наших сайтов
и они должны содержать ключевую фразу, по которым эта страница продвигается.
Релевантность страниц, наряду с , является одним из самых весомых показателей для завоеваний лояльности поисковых систем.
Правила заполнения заголовка H1
Для получения хорошего результата при продвижении страниц сайта следует выполнять следующие правила его заполнения:
- Каждая страница должна содержать ОДИН тег H1.
- Тег должен содержать одно ключевое слово, по которому продвигается страница.
- Содержимое заголовка H1 должно быть уникальным для каждой страницы.
- Тег H1 не должен быть гиперссылкой.
- Желательно, чтобы тег не содержал классов, идентификаторов и других CSS элементов, а был в «голом» виде.
- Не рекомендуется использовать в содержимом знаков препинания, запятых, двоеточий и так далее.
- Размер тега не должен быть более двух предложений, лучше одно.
В html-коде заголовок страницы должен выглядеть таким образом:
Тег H1 это заголовок страницы
Наиболее типичные грубые ошибки – это отсутствие тега H1 на странице или присутствие более одного заголовка. Такие ошибки обычно характерны для страниц разделов, в которых перечислены статьи, входящие в эти разделы.
Контроль заполнения тега H1 по всему сайту проводится в рамках . Для проведения такого аудита есть немало достойных инструментов. Я же порекомендую Вам сервис от Мегаиндекса – audit.megaindex.ru .
Тег H1, применение в WordPress
Теорию повторили и теперь остановимся на некоторых технических моментах, связанных и применением тега H1 на сайтах, использующих CMS WordPress. Поскольку большинство начинающих блоггеров используют бесплатные шаблоны, то в них могут содержаться некоторые недоработки.
В частности, возможны варианты, когда заголовок страницы выделяется не тегом H1, а другим тегом, чаще всего это H2.
Эта же недоработка обнаружилась и на моем блоге, после того как я создал при помощи программы Artisteer. При просмотре HTML-кода было обнаружено, что все заголовки страниц выводятся с тегом H2.
Для устранения этого пришлось редактировать файл single.php
, именно так в большинстве шаблонов называются файлы, которые выводят информацию по каждой отдельной записи. Как я это сделал сейчас продемонстрирую наглядно.
В теле файла single.php
ищем часть кода, которая выводит заголовок. В моем случае этот выглядело таким образом:
Меняем выделенные красным цветом теги h2 на необходимые h1 и файл single.php исправлен и готов к использованию. Оказалось, что это довольно просто, поменял пару символов и готово. Теперь этот блок стал выглядеть так:
В Вашем случае выражение может быть несколько другого вида, но смысл, я надеюсь, Вы поняли.
Аналогичные изменения мне пришлось проделать с еще одним файлом темы page.php , который отвечает за вывод страниц блога. Как известно блог на CMS WordPress содержит записи и страницы.
Функции создания и изменения их находятся в разных разделах администрирования блога, они хранятся в разных местах и соответственно за их вывод отвечают и разные программные модули.
В итоге отрезок кода в файле page.php , который выводит заголовок страницы стал выглядеть вот так:
» rel=»bookmark» title=»»>
Но это было еще не все, на моем шаблоне я обнаружил, что тег H1 используется при выводе заголовка самого блога. И мне пришлось решать, оставлять все как есть или добиваться вывода заголовков страниц с тегом H1.
Ведь использование двух и более заголовков этого типа на одной странице не рекомендуется. Поисковые системы могут это расценить как переоптимизацию и сделать соответствующие выводы.
Тег H1, корректировка шаблона WordPress
В конце концов решил подправить эту недоработку, тем более, что хлопот больших это не принесло. Сейчас я Вам обо всем подробно доложу.
Для этого надо было внести поправки всего в два файла.
Первый header.php — это файл вывода заголовка блога.
Второй style.css — файл описания стилей блога.
Изменения header.php
Находим в header.php фрагмент, который выводит заголовок блога и меняем тег заголовка h1 (выделил красным цветом те символы, которые изменяю) на тег абзаца p . В результате получили такой код.
Изменения в файле style.css
Синим цветом я выделил наименование класса css, который нам придется подправить в файле style.css , чтобы шрифт и размер вывода заголовка блога остался прежним, таким же как и до изменений. Далее открываем файл стилей, ищем поиском необходимый класс «art-Logo-name», фрагмент ниже
h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:visited, h1 .art-Logo-name a:hover
{
font-size: 29px;
text-decoration: none;
padding:0;
margin:0;
color: #E0EDF0 !important;
}
Все выделенные красным цветом h1 меняю на p и получаю в результате
p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 29px;
text-decoration: none;
padding:0;
margin:0;
color: #E0EDF0 !important;
}
Вот, собственно и все, что я хотел рассказать Вам о теге H1, как одном из элементов .
Замечу только, что все работы я проводил на тестовом поддомене
, чтобы посетители моего блога не испытывали затруднений при возникновении проблем, которые могут возникнуть при подобного рода манипуляциях. Да и с точки зрения безопасности и сохранности функционала сайта это будет правильным решением.
В заключение хочу Вам предложить посмотреть небольшое видео, оно, правда, озвучено на английском языке, но мне все было понятно, надеюсь и Вам будет несложно разобраться. Этот ролик неплохо дополняет текст статьи и для новичков или тех, кто не силен в программировании будет неплохим подспорьем. Приятного просмотра.
На этом позволю себе закончить, а Вам пожелать успехов.
Здравствуйте, друзья! Рады приветствовать вас на блоге Андрея с Дашей – Thebizfromscratch. Что-то давно мы ничего не писали о SEO и в этой статье хотим наверстать упущенное, ведь тема на сегодня – Влияние заголовков H1, H2 – H6 на продвижение сайта. Мы расскажем, по каким правилам и принципам прописываем заголовки на своём блоге и надеемся, что наш опыт окажется для вас полезным.
Как правильно расставлять мета-теги H1, H2…H6
Итак, оформляя публикацию, мы прописываем мета-теги в следующем порядке:
Является наиболее значимым заголовком, поэтому в теги h1 принято заключать желательно разбавленный нейтральными словами основной поисковой ключ, т.е. разбавленный title.
Следующий по значимости заголовок, с помощью которого выделяют подобранный к основному запросу низкочастотный запрос.
- H3, H4,H5, H6
По сути, не имеют особого влияния на продвижение. Однако включение ключивиков в них может привести к переоптимизации, что вызовет лишь негативный отклик у поисковых ботов. Поэтому данные мета-теги мы используем только для красивого структурирования статьи. Чтобы посетителям было удобнее читать и сразу понимать, где заканчивается одна мысль и начинается другая. Тем более, не забывайте, что все посты пишутся исключительно для читателей и увлекаться частым повтором одних и тех же слов/фраз – не стоит.
А чтобы упомянутая выше информация правильно была понята, давайте рассмотрим пример! Пусть вы написали статью под поисковой запрос – «Как сделать сайт». Эту фразу нужно прописать в поле Title и повторить минимум 2 раза без изменений в самом тексте. Или как делают многие – повторяют поисковой запрос 1 раз на 1000 символов.
Если дальше вы нуждаетесь в выделении структуры, то смело используйте H2, содержащий низкочастотный запрос. Опять же в рамках примера – «Как качественно сделать сайт на движке WordPress». Остальные мета — теги пишите без ключей.
- Не проставляйте в заголовках ссылки на другие продвигаемые страницы. Код ссылки будет расцениваться поисковыми машинами, как ключевые слова, и только навредит ранжированию.
- Не располагайте заголовки низшего порядка над более значимыми. Первым должен следовать H1, затем H2 и далее по нарастающей. Должна вырисовываться древовидная структура.
- Рекомендуется использовать H1 единожды, H2 не более 3-х раз, а H3-H6 сколько угодно (только без ключей и только, если это необходимо).
Пожалуй, это были основные принципы и правила, которыми мы пользуемся при оформлении статей. Надеемся, что тема – влияние заголовков H1, H2 – H6 на продвижение сайта – раскрыта и вы нашли для себя полезную информацию. В случае вопросов – обязательно задавайте их в комментариях, постараемся помочь.