Модератор форума: Yuri_G |
Сообщество uCoz Вебмастеру Раскрутка сайта SEO Теги h1-h6 (как использовать и как прописывать) |
Теги h1-h6 |
h1, h2, h3, h4, h5, h6 используются на страницах для создания заголовков. Важность и вес заголовков на странице распределяется следующим образом:
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 в логотипе (названии сайта) и использование в названии материала. Таким образом на ключевых страницах сайта (материала и комментария к нему) получается двойное использование тега, чего не должно быть |
Miss_Esq, поясню: я до вчерашнего дня на сайте их не использовала. Многократно слышала, что h1 играет большую роль при оптимизации. Но - когда прописала - мне не понравилась его "громоздкость" - он тупо портит дизайн своим видом. И вообще - интересно почитать именно на этом форуме про теги h1-h6, хотя, насколько я поняла, используют сейчас в основном h1 и h2. Интересна инфа по этому поводу - проштудировала другие источники по этому вопросу - нет оснований доверять на все 100%.
именно поэтому я и спрашиваю именно здесь, на форуме: интересно было бы почитать местных специалистов на эту тему. Вот и все. "Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт. Сообщение отредактировал Ника9646 - Четверг, 16 Фев 2012, 16:34:58
|
Ника9646, а вы почитайте http://htmlbook.ru/html/style
в общих чертах в таблицу стилей добавьте Code h1 { тут внутри пропишите атрибуты стилей } |
Quote (webanet) Ника9646, создам тему и распишу. а вы пока почитайте http://htmlbook.ru/html/style в общих чертах в таблицу стилей добавьте А можно прописать h1 и уменьшить его с помощью font size? Будет робот его воспринимать как h1? |
Ministr, лучше ничего не нужно лепить на сам тег. стилями его можно оформить и расписать как угодно. и размер задать и шрифт и все остальное
в общем вечером я все опишу подробно в новой теме. |
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
|
webanet, h1 (h2) имеет смысл прописывать в пределах всего сайта, или достаточно выбранных лично мной наиболее важных, ключевых (имеющих предельно серьезное значение) страниц?
Добавлено (17-Фев-2012, 01:51:46) --------------------------------------------- Quote (webanet) Даже если вас не устраивает внешний вид, то все стили заголовкам h нужно прописывать в таблице стилей Дайте пожалуйста ссылку на более детальное объяснение по стилям, цветам и прочее. Если не сложно. "Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт. Сообщение отредактировал Ника9646 - Пятница, 17 Фев 2012, 01:52:28
|
Ника9646, какое именно детальное объяснение по стилям вам нужно? я же давала ссылку. на примере по ссылке
Quote h1 { font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333366; } синим задается размер шрифта. можно задать в пикселях font-size: 10pt; поменять цифру 10 на нужный размер фиолетовым задается сам шрифт. красным задается цвет ссылки эту конструкцию нужно прописывать в таблицу стилей. панель управления - управление дизайном - список шаблонов - CSS - в таблицу стилей в любое место (можно в самый конец) и прописать что именно не понятно? Quote имеет смысл прописывать в пределах всего сайта, или достаточно выбранных лично мной наиболее важных, ключевых (имеющих предельно серьезное значение) страниц? |
webanet, спасибо, теперь все поняла. Еще раз спасибо.
Добавлено (21-Фев-2012, 00:05:42) Добавлено (21-Фев-2012, 00:08:59) "Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт. |
Ника9646, вслепую сложно даже колдовать. или код нужен логотипа или адрес сайта
|
Просто при анализе страницы на pr-cy.ru мне вот такое выдается (где h1 - это заголовок в шапке сайта):
Добавлено (21-Фев-2012, 00:17:12) "Главным слагаемым формулы успеха является умение ладить с людьми".
Теодор Рузвельт. |
Ника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 и не собираетесь этого делать, то в логотипе можете оставить. НО ОДИН РАЗ И ТОЛЬКО БУКВЫ названия вашего сайта с телефонами, а не эту помойку |
| |||