SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Картинка в теге h1? можно?

voysax voysax  
0
  11.03.2017 15:13       7 188    
Здравствуйте. Подскажите, у меня в теге <h1> присутствует картинка <img>, позволительно ли это? 
Картинка в теге, как элемент дизайна. Заранее спасибо. 

Ответы на пост (5) Написать ответ
Ruslan Safin Ruslan Safin
32
11.03.2017 15:51
<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.
2
Вадим Вадим
988
11.03.2017 16:51
в порнографии все можно

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

Идеальный вариант h1:
h1Название статьи плюс два слова и цифра 2017/h1
всё!
0
Ruslan Safin Ruslan Safin
32
11.03.2017 19:25
https://www.smashingmagazine.com

У них H1 только для логотипа. Далее по тексту только h2 и ниже. И это совершенно нормальная практика. Ресурс топовый, а его индексации и позициям только позавидовать можно.
0
Ruslan Safin Ruslan Safin
32
11.03.2017 19:30
https://moz.com/blog/better-alternatives-expert-roundup-style-content-whiteboard-friday

С moz.com вы, наверное, спорить не будете. Все же топовая зарубежная SEO-контора. Я вас огорчу, они вообще H1 не используют. И это тоже распространенная практика. Как и у прошлого ресурса, индексация и позиции отменные.
0
Bill Noub Bill Noub
0
06.12.2017 00:06
Картинка в теге 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
0