Написание замещающего текста для изображений требует сосредоточенности на описательной ясности, которая помогает поисковым системам понять предметную область файлов изображений. Google рекомендует описательный замещающий текст, чтобы гарантировать, что ваши визуальные активы приносят пользу как человеческим пользователям, так и автоматизированным краулерам. Четко определяя, что находится на изображении, вы позволяете поисковым системам связывать ваш сайт с релевантными запросами. Эта практика преодолевает разрыв между визуальным контентом и текстовой индексацией, служа опорой для органической поисковой производительности на ваших веб-ресурсах.
Почему Google заботится об описаниях ваших изображений?
Алгоритмы поисковых систем полагаются на текст для интерпретации визуальных данных. Когда паук сканирует ваш веб-сайт, он не может видеть изображение так, как это делает человеческий посетитель. Вместо этого он читает базовый код, чтобы определить контекст и релевантность изображения для окружающего контента страницы. Если ваши имена файлов являются общими, например ‘IMG_9921.jpg’, атрибут alt становится основным источником истины для бота.
Предоставление точных описаний помогает вашим медиа появляться в результатах поиска по изображениям, что может привлечь трафик на ваш сайт. Это особенно важно для платформ электронной коммерции, где визуальные эффекты продуктов часто служат первой точкой контакта для потенциальных клиентов. Когда пользователь ищет конкретный товар, Google использует замещающий текст, чтобы решить, соответствует ли изображение вашего продукта поисковому намерению, эффективно действуя как фактор ранжирования для визуального поиска.
Как можно написать эффективный замещающий текст для электронной коммерции?
Написание для электронной коммерции требует баланса между описательной точностью и релевантностью ключевых слов. Вы должны описать продукт так, как если бы вы объясняли его тому, кто не может его видеть. Начните с основного предмета, затем включите детали, такие как цвет, материал и бренд. Избегайте переспама ключевыми словами, так как это создает негативный опыт для пользователей программ чтения с экрана и может быть воспринято поисковыми алгоритмами как спам.
Например, если вы управляете магазином Shopify, продающим рубашки из органического хлопка, плохим тегом alt было бы ‘рубашка’. Лучшим, высокоранжируемым тегом было бы ‘мужская темно-синяя рубашка из органического хлопка с круглым вырезом’. Это дает достаточно деталей, чтобы быть полезным, при этом естественно включая ключевые слова, которые потенциальный покупатель может использовать в поисковом запросе. Это служит двойной цели: соблюдению доступности и поисковой оптимизации.
Лучшие практики описательной маркировки изображений
- Будьте кратки: держите свои описания менее 125 символов, чтобы гарантировать, что они полностью читаются обычными программами чтения с экрана.
- Избегайте избыточных фраз: не начинайте с ‘изображение’ или ‘фотография’, потому что браузер уже идентифицирует элемент как изображение.
- Используйте свои целевые ключевые слова естественно: включайте основное ключевое слово для страницы только в том случае, если оно точно описывает контент изображения.
- Сосредоточьтесь на контексте: если изображение является декоративным элементом, используйте пустой атрибут alt (alt=””), чтобы сказать программам чтения с экрана игнорировать его.
- Поддерживайте согласованность: используйте одну и ту же конвенцию именования для категорий продуктов на всем вашем сайте, чтобы создать сильную тематическую релевантность.
Стоит ли использовать ключевые слова в замещающем тексте?
Использование ключевых слов в замещающем тексте — это стандартная практика, но ее нужно делать с осторожностью. Вы хотите описать изображение так, чтобы включить релевантные термины, не втискивая их в предложение, где они не к месту. Google рекомендует описательный замещающий текст, что подразумевает сосредоточенность на человеческой читабельности, а не на манипуляции машиной. Если ваше основное ключевое слово вписывается естественно, включите его, но отдавайте приоритет пользовательскому опыту превыше всего.
При типичном аудите аккаунта в Alien Road мы часто видим веб-сайты, которые упустили возможности, игнорируя замещающий текст в галереях продуктов. Если у вас есть галерея фотографий интерьера, подпишите каждую из них на основе конкретного стиля или типа комнаты. Вместо ‘гостиная 1’ используйте ‘современная минималистичная гостиная с серым диваном и дубовым журнальным столиком’. Этот специфический уровень детализации помогает поисковым системам индексировать ваш сайт по низкочастотным запросам.
Как обращаться с декоративными изображениями по сравнению с информативными
Не каждое изображение на вашем веб-сайте нуждается в длинном, подробном описании. Декоративные изображения — такие как фоновые текстуры, границы или чисто эстетические иконки — не передают информацию, которая нужна пользователю с нарушениями зрения для понимания контента страницы. Для этих элементов вы должны использовать пустой атрибут alt, который выглядит как alt=”” в вашем HTML. Это предотвращает объявление программами чтения с экрана ненужной информации.
Информативные изображения, однако, требуют описательного текста, который объясняет функцию или данные внутри графики. Если вы отображаете диаграмму или скриншот панели управления программного обеспечения, замещающий текст должен суммировать ключевые выводы или цель визуального элемента. Это гарантирует, что пользователи с ограниченными возможностями получают ту же информацию, что и зрячие пользователи, что является основным компонентом современных стандартов веб-доступности.
Где можно обновить замещающий текст на популярных платформах?
- WordPress: Перейдите в свою медиабиблиотеку, нажмите на изображение и введите текст в поле Замещающий текст, расположенное на боковой панели Сведения о вложении.
- Shopify: В редакторе продукта нажмите на изображение, выберите ‘Добавить замещающий текст’ и сохраните изменения в появившемся модальном окне.
- Wix: Нажмите правой кнопкой мыши на изображение в редакторе, выберите ‘Настройки’ и найдите поле ‘Что на изображении?’, чтобы ввести свое описание.
- Squarespace: Нажмите на блок изображения, выберите ‘Редактировать’ и найдите поле ‘Замещающий текст’ на вкладке настроек изображения.
Распространенные ошибки, которых следует избегать при написании замещающего текста
Одной из самых частых ошибок является оставление поля замещающего текста пустым для важных изображений, таких как фотографии продуктов или инфографика. Это упущенный шанс ранжироваться в поиске по изображениям и барьер для доступности. Еще одна ошибка — использование имени файла в качестве замещающего текста. Если ваш файл называется ‘IMG_554.jpg’, копирование этого имени в поле alt не дает никакой ценности пользователю или поисковой системе.
Избегайте повторяющегося текста, если у вас есть несколько изображений одного и того же продукта под разными углами. Вместо повторения одного и того же описания дифференцируйте их, упоминая угол или показанную особенность. Например, используйте ‘вид спереди кожаной сумки’ и ‘вид сбоку кожаной сумки’. Это помогает поисковой системе понять специфический контекст каждого уникального файла на вашей странице продукта.
С чего начать на этой неделе
Начните с проведения быстрого аудита десяти ваших самых посещаемых страниц на этой неделе. Проверьте замещающий текст для каждого изображения на этих страницах и обновите все, которые отсутствуют или являются общими. Отдайте приоритет изображениям ваших продуктов или изображениям ваших основных услуг, так как они с наибольшей вероятностью привлекут органический трафик через визуальный поиск. Как только вы их обновите, следите за своим трафиком в Google Search Console, чтобы увидеть, заметите ли вы изменение в своей видимости в поиске в течение следующего месяца.
Согласованность — ваш лучший друг при управлении большим каталогом. Создайте простую таблицу для отслеживания ваших изображений и соответствующего замещающего текста. Это поможет вам поддерживать стандартный формат на всем вашем сайте и гарантировать, что вы не упустите новые загрузки. Потратив всего несколько часов на оптимизацию вашей существующей библиотеки изображений, вы можете значительно улучшить доступность и производительность поиска вашего сайта без необходимости менять свою основную контент-стратегию.
Читать далее: Веб-дизайн и разработка · Веб-дизайн