text-intent -9999px Ваше отношение?

[vitrolov]

Многие используют эту технику, чтобы спрятать или заменить какой-нибудь текст. Например, <h1>My Title</h1> и прописывают в CSS

h1 {
  background: url('logo.png');
  text-indent: -9999px;
}

Но на нескольких зарубежных сайтах, я прочитал, что это очень плохая практика, в плане СЕО (Гугл не любит, когда что-то прячут в HTML коде. Но реальных доводов я не увидел) Другая причина, что браузер вынужден рисовать огромный в 9999рх блок, который и хоть не виден для обычного пользователя, но влияет на время загрузки страницы, особенно, когда техника применяется в изобилие на страницах сайта.
Поэтому, есть несколько методов, которые помогают в кошерном решение этой задачи
Вариант первый

p.hide {
    background: url('logo.png) no-repeat;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

И второй

p.hide{
    background: url('logo.png) no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 40px;
}

З.И статья, которая вызвала этот ажиотаж Для просмотра ссылки Войди или Зарегистрируйся
Надеюсь на ваши адекватные мысли по этому поводу, и что статья действительно окажется кому-то полезной в плане самообучения

 

[t0wer]

Пока могу сказать пару слов в плане SEO. По верстке не знаю, но хорошего мало.
H1 прячут под слой на котором картинка в шапке + свойство alt. Этого вполне хватает для поднятия релевантности страницы.
Поисковые системы давно писали, что будут отдавать голоса в пользу юзабилити и прозрачности в СЕО. Данный способ не лоялен для ПС. Но есть живой пример сайта с тИЦ 210 на котором у меня висит ключ под именно таким размещением (смещение ссылки). Висит он пока не долго, поэтому результатов отношения к такому методу именно у меня пока сказать не могу. Меня это вполне устраивает в качестве наращивания, а донора в качестве низкой платы. К чему это приведет в дальнейшем пока сказать не могу. Но время покажет. Для меня это игра с огнем, но благо под ссылкой СДЛ и для себя особых санкций вряд ли увижу. А там кто знает...

 

[artefakt777]

Посмотрите как яндекс метрика прячет свою ссылку:

<div><img src="//mc.yandex.ru/watch/123" style="position:absolute; left:-9999px;" alt="" /></div>

И никаких проблем с гуглом и тем более яшей из-за метрики не возникает.

 

[Sunday]

Мне кажется - это из серии "Нечего писать, блин... Нужно что-то найти, за что-то зацепиться. В сети нужна новая фишка-страшилка".
Помусолят эту тему, найдется следующая и т.д.
Никогда не имел проблем с text-indent. Если всё так плохо, почему же еще раньше об этом не написали? Ну наверное потому, что было о чем писать. А когда тем для писанины становится всё меньше, то приходится высасывать из пальца.

 

[4erepaha13]

Гугл сам признается, что учитывает стопицот разных параметров, поэтому переживать, что только изза одного CSS приема сразу вот так станет все плохо имхо не стоит.

 

[ArtyGrand]

ТС, для тебя text-indent: -9999px и text-indent: 100% из первого примера настолько разные понятия, что предлагаешь это?

браузер вынужден рисовать огромный в 9999рх блок, который и хоть не виден для обычного пользователя, но влияет на время загрузки страницы, особенно, когда техника применяется в изобилие на страницах сайта.

да, каждое предложение в статье делаем картинкой. Что из этого?

Ваше отношение?

сугубо положительное

 

[Devana]

узнают конкуренты после жалобы будет бан

 

[Aserus]

Я не вижу ничего плохого в text-indent: -9999px; хотя вариант с text-indent: 100% выглядит все же получше.
Но если сильно не нравится то кто вам мешает обернуть текст в span и выставить ему display:none?

 

[Savetchuk]

Всегда использую text-indent: -9999

 

[markiz85]

Порочная практика. Конечно, немедленных санкций со стороны ПС не последует, но в перспективе можно получить дополнительную головную боль.