Замена текста заголовка изображением

Question

Я работаю над настройкой сайта на основе Drupal и хотел заменить заголовок сайта в заголовке на файл изображения. Я сталкивался с этой статьей: «Пересмотренная замена изображения» , в которой кратко излагаются некоторые методы для этого.

Мне было интересно, какова текущая лучшая практика с точки зрения SEO и совместимости браузера?

Answer 1

Используйте CSS и переопределите любой элемент, в котором у вас есть текст, следующим образом: (Метод Phark)

Html:

<h1>Header</h1>

CSS:

h1 {
text-indent: -9999px;
background: url('image.png') no-repeat top left;
}

Answer 2

Единственная проблема, которую ни один из этих методов на самом деле не решил, хотя в наши дни это крайний случай, заключается в том, что у кого-то отключены изображения.

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

Answer 3

Раньше я считал, что метод Лихи-Ленгриджа был лучшим, однако, по мере того, как я использовал его все больше и больше, я обнаружил, что метод Фарка проще в реализации, он также эффективен и полезен, поскольку вы можете иметь ссылки в заголовках (что я никогда раньше не получал).

Оба из них не требуют дополнительной разметки, и я не думаю (, если верить Мэтту Каттсу от Google ), есть много, если таковые имеются, негативных последствий для SEO (то есть Google не будет наказывать Вы за то, что скрыли текст, если он не является спамом).

И то, и другое не работает или требует дополнительной работы для работы в IE5, но я не знаю никого, кто бы это больше поддерживал.

Поэтому я бы порекомендовал метод Phark (или Phark Revisited, который работает лучше всего).