Текстовые ссылки против ссылок на изображениях - Почему текст всегда лучше для SEO?

«Попробуйте использовать текст вместо изображений для отображения важных имен, содержимого или ссылок. Сканер Google не распознает текст, содержащийся в изображениях. Если вы должны использовать изображения для текстового содержимого, рассмотрите возможность использования атрибута ALT, чтобы включить несколько слов описание."

из руководства Google для веб-мастеров ¹

Преимущества

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

Распространенные ошибки

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

• Логотипы. Если название вашей компании находится только на изображении, вам следует подумать об использовании текста для названия вашей компании.
• Адреса. Ваш служебный почтовый адрес всегда должен быть в тексте где-то на ваших страницах, а не на изображении.
• Малый бизнес. Если ваша домашняя страница состоит из большого изображения, вам следует добавить текст, описывающий ваш бизнес.

Текстовые ссылки понятнее, чем ссылки на изображения.

Текст хорошо понимается поисковыми системами, изображения — нет. Если вы используете изображения для важных ссылок на своей странице, они могут быть поняты или распознаны не так хорошо, как текст. Например, если в меню вашего веб-сайта есть изображение со словом «автомобили» вместо текста «автомобили». В этом случае вам нужно убедиться, что у изображения есть тег ALT, который говорит «автомобили».

Пример несоблюдения этого правила

Представьте, если бы сайт о животных имел домашнюю страницу, на которой было бы только две картинки для навигации. Одно изображение слона и одно изображение жирафа со ссылкой на страницу о каждом животном.

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

Пример следования этому правилу

Чтобы исправить это, у вас может быть текстовая ссылка под каждой картинкой с надписью «слон» и «жираф».

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

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

Совет: проверьте страницы на наличие ссылок на изображения .

Пример правильного понимания этого руководства

В этом примере есть текстовые ссылки, а также добавлено текстовое описание под каждой ссылкой. Небольшой абзац или даже просто предложение текста действительно может помочь вашим пользователям и поисковым системам понять, о чем ваш сайт.

Используйте изображения

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

Можно ли было понять эту страницу, даже если ни одно из изображений не было видно?

Альтернативный текст

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

Альтернативный текст выглядит так (из одного из моих изображений выше).

<img src="images/text-link-no.png" alt="веб-страница с двумя изображениями и без текста" />

Альтернативный текст очень важен для вашего сайта и может повлиять на вашb позиции в выдаче.

• Подробнее об альтернативном тексте здесь
• Проверьте свои веб-страницы на наличие альтернативного текста.
• Следуйте рекомендациям Google по работе с изображениями.

Часто из соображений дизайна на вашем веб-сайте или в меню есть изображения. Несмотря на то, что на нем есть слово, это все еще образ.

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

Чем более доступен ваш веб-сайт для слабовидящих, тем более он доступен для поисковых роботов.

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

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

Ключевые понятия

• Чем более доступен ваш сайт для слабовидящих, тем лучше он будет понят поисковыми роботами.
• Все, что важно для идентификации вашего веб-сайта или услуг, должно быть доступно в текстовом виде.
• Любое изображение должно иметь текстовую альтернативу, где это уместно.
• Меньше изображений для загрузки означает более быстрые веб-страницы.
• Более быстрые страницы обеспечивают лучшее мобильное взаимодействие.