в нормальной разметке только текст, даже с ссылки в h1 не вставляйте. На это есть другие теги, которые по размеру шрифта можно сделать больше или равно h1
Идеальный вариант h1:
h1Название статьи плюс два слова и цифра 2017/h1
всё!
У них H1 только для логотипа. Далее по тексту только h2 и ниже. И это совершенно нормальная практика. Ресурс топовый, а его индексации и позициям только позавидовать можно.
С moz.com вы, наверное, спорить не будете. Все же топовая зарубежная SEO-контора. Я вас огорчу, они вообще H1 не используют. И это тоже распространенная практика. Как и у прошлого ресурса, индексация и позиции отменные.
Картинки в <h1> довольно распространенное явление, но как правило такое используется для логотипов. Взгляните на приведенную ниже разметку.
<h1 class="logo-title">
<a class="logo-link" href="/" title="на главную страницу">
<span class="brand-name">Имя бренда или ключевой запрос</span>
<img class="logo-image" src="/logo.png" alt="описание лого">
</a>
</h1>
<span> скрывается с помощью display:none.
в нормальной разметке только текст, даже с ссылки в h1 не вставляйте. На это есть другие теги, которые по размеру шрифта можно сделать больше или равно h1
Идеальный вариант h1:
h1Название статьи плюс два слова и цифра 2017/h1
всё!
У них H1 только для логотипа. Далее по тексту только h2 и ниже. И это совершенно нормальная практика. Ресурс топовый, а его индексации и позициям только позавидовать можно.
С moz.com вы, наверное, спорить не будете. Все же топовая зарубежная SEO-контора. Я вас огорчу, они вообще H1 не используют. И это тоже распространенная практика. Как и у прошлого ресурса, индексация и позиции отменные.
Исходник сайт Баскино. Для тех кто в танке это раскрученный онлайн кинотеатр.
<h1 class="logo"><a title="Тайтл картинки" href="/">Текст тега h1</a></h1>
В css
background: url(../images/logo.png) no-repeat 0 0;
color: #f6f6f6;
text-decoration: none;
position: absolute;
left: 20px;
top: 16px;
text-indent: -9999px;
height: 73px;
width: 226px;
Осталось только настроить. P.S поисковики реагируют как на обычный h1