Вы должны быть в порядке с visibility: hidden
.
Однако, если ваше изображение является частью содержания (а я осмелюсь сказать, что логотип компании - это содержание, а не презентация), и вы заботитесь о доступности html, вы должны рассмотреть возможность изменения вашего кода, чтобы включить изображение как элемент img
с title
и alt
альтернативным текстом, вместо css background-image
.
Кроме того, если вы надеетесь привлечь внимание поисковых систем к ключевым словам внутри элемента , вам, возможно, захочется включить эти слова в страницу более одного раза. Заголовок страницы - гораздо более уместное место, чем, например, элемент
h1
.
установите изображение в качестве фона вашего h1 (установите ширину / высоту так, чтобы оно подходило), затем установите для вашего text-indent что-нибудь сумасшедшее, например -9999px. Таким образом, когда css отключен (например, при сканировании), бот будет видеть текст в заголовке вместо фона.
пример:
CSS
#myHeader {
width:200px;
height:50px;
background: url('lcoation/of/the/image.jpg') top left no-repeat;
text-indent:-9999px;
}
HTML
<body>
...
<h1 id='myHeader'>HELLO WORLD</h1>
...
</body>
Самым простым, надежным, лучшим для SEO решением было бы
<h1><img src=logo.png alt="Something.com | The best something ever"></h1>
«Правильный» способ сделать это - разместить текст в строке заголовка или в метатексте вашей страницы.
Я думаю, что видимость: скрыта; будет работать нормально. Вы уже пробовали?
Изменение размера блока будет работать:
h1 {
overflow: hidden;
width: 1px;
height: 1px;
}
Вы не добьетесь хороших результатов SEO, если сначала скроете h1, а затем используете общие фразы внутри h1.
Не просто используйте h1 для изменения размера, вы можете использовать классы для стилизации.
Теги H1 должны содержать информацию, богатую ключевыми словами, например:
Ремонт автомобилей
Ремонт автомобилей - ключевое слово, относящееся к конкретной странице, над которой я теоретически работаю.
Надеюсь, что это имеет смысл.
Состоит ли ваш сайт из одной-единственной страницы?
В противном случае вам следует поместить в тег h1
заголовок каждой страницы, а не заголовок сайта. Повторение одного и того же заголовка на каждой странице сделает ее практически бесполезной.