1. Выгоды
2. Распространенные ошибки
3. Текстовые ссылки лучше поняты, чем ссылки на изображения
4. Пример несоблюдения этого правила
5. Пример следования этому руководству
6. Пример истинного понимания этого руководства
7. Используйте изображения
8. Альтернативный текст
9. Ключевые идеи

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

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

Выгоды

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет: проверьте страницы для ссылок на изображения, используя Инструмент руководства Google

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ключевые идеи

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

Как определить, соответствует ли ваш сайт этому руководству

Похожие

Комментарии