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

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

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

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

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

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

HTML:

<h1>Header</h1>

CSS:

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

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

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