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

Тема в разделе "Верстка", создана пользователем vitrolov, 17 сен 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. vitrolov

    vitrolov Постоялец

    Регистр.:
    10 июн 2012
    Сообщения:
    95
    Симпатии:
    78
    Многие используют эту технику, чтобы спрятать или заменить какой-нибудь текст. Например, <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;
    }
    З.И статья, которая вызвала этот ажиотаж здесь
    Надеюсь на ваши адекватные мысли по этому поводу, и что статья действительно окажется кому-то полезной в плане самообучения
     
  2. t0wer

    t0wer BlackHerald

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

    artefakt777

    Регистр.:
    15 июл 2012
    Сообщения:
    467
    Симпатии:
    119
    Посмотрите как яндекс метрика прячет свою ссылку:
    Код:
    <div><img src="//mc.yandex.ru/watch/123" style="position:absolute; left:-9999px;" alt="" /></div>
    И никаких проблем с гуглом и тем более яшей из-за метрики не возникает.
     
  4. Sunday

    Sunday

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

    4erepaha13

    Регистр.:
    20 июн 2009
    Сообщения:
    155
    Симпатии:
    17
    Гугл сам признается, что учитывает стопицот разных параметров, поэтому переживать, что только изза одного CSS приема сразу вот так станет все плохо имхо не стоит.
     
    ITeshnik нравится это.
  6. ArtyGrand

    ArtyGrand Постоялец

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

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

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

    Devana Создатель

    Регистр.:
    30 окт 2013
    Сообщения:
    10
    Симпатии:
    0
    узнают конкуренты после жалобы будет бан
     
  8. Aserus

    Aserus Постоялец

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

    Savetchuk Создатель

    Регистр.:
    10 июн 2014
    Сообщения:
    11
    Симпатии:
    1
    Всегда использую text-indent: -9999 :)
     
  10. markiz85

    markiz85 Писатель

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