Страница 1 из 391233839»
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Раскрутка сайта » SEO » Теги h1-h6 (как использовать и как прописывать)
Теги h1-h6
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 1 | 01:31:59
h1, h2, h3, h4, h5, h6 используются на страницах для создания заголовков. Важность и вес заголовков на странице распределяется следующим образом:

  • h1 - самый важный тег, чаще всего используется для выделения названия материала, имеет самый большой вес.
  • Должен содержать ключевые слова, и должен состоять из одного предложения, которое полностью отражает суть материала.
  • Не должен полностью дублировать заголовок страницы тег title. При точном дублировании title вес h1 учитываться не будет. По умолчанию в системе uCoz title не состоят только из названия материла, а "разбавлены" названием разделов, категорий и названием сайта. Подробнее об теге TITLE и оптимизации
  • Не используйте точку в конце заголовка
  • Никогда не формируйте заголовки материала в виде перечисления ключевых слов через запятую!
  • Тег h1 должен быть чистым
    Code
    <h1>Название материала</h1>
    Это правильная конструкция
  • Даже если вас не устраивает внешний вид, то все стили заголовкам h нужно прописывать в таблице стилей
    Пример: в таблицу стилей (CSS) в любое место прописываем
    Code
    h1 {margin: 0px; font-size: хpt;}
    где х - размер шрифта. Так же стилями можно расписать цвет, шрифт
    Пример неправильной конструкции:
    Code
    <h1 class="texth">Название материала</h1>

  • Тег h1 должен использоваться на странице только один раз!


h2 - подзаголовок второго уровня. Является логическим подзаголовком к h1
Тег h2 может использоваться несколько раз на странице, допустимо до 5. В идеале 2-3
Нельзя использовать, если на странице не прописан тег h1


h3 - подзаголовок третьего уровня. Имеет наименьший вес. Иногда используется для прописывания заголовков блоков. Может использоваться несколько раз, до 6-7 на странице. Не рекомендуется использовать, если на странице нет тегов h1 и h2. В подзаголовках текста используется только после тега h2. То есть нельзя применять конструкцию, где на странице в тексте прописан главный заголовок h1 и не используется h2, а сразу под h1 прописывать подзаголовок с h3. Не используется выше заголовка h2


h4, 5 и 6 практически не применяются. По весу и значимости они могут быть приравнены к тегам
Code
<strong></strong>
и
Code
[b][/b]
Ими как правило и заменяются


Как прописывать теги h1 на сайтах системы uCoz

Лучше всего прописать в шаблонах материала и комментария к нему во всех используемых модулях. Тег прописывать надо к коду выводящему название материала
Code
<h1>$ENTRY_NAME$</h1> Для модуля новости сайта и <h1>$ENTRY_TITLE$ </h1>для остальных модулей ( смотрим список кодов, работающих в шаблоне)

В модуле Фотоальбомы прописываем код следующим образом:
Code
<h1>$PHOTO_NAME$</h1>


Основные ошибки при использовании тегов

1) Использование тегов h для выделения ключевых слов или словоформ на странице внутри текста. Это не правильно. Данные теги используются только для заголовков и подзаголовков на странице

2) Большая ошибка прописывать h1 в заголовок страницы title
Code
<h1><title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title></h1>


3) Использование тега h1 в логотипе (названии сайта) и использование в названии материала. Таким образом на ключевых страницах сайта (материала и комментария к нему) получается двойное использование тега, чего не должно быть

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ника9646
Сообщений: 9
Репутация: 34

Сообщение # 2 | 01:32:09
Miss_Esq, поясню: я до вчерашнего дня на сайте их не использовала. Многократно слышала, что h1 играет большую роль при оптимизации. Но - когда прописала - мне не понравилась его "громоздкость" - он тупо портит дизайн своим видом. И вообще - интересно почитать именно на этом форуме про теги h1-h6, хотя, насколько я поняла, используют сейчас в основном h1 и h2. Интересна инфа по этому поводу - проштудировала другие источники по этому вопросу - нет оснований доверять на все 100%.
именно поэтому я и спрашиваю именно здесь, на форуме: интересно было бы почитать местных специалистов на эту тему. Вот и все.

"Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт.
Сообщение отредактировал Ника9646 - Четверг, 16 Фев 2012, 16:34:58
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 3 | 01:32:09
Ника9646, а вы почитайте http://htmlbook.ru/html/style
в общих чертах в таблицу стилей добавьте
Code
h1 {   
      тут внутри пропишите атрибуты стилей
     }

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ника9646
Сообщений: 9
Репутация: 34

Сообщение # 4 | 01:32:09
webanet, спасибо за ответ, я почитаю обязательно. smile

"Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт.
Ministr
Сообщений: 842
Репутация: 323

Сообщение # 5 | 01:32:09
Quote (webanet)
Ника9646, создам тему и распишу. а вы пока почитайте http://htmlbook.ru/html/style
в общих чертах в таблицу стилей добавьте


А можно прописать h1 и уменьшить его с помощью font size? Будет робот его воспринимать как h1?

webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 6 | 01:32:09
Ministr, лучше ничего не нужно лепить на сам тег. стилями его можно оформить и расписать как угодно. и размер задать и шрифт и все остальное
в общем вечером я все опишу подробно в новой теме.

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Miss_Esq
Сообщений: 13865
Репутация: 4160
Уровень замечаний:

Сообщение # 7 | 01:32:09
Ministr, Варианты № 1 - 2 - 3 не будут восприниматься поисковыми системами и сервимсами рейтинга как применение тега h1 , только вариант № 4 будет приниматься поисковиками и сервисами рейтинга как правильное применение тега h1 и стилей для него ..

Вариант № 1
чисто HTML стиль тега h1 прописан в теге
<h1 style="margin: 0px; font-size: 10pt;">Текст</h1>

Вариант № 2
HTML , тег h1 с классом и класс тега в CSS

<h1 class="h1style">Текст</h1>
.h1style {margin: 0px; font-size: 10pt;}


Вариант № 3
HTML , тег h1 с id и строка id тега в CSS

<h1 id="h1style">Текст</h1>
#h1style {margin: 0px; font-size: 10pt;}


Вариант № 4
HTML тега h1 в чистом виде без стилей , id и классов

<h1>Текст</h1>
h1 {margin: 0px; font-size: 10pt;}

Сообщение отредактировал Miss_Esq - Пятница, 17 Фев 2012, 10:02:05
Ministr
Сообщений: 842
Репутация: 323

Сообщение # 8 | 01:32:09
webanet, Miss_Esq, спасибо, прописал чистым стилем biggrin

Ника9646
Сообщений: 9
Репутация: 34

Сообщение # 9 | 01:51:46
webanet, h1 (h2) имеет смысл прописывать в пределах всего сайта, или достаточно выбранных лично мной наиболее важных, ключевых (имеющих предельно серьезное значение) страниц?

Добавлено (17-Фев-2012, 01:51:46)
---------------------------------------------
Quote (webanet)
Даже если вас не устраивает внешний вид, то все стили заголовкам h нужно прописывать в таблице стилей

Дайте пожалуйста ссылку на более детальное объяснение по стилям, цветам и прочее. Если не сложно. smile

"Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт.
Сообщение отредактировал Ника9646 - Пятница, 17 Фев 2012, 01:52:28
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 10 | 02:28:04
Ника9646, какое именно детальное объяснение по стилям вам нужно? я же давала ссылку. на примере по ссылке
Quote

h1 {
font-size: 120%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333366;
}

синим задается размер шрифта. можно задать в пикселях font-size: 10pt; поменять цифру 10 на нужный размер
фиолетовым задается сам шрифт. красным задается цвет ссылки
эту конструкцию нужно прописывать в таблицу стилей. панель управления - управление дизайном - список шаблонов - CSS - в таблицу стилей в любое место (можно в самый конец) и прописать
что именно не понятно?

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

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ника9646
Сообщений: 9
Репутация: 34

Сообщение # 11 | 00:08:59
webanet, спасибо, теперь все поняла. smile Еще раз спасибо. smile

Добавлено (21-Фев-2012, 00:05:42)
---------------------------------------------
Как правильно убрать h1 из названия сайта (логотипа)?

Добавлено (21-Фев-2012, 00:08:59)
---------------------------------------------
Что именно нужно подправить в стилях?


"Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт.
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 12 | 00:16:00
Ника9646, вслепую сложно даже колдовать. или код нужен логотипа или адрес сайта

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ника9646
Сообщений: 9
Репутация: 34

Сообщение # 13 | 00:17:12
Просто при анализе страницы на pr-cy.ru мне вот такое выдается (где h1 - это заголовок в шапке сайта):

Добавлено (21-Фев-2012, 00:17:12)
---------------------------------------------
http://domdlyvas.ucoz.com/


"Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт.
webanet
Личный менеджер
Сообщений: 23189
Репутация: 4877

Сообщение # 14 | 00:30:25
Ника9646, это ёмаё а не код. бросайте дурную привычку, которая называется визуальный редактор

Quote
<h1><span style="font-size: 12pt;"><span style="font-family: "Times New Roman";"><span style="font-size: 14pt;"><span style="font-size: 18pt;"><span style="font-size: 14pt;"><span style="color: rgb(255, 255, 224);"><span style="font-size: 14pt;"><span style="color: rgb(255, 255, 224);"><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0">Водоснабжение, отопление,</font></span></span></span></span></span></span></span></span></span></span></span><span style="font-size: 12pt;"><span style="font-family: "Times New Roman";"><span style="font-size: 14pt;"><span style="font-size: 18pt;"><span style="font-size: 14pt;"><span style="color: rgb(255, 255, 224);"><span style="font-size: 14pt;"><span style="color: rgb(255, 255, 224);"><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0"><br/></font></span></span></span></span></span></span></span></span></span></span></span></h1><h1><span style="font-size: 12pt;"><span style="font-family: "Times New Roman";"><span style="font-size: 14pt;"><span style="font-size: 18pt;"><span style="font-size: 14pt;"><span style="color: rgb(255, 255, 224);"><span style="font-size: 14pt;"><span style="color: rgb(255, 255, 224);"><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0">канализация</font></span></span></span></span></span></span></span></span></span></span></span><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0"><br/></font></span></span></span><span style="color: rgb(255, 255, 224);"><span style="font-size: 14pt; color: rgb(255, 255, 224); font-family: "Times New Roman";"><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0">8 (965) 213-83-13</font></span></span></span><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0"><br/></font></span></span></span><span style="font-size: 14pt; color: rgb(255, 255, 224); font-family: "Times New Roman";"><span style="font-family: "Times New Roman";"><span style="font-size: 12pt;"><span style="font-size: 14pt;"><font color="#ffffe0">8 (905) 764-12-05</font></span></span></span></span></span></span></h1><p><br/></p></div>

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

вот эта куча мусора и есть несчастные 4 строчки у вас в шапке. никогда больше не трогайте визуальный редактор

если вы больше нигде на страницах названия материалов не выделяли тегами аш 1 и не собираетесь этого делать, то в логотипе можете оставить. НО ОДИН РАЗ И ТОЛЬКО БУКВЫ названия вашего сайта с телефонами, а не эту помойку

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ника9646
Сообщений: 9
Репутация: 34

Сообщение # 15 | 12:00:39
H1 я больше нигде не выделяла, еще на нескольких страницах выделены h2 и h3.

"Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт.
Сообщество uCoz » Вебмастеру » Раскрутка сайта » SEO » Теги h1-h6 (как использовать и как прописывать)
Страница 1 из 391233839»
Поиск: