Можно ли так манипулировать с заголовком?

F
На сайте с 27.02.2006
Offline
11
660

Добрый день!

Мне на поддержку достался сайт, в котором используется следующая конструкция:

<div id="logo"><h1>Название сайта</h1></div>

при этом, в css написано следующее:

h1 {display:none;}

#logo {background:url(img/logo.gif) 0 35px no-repeat; height: 100%; width:300px; margin:0 10%; display:block;}

Сам логотип представляет собой графически красиво оформленное "Название сайта".

При отключеной графике, естественно, заголовок не виден.

Подскажите пожалуйста, как поисковики (ориентация на Яндекс и Гугл) к такому отнесутся? Является ли данная конструкция основанием для "стука"?

Искал в поиске подобные темы, понимаю, что все зависит от целесообразности, но смущает, что в моем случае, заголовок вообще не выполняет для пользователя никакой полезной функции.

Dwarf
На сайте с 06.10.2004
Offline
60
#1

Переделайте по методу Gilder/Levin

http://www.mezzoblue.com/tests/revised-image-replacement/

При отключенной графике и включенных CSS пользователь увидит полноценный текстовый заголовок.

Деревянные окна (http://www.wood-win.ru/)
F
На сайте с 27.02.2006
Offline
11
#2

Работает, спасибо!

Теперь нужно с верстальщиком посоветоваться.

Остается еще такой вопрос - если оставить все как есть, это будет считатся спамом?

a.fatman
На сайте с 15.01.2006
Offline
127
#3

Думаю, что не будет. Но пользователям с отключенной графикой будет неудобно.

Такие штуки придумывают люди, цель которых -- красота и логичность html-кода, а не обман поисковых систем. Но лучше переделать, чтобы заголовок был виден и с отключенной графикой.

F
На сайте с 27.02.2006
Offline
11
#4

Насчет "красоты и логичности" Вы точно подметили! Наш верстальщик мне такую лекцию прочитал о стандартах и о нюансах поддержки кода в разных браузерах!

P.S.

Спасибо за ответы!

smscat
На сайте с 23.02.2006
Offline
50
#5
fosco:
Работает, спасибо!
Теперь нужно с верстальщиком посоветоваться.

Остается еще такой вопрос - если оставить все как есть, это будет считатся спамом?

скорее всего не будет, но есть сомнения относительно display:none. Это всё таки клоакинг и в отличие от гугла яндекс может определить что этот элемент не виден посетителю.

подобный метод истользуется на сайте mozilla.org.

единственное исключение, что там тексту не даётся display:none

а он просто сдвигается за предел видимости. возможно стоит глянуть как это реализовано там (в указанном примере не нашёл способа с мозиллы)

что касается удобства навигации с отключенной графикой - в этом месте находится не самый важный для посетителя текст, так что этим ИМХО можно принебречь.

a.fatman
На сайте с 15.01.2006
Offline
127
#6

Я делаю так:

HTML:

<div id="logo">

<h1><a href="/">Заголовок<span></span></a></h1>
</div>

CSS:


#logo {
width:157px;
height:139px;
}

#logo h1 {
margin:0;
padding:0;
position:relative;
width:157px; height:139px;
overflow:hidden;
}

#logo h1 span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:157px; height:139px;
margin:0; padding:0;
background:url(/i/logo.gif) top left no-repeat;
}

Яндекс прекрасно видит текст в заголовке.

По желанию можно добавить размер шрифта, стиль ссылки, чтобы с отключенной графикой все было красиво.

deadcat
На сайте с 04.04.2005
Offline
27
#7
smscat:
Это всё таки клоакинг...

Друг мой лохматый, клоакинг это совсем не то...

valentin shergin research laboratory (http://shergin.com), erratum machine – самоорганизация документов, cms, cmf (http://erratum.ru)
smscat
На сайте с 23.02.2006
Offline
50
#8
deadcat:
Друг мой лохматый, клоакинг это совсем не то...

показанный выше вариант - гут, без вопросов. а вот когда текст выключен через display:none, то белой мурчащей пушистостью тут и не пахнет.

муррррр... :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий