Давайте рассмотрим, как правильно заголовок статьи или материала сделать ссылкой перехода, ведь нам нужно по клику перейти на полный текст материала, и для этого мы создаем ссылку под заголовок. А это следующее действие, где текст или ключевое слово помещаем внутрь элемента A,который будет располагаться внутри h1 или h2 и так далее.
Ссылка задействована только на текст с надписью «Заголовок».
Код
<h1><a href="link.html">Заголовок с ключевое словом</a></h1>
В HTML5 есть возможность изменять элементы местами и разместить h1 внутри a.
Код
<a href="#"><h1>Заголовок с ключевым словом</h1></a>
И здесь автоматически меняется поведение, где ссылкой стает вся область ключевого слова, а это не только текст, а также все пустое пространство справа от него.
HTML
Код
<h1><a href="#">ZorNet.Ru — сайт для вебмастера</a></h1>
CSS
Код
h1 a {
color: #9a2b9b;
}
Демонстрация
Но считаю, что лучше для seo, все вывести через заданный класс.
HTML
Код
<a href="http://zornet.ru/" class="klass_perekhoda">Название материала</a>
CSS
Код
.klass_perekhoda {
color: #6849b1;
font-size: 18px;
font-weight: bold;
font-family: 'Oswald', sans-serif;
}
Где уже в CSS ее можно оформить, также убрать подчеркивание или выставить другой оттенок цвета и настроить по размеру.
Демонстрация
