Тег заголовка h1

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Тег h1 – просто заголовок или…..



Теги h1, h2, h3, h4, h5, h6 – теги заголовков (h1 – самый большой и значимый). Они являются блочными элементами, поэтому всегда выводятся с новой строчки. Для справки: блочные элементы нельзя выводить внутри строчных.

Вообще-то если ориентироваться только на чистый Html, то теги h1, h2…. служат для того, чтобы выделить определенный заголовок статьи либо какой-нибудь страницы. Однако для этих целей мы можем при помощи стилей оптимизировать обычный тег р. Тег h1 используется грамотными web-мастерами больше не для визуальной оптимизации сайта, а для поисковой.

Заключив ключевые слова и словосочетания, по которым вы продвигаете свой сайт в поисковых системах, в тег заголовка вы тем самым повысите ранжирование вашего сайта по этим словам и словосочетаниям в поисковых системах.

Теперь некоторые правила использования  h1, h2, h3, h4, h5, h6, основанные на личном опыте:

1. Используйте не более двух тегов типа h на одной странице. Если статья большая, то выделите ключевые слова вначале страницы тегом h1 и где-нибудь в середине тегом  h2. Больше использовать не нужно – это будет переоптимизация.
2. Используйте тег  h1 как можно ближе к началу страницы.
3. Не выполняйте с данным тегом никаких операций прямо на  Html-странице, используйте для этого таблицу стилей. Тег должен быть представлен на странице в чистом виде: <h1>текст с ключевыми словами</h1>.
4. Не выделяйте тегами заголовков все подряд слова, только несколько ключевых фраз и все.
5. Фраза вписанная в тег  h1 должна соответствовать контенту и дизайну вашего сайта.

По-умолчанию тег H1 выглядит не очень привлекательно, крупный жирный шрифт не всегда вписывается в дизайн сайта. Для того чтобы втиснуть данный тег в общую картину сайта необходимо просто придать ему нужные стили. Сделать это можно создав файл стилей в корне своего сайта (если его еще у Вас нет), обозвать его, например style.css, а для того, чтобы связать его с подопытной страницей, прописать между тегами <head> и </head> следующую строчку: <link href="style.css" rel="stylesheet" type="text/css">.  Теперь в только что созданном файле style.css можно прописать:

{font-family: Courier New;
font-size:18px;
text-align:center;
color: #999999;
font-weight: bold;
}

Где  font-family – название шрифта;
font-size – размер шрифта;
text-align – выравнивание (по левому краю, по правому краю, по ширине или по центру);
font-weight – толщина шрифта.

Для сравнение на рисунке можете посмотреть тег H1 (словосочетание «маскировка тегов» в обоих случаях выделено тегом H1) до и после маскировки:

До маскировки:

Тег H1 до маскировки

После маскировки:

Тег h1 после маскировки

Таким нехитрым способом, маневрируя стилями, можно добиться любого вида самого любимого поисковиками тега. Можно вообще слить его с общим фоном страницы и сделать невидимым для посетителей, зато очень даже видимым для поисковых машин. Однако сливать h1 с фоном страницы я не рекомендую, поскольку этот метод относится к черным методам оптимизации сайта и, если Вы слишком близко подберетесь к топу поисковиков, то Ваши конкуренты могут настучать на Вас об использовании вами черных методов SEO, вследствие чего сайт будет понижен в рейтингах.



Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2010-11-25| Просмотров:(7599)| Комментов:(1)



Комментарии:

Автор: Павел Страный
Дата: (2012-05-11)

Ммм... интересная статья! Будем пользоваться этим!

Добавить Ваш комментарий:

Введите сумму чисел с картинки: