---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.2
alternate:
  - https://yandex.uz/support/webmaster/ru/recommendations/using-graphics.md
  - href: ru/recommendations/using-graphics.md
    type: text/markdown
    title: Markdown version
  - href: ../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.uz/support/webmaster/ru/llms.txt



# Использование графики

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

Во-первых, заполняйте атрибут `ALT` тега `<IMG>`. Все изображения на странице могут иметь «альтернативный текст», который задается в атрибуте `ALT` тега `<IMG>`. Этот атрибут полезен по двум причинам:

- Если по какой-либо причине картинка, вставленная на страницу сайта, недоступна, текст из атрибута `ALT` будет выведен вместо нее и позволит пользователю судить о ее содержимом.
    
- Информация из этого атрибута помогает "картиночному" роботу, который индексирует изображения для Яндекс Картинок. Если указан атрибут `ALT`, поисковой системе проще понять, что представляет собой данное изображение.
    

Во-вторых, дублируйте текст, представленный картинкой. Робот Яндекса не умеет (пока) распознавать текст, представленный в виде графического изображения, а текст из атрибута `ALT` не попадает в основной индекс. Поэтому не следует использовать картинки как замену тексту. Если использование графического элемента с текстом необходимо, продублируйте то, что написано на картинке, текстом. Тогда никакая нужная для корректного ранжирования информация не будет упущена.

Нюансы, возникающие при использовании графики:

- Графическое меню. Меню сайта, выполненное в виде изображений, а не текстов, хоть и дает возможность перейти по ссылке на внутренние страницы, но не дает Яндексу представления о том, какая именно информация на них размещена. По возможности, следует предоставить альтернативное текстовое меню со ссылками на основные разделы сайта.
    
- Если дизайн сайта выполнен с применением технологии flash, сделайте и текстовую версию сайта. Она будет полезна как пользователям, у которых не установлена совсем или установлена устаревшая программа отображения flash, пользователям мобильных устройств, а также роботу Яндекса, который сможет полноценно и без ошибок проиндексировать ваш сайт. На индексирование flash есть некоторые ограничения (см. раздел [Индексирование сайта](https://yandex.uz/support/webmaster/ru/recommendations/indexing.md)).
    


{% note info %}

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

{% endnote %}


Еще несколько советов для улучшения ранжирования в поиске по картинкам:

- Если картинки используются как иллюстрация к тексту, стремитесь размещать их как можно ближе к фрагменту текста, который они иллюстрируют. Если такой возможности нет — сопровождайте их подписями непосредственно рядом с картинкой.
    
- Имена файлов картинок желательно делать осмысленными (т.е. не img_123456.jpg, а ktulhu.jpg) и соответствующими содержанию картинки.
    
- Если в тексте дается ссылка на изображение, то ее текст также должен быть осмысленным (то есть не `<a href="ktulhu.jpg">рис. 1</a>`, а `<a href="ktulhu.jpg">Ктулху в естественной среде обитания</a>`).
    
- Закрывайте от индексирования в robots.txt изображения `CAPTCHA` и другие автоматически сгенерированные картинки (баннеры, графики, счетчики, графические информеры и т.п.)
    

[К следующему разделу](https://yandex.uz/support/webmaster/ru/recommendations/frequent-mistakes.md)



[Написать в службу поддержки Яндекс Картинок](https://yandex.ru/support/images/troubleshooting.html#troubleshooting__for-webm){.button}




<!-- source: ru/_includes/footer.md -->
<div width="100%" align="center" class="main-footer"> 
<br><br><br>
Также вы можете перейти на сервис 
<br><br>


[![](../_assets/logo/logo-pic.svg)](https://webmaster.yandex.ru/) [![](../_assets/logo/logo-ru.svg)](https://webmaster.yandex.ru/)





</div>


<!-- source: ru/_includes/styles/footer-style.md -->

<!-- endsource: ru/_includes/styles/footer-style.md -->
<!-- endsource: ru/_includes/footer.md -->

<!-- source: ru/_includes/support-button-styles.md -->

<!-- endsource: ru/_includes/support-button-styles.md -->

<!-- source: ru/_includes/table-footer-2.md -->
<br>
<br>
<div class="borderless-table">

#|
||
<!-- source: ru/_includes/footer-2.md -->
Полезные инструменты

- [Переобход страниц](https://webmaster.yandex.ru/site/indexing/reindex/)
- [Удаление страниц из поиска](https://webmaster.yandex.ru/site/tools/del-url/)
- [Пожаловаться на спам](https://yandex.uz/support/search/troubleshooting/delspam.html)
- [Мои сайты](https://webmaster.yandex.ru/sites/)
<!-- endsource: ru/_includes/footer-2.md -->
|
<!-- source: ru/_includes/footer-4.md -->
Сервисы

 - [Вебмастер](https://webmaster.yandex.ru/)
 - [Поиск для сайта](https://site.yandex.ru/)
 - [Метрика](https://metrika.yandex.ru/list/)
 - [Директ](https://direct.yandex.uz)
 - [Рекламная сеть Яндекса](https://partner.yandex.uz/)
 - [Все сервисы](http://www.yandex.uz/all)
<!-- endsource: ru/_includes/footer-4.md -->
||
||
<!-- source: ru/_includes/footer-5.md -->
Технологии

- [API Вебмастера](https://yandex.ru/dev/webmaster/)
- [API Карт](https://tech.yandex.ru/maps/)
- [API Метрики](https://yandex.ru/dev/metrika/)
- [API Директа](https://yandex.ru/dev/direct/)
<!--- [Все технологии](https://yandex.ru/dev/direct/)-->
<!-- endsource: ru/_includes/footer-5.md -->
|

||
|#

</div>

<!-- source: ru/_includes/table-style.md -->

<!-- endsource: ru/_includes/table-style.md -->
<!-- endsource: ru/_includes/table-footer-2.md -->