Скачать для фотошопа и для создания сайта Вторник, 03.12.2024, 22:03
Приветствую Вас Гость | RSS
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Теги h1-h6
MarcoДата: Вторник, 02.02.2021, 00:21 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 1691
Offline
h1, h2, h3, h4, h5, h6 используются на страницах для создания заголовков. Важность и вес заголовков на странице распределяется следующим образом:

h1 - самый важный тег, чаще всего используется для выделения названия материала, имеет самый большой вес.
Должен содержать ключевые слова, и должен состоять из одного предложения, которое полностью отражает суть материала.
Не должен полностью дублировать заголовок страницы тег title. При точном дублировании title вес h1 учитываться не будет. По умолчанию в системе uCoz title не состоят только из названия материла, а "разбавлены" названием разделов, категорий и названием сайта. Подробнее об теге TITLE и оптимизации
Не используйте точку в конце заголовка
Никогда не формируйте заголовки материала в виде перечисления ключевых слов через запятую!
Тег h1 должен быть чистым
Код
  <h1>Название материала</h1>


Это правильная конструкция
Даже если вас не устраивает внешний вид, то все стили заголовкам h нужно прописывать в таблице стилей
Пример: в таблицу стилей (CSS) в любое место прописываем
Код
h1 {margin: 0px; font-size: хpt;}


где х - размер шрифта. Так же стилями можно расписать цвет, шрифт
Пример неправильной конструкции:
Код
<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 практически не применяются. По весу и значимости они могут быть приравнены к тегам
Код
<strong></strong>


и
Код
[b][/b]


Ими как правило и заменяются

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

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


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


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

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

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


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

в общих чертах в таблицу стилей добавьте
Код
h1 {   
      тут внутри пропишите атрибуты стилей
     }


Скоро новый год
 
MarcoДата: Вторник, 02.02.2021, 00:24 | Сообщение # 2
Генералиссимус
Группа: Администраторы
Сообщений: 1691
Offline
Варианты № 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;}


Скоро новый год
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024