SEO. Поисковая оптимизации

Как известно поисковики положительно относятся к заголовкам h1. h6. Поэтому в заголовках необходимо употреблять ключевые слова. Тег h1 является наиболее важным заголовком.

Вот так он выглядит:

Заголовок

Как видно текст заключенный в такой тег выделяется большим полужирным шрифтом, да и еще после закрывающего тега </h1 происходит перенос строки и появляются нежелательные отступы.

Как быть если применение тега h1/h1, ну никак не вписывается в ваш дизайн? Как изменить размер шрифта заголовка и убрать нежелательные отступы?

Все это решается благодаря каскадным таблицам стилей CSS.

Вам необходимо создать вот такой стиль для тега h1

h1{

Font-size:10pt;

Font-style: normal;

Font-weight: bold;

Margin: 0px;

Padding:0px;

}

Где:

Font-size:10pt – размер шрифта

Font-style: normal – стиль шрифта: нормальный

Font-weight: bold – стиль шрифта: полужирный

Margin: 0px - отступ от верхнего левого угла ячейки

Padding:0px - отступ внутри ячейки от всех краев, производит почти тот же самый эффект, что и margin

А если Вам не нужен перенос строки, то необходимо к выше перечисленному добавить следующее:

Display: inline

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

Между тегами head/head прописываем следующую строку:

link rel="stylesheet" href="путь/имя файла. Css"

Но можно прикрепить созданный нами стиль и внутри основной html страницы. Это делается так:

style type="text/css"

h1{

Font-size:10pt;

Font-style: normal;

Font-weight: bold;

Margin: 0px;

Padding:0px;

}

/style

Вот и все! Нет ничего сложного!

Статья с блога Секреты бизнеса в Интернете