Alt text что это

Как увеличить охват с помощью альтернативного текста в Instagram

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

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

Более 50 метрик для анализа эффективности продвижения в Instagram —— помогут принимать верные решения, —— основанные на данных

с понятными выводами и советами —— по продвижению аккаунта
в Instagram с понятными выводами и советами —— по продвижению аккаунта
в соцсетях быстро и ничего не забыть можно в LiveDune.
Бесплатный —— экспресс-аудит вашего аккаунта: в Instagram

7 дней бесплатно

Альтернативный текст в Инстаграме: что это такое?

Альтернативный текст появился в Инстаграм в ноябре 2018 года и изначально был призван облегчить использование соцсети для пользователей с проблемами зрения. Возможно поэтому мало кто обратил внимание на это нововведение и его потенциал.

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

Альтернативный текст («Alt text») давно используется в SEO для продвижения картинок и сайта в целом. Дело в том, что поисковики не умеют распознавать изображения и реагируют только на слова. Прописанный альтернативный текст делает изображения заметными для поисковиков и в результате поднимает сайт в результатах поиска. Альтернативный текст в Инстаграм работает по такому же принципу. Другими словами, с ноября 2018 года в Инстаграм доступно SEO продвижение.

Как альтернативный текст увеличивает охваты?

Инстаграм использует технологию распознавания объектов на фото для генерации альтернативного текста. То есть если вы не прописываете альтернативный текст, Инстаграм сделает это за вас (но не факт, что сделает точно). Эта технология помогает соцсети показывать ваши посты заинтересованным пользователям, которые могут искать информацию в поиске, по хештегам или геолокации.

Не стоит игнорировать такой метод продвижения, потому что более 11% поисковых запросов содержат в выдаче картинки и видео. Причем большая часть визуальной выдачи подтягивается из YouTube, Pinterest или Twitter.

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

Что такое Alt текст и почему его следует использовать?

Для каждого сайта изображения — полезная и неотъемлемая его часть. Они помогают предоставить дополнительный контекст для содержимого страницы, разбить текст, добавить визуальную привлекательность страницам и многое другое.

Но не оптимизированное изображение полезны только тем, кто их видит. Что происходит, когда на ваш сайт заходит человек с ослабленным зрением или когда алгоритмы Google пытаются сканировать картинки на вашем сайте в поисках информации? Вот почему так важно оптимизировать изображения с помощью Alt текстов, о которых мы сегодня поговорим более детально.

Что такое Alt text?

Alt text — также называемый тегом alt или атрибутом alt — относится к тексту, прикрепленному к изображению для описания того, что оно показывает. Этот текст встроен в код сайта, и его обычно можно посмотреть, наведя курсор на изображение.

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

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

• Наполнять свои alt-теги только ключевыми словами
• Максимально упрощать, например, всего лишь одно слово

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

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

Каковы преимущества использования Alt тегов?

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

Повышение рейтинга

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

Чтобы Google оценил страницу, он сканирует ее и добавляет в свой поисковый индекс. Когда боты Google сканируют страницу, они сканируют страницу, чтобы понять ее контекст.

Сканеры Google не могут читать изображения, а это значит, что изображения на вашем сайте не будут способствовать вашему рейтингу. Но когда вы используете теги alt, все меняется. К изображению теперь прикреплен описательный текст, что означает, что Google может видеть, о чем идет речь, и учитывать это в вашем рейтинге.

Изображения Google

Альтернативный текст помогает вашим изображениям отображаться в Картинках Google. Google Images работает путем извлечения изображений с сайтов в свой индекс. Однако, поскольку он извлекает эти изображения в ответ на определенный поисковый запрос, ему необходимо знать, что они изображают. Если на вашем сайте есть не оптимизированное изображение, Google может не знать, что на них показано. В результате они не будет отображаться ни в каких результатах поиска Картинок Google.

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

Доступность изображений для всех пользователей

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

Многие пользователи с ослабленным зрением используют программы чтения с экрана для взаимодействия с веб-страницей. Однако, как и алгоритмы Google, программа чтения с экрана не может озвучивать содержание изображения — если вы не используете тег alt. Ведь именно он помогает пользователям понять, что на странице.

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

Как создать альтернативные теги?

Создание тегов alt — простой процесс. Все, что вам нужно сделать, это вставить короткий фрагмент кода в код вашего сайта.

Если вы работаете с помощью системы управления контентом (CMS), вам даже не придется углубляться в сам код — многие CMS просто позволят вам щелкнуть изображение, а затем ввести тег alt в поле. Например: Но даже если это не так, добавить тег alt в код — простая задача. Для начала откройте исходный HTML-код своего сайта. Затем найдите изображение, к которому вы хотите добавить тег alt — оно должно выглядеть примерно так:

Чтобы добавить тег alt, вставьте фрагмент кода перед закрывающей угловой скобкой. Код должен иметь следующий формат:

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

Вот и все! Вы сможете легко добавить теги alt ко всем вашим изображениям — а если используете систему управления контентом, то это может быть еще проще.Перевод с блога webfx.com.

Атрибут alt

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

Синтаксис

Значения

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

Обязательный атрибут

Значение по умолчанию

HTML5 IE Cr Op Sa Fx

Статьи по теме

• Для чего нужен альтернативный текст?
• Добавил к рисунку альтернативный текст, но его не видно в браузере. Почему?

Что такое альтернативный текст для изображения: зачем он нужен и как его прописать

В этом гайде вы узнаете больше об альтернативном тексте (alt-text): что это такое, почему он важен для SEO, как правильно его использовать и многое другое. Приведенные ниже советы вы сможете применять для улучшения оптимизации изображений и доступности сайта.

Что такое alt-текст и зачем он нужен

Alt-текст, или альтернативный текст — это атрибут alt, который представляет собой фрагмент текста, описывающий изображение в HTML-коде.

Изначально alt-текст выполнял исключительно описательную функцию. Много лет назад, когда интернет был намного медленнее, alt-текст помогал понять содержимое картинки, которая не подгружалась в браузере. Сегодня такое встречается редко, но если произойдет, вместо изображения вы увидите альтернативный текст.

Читайте также:
Подробное руководство по текстовой SEO-оптимизации сайта

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

• помогает людям с ограниченными возможностями : например, использующим программы чтения с экрана — узнать о содержимом изображения;
• помогает поисковым роботам понять содержание изображения и контекст.

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

Почему альтернативный текст так важен

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

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

Важность для SEO

Правильная оптимизация alt-текста повышает шансы сайта на высокое ранжирование при поиске изображений в Google. Да, альтернативный текст — фактор ранжирования в этой выдаче.

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

Google и другие поисковые системы могут отображать меньше изображений товаров (или не отображать их вообще) с вашего сайта, если вы не оптимизируете alt-текст. Это может привести к потере потенциального трафика и клиентов.

Продвижение сайтов

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

Важность для доступности

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

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

Допустим, вы написали руководство по SEO-аудиту, содержащее скриншоты из различных краулинговых инструментов. Не лучше ли описать содержание каждого скриншота вместо краткого «SEO-аудит»? Разберемся на примерах.

Примеры alt-текста

Начнем с хороших примеров. Предположим, что в руководстве по SEO используются скриншоты из таких инструментов, как Google Search Console и Screaming Frog. В этом случае альтернативный текст может выглядеть так:

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

Есть немало примеров неправильного заполнения alt-текста, включая чрезмерное количество ключевых слов и спам.

Вот как превратить приведенные выше хорошие примеры в плохие примеры:

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

Типичные ошибки с альтернативным текстом

Забивание альтернативного текста ключевыми словами не единственная ошибка, которую вы можете совершить. Вот несколько примеров распространенных ошибок в alt-тексте:

• Невозможность использовать альтернативный текст или использование пустого.
• Использование одного и того же alt-текста для разных изображений.
• Использование очень общего alt-текста , который на самом деле не описывает изображение. Например, «собака» к фотографии собаки вместо ее более подробного описания с указанием окраса, породы, что животное делает.
• Автоматическое использование имени файла в качестве альтернативного текста . Например, googleseachconsole или google–search-console или photo2323. Вряд ли по этому тексту понятно, что изображено на картинке.

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

Советы по написанию alt-текста

1. Не вставляйте много ключевых слов в альтернативный текст . Это не поможет ранжированию страницы.
2. Опишите изображение в деталях, но сделайте это коротко . Избегайте добавления нескольких предложений в альтернативный текст.
3. Используйте ключевые слова, но вписывайте их естественно . Если ваше ключевое слово не подходит к описанию изображения, не используйте его.
4. Не используйте текст на изображениях . Его нужно добавлять в виде HTML-кода.
5. Не пишите «это изображение…» . Google и пользователи знают, что это изображение. Просто опишите его содержание.
6. Убедитесь, что вы можете визуализировать изображения, прочитав альтернативный текст . Это лучшее упражнение, чтобы убедиться, что вы сделали правильную подпись.

Как проверить, что на страницах используется альтернативный текст

Теперь вы знаете, как стоит и не стоит писать альтернативный текст. Но как проверить alt-текст в изображениях сайта? Вы можете проанализировать его несколькими способами.

Нажмите правой кнопкой мыши на изображение и выберите опцию «Просмотреть код» или «Проверить объект» (в зависимости от браузера). В панели Elements или «Элементы» подсветится кусок кода, относящийся к изображению. В нем должен быть атрибут alt.

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

Для браузера Google Chrome установите расширение Web Developer. Затем откройте страницу, изображения на которой вы хотите проверить. Активируйте расширение, перейдите в Images → Display Alt Attributes. Вы увидите содержимое alt-текста всех изображений на данной странице.

Чтобы проверить альтернативный текст изображений всего сайта, используйте программы Screaming Frog или Sitebulb. Запустите сканирование сайта и перейдите во вкладку Images.

Читайте также:
SEO анализ конкурентов — подробное руководство

Все мучения не зря

Написание качественного контента — приоритетное направление для большинства. Но изображения — тоже важная составляющая. Подобрав красивые картинки и снабдив их правильным alt-текстом, вы повышаете свои шансы на быстрое продвижение в выдаче.

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

Продвижение сайта в ТОП-10

• Оплата по дням нахождения в ТОП
• Подбираем запросы, которые приводят реальных покупателей!