Текст должен быть текстом

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

Также часто на сайтах используют слайдеры, в которых каждый слайд представляет собой картинку с текстом. Еще бывает, что кнопки или пункты меню делают не с помощью CSS стилей, а картинками.

Во всех этих случаях важная информация помещается на изображение, а не прописывается в коде страницы. Почему это является ошибкой, и так делать не стоит:
• Во-первых, у пользователя может быть отключен показ изображений в браузере, и тогда он просто не увидит нужный текст.
• Во-вторых, текст в виде картинки поисковики не проиндексируют. И даже если у такой картинки прописан атрибут alt, то все равно текстовое содержимое сайта индексируется лучше, чем альтернативный текст изображения. Замена заголовков картинками особенно вредно сказывается на позициях сайта, так как на них поисковые роботы обращают внимание в первую очередь при сканировании содержимого страницы. А если в виде картинки представляется текст с ключевыми фразами, это еще больший недостаток в части поискового продвижения, так как эти ключевики не будут проиндексированы.
• В-третьих, когда в будущем понадобится отредактировать текст, нужно будет менять изображение в графическом редакторе, заново заливать его на сайт вместо того, чтобы просто поправить что-то в коде страницы.
• В-четвертых, каждая лишняя картинка на сайте — это дополнительная нагрузка на сервер. Каждое изображение увеличивает вес сайта и время загрузки страницы. Картинки загружаются медленнее текста.

То есть текст в виде картинки — это вредно для SEO и юзабилити сайта. Поэтому при разработке сайта нужно всегда отдавать предпочтение тексту. Всё, что можно написать словами, нужно написать, а не заменять картинкой. Еще на этапе верстки сайта нужно учитывать этот момент.

Исключением из правила может быть защита от копирования. Замена текстового элемента картинкой применяется для того, чтобы невозможно было выделить и скопировать слово или фразу. Например, так защищают адреса электронной почты, чтобы их не могли извлечь спам-боты. Это эффективный способ, но и он имеет недостатки: пользователи с отключенными картинками не увидят email, а для того, чтобы написать письмо, нельзя будет просто скопировать адрес — придется запомнить — это неудобно.

Если всё же есть необходимость представить текст в виде картинки, нужно использовать наложение текста на изображение с помощью CSS. Это позволить разнообразить дизайн и не закроет текст от индексирования.