Если вы владеете и управляете онлайн-контентом через систему управления контентом (CMS) или используете много визуального контента для продвижения и продажи своих продуктов, вы, вероятно, часто читаете, что поисковая оптимизация (SEO) — это ключ к повышению рейтинга вашего сайта в Google.
Это правда, что SEO постепенно улучшает рейтинг вашего сайта, и, какими бы тривиальными ни казались изменения, они действительно оказывают заметное влияние на эффективность вашего сайта в результатах органического поиска и на общий пользовательский опыт.
Возможно, это не станет для вас открытием. На самом деле, вы, возможно, уже учли все известные аспекты SEO (контент, оптимизированный по ключевым словам, заголовки, теги title и мета-описания), но ваш сайт все равно не отображается первым на странице результатов поисковой выдачи (SERP). Хуже того, Google выводит кучу результатов с изображениями перед любыми органическими текстовыми результатами, и ни одно из них не является вашим.
Не волнуйтесь. Решение может заключаться в том, как вы используете Alt-текст (замещающий текст) — небольшая деталь, которая может значительно увеличить органический трафик через изображения.
Что такое Alt-текст и как он работает?
Чтобы обеспечить отличный пользовательский опыт, Google позволяет пользователям находить информацию в Интернете как визуально, так и текстово. Его страница топовых результатов поиска, скорее всего, будет содержать столько же результатов с изображениями, сколько и текстовых результатов. Google делает это, позволяя пользователям изучать информацию с большим контекстом вокруг изображений с помощью таких функций, как подписи к изображениям, яркие значки и многое другое.
Позвольте мне выразиться иначе: Google предоставляет вам наиболее релевантные результаты (в данном случае изображения), сканируя миллиарды веб-страниц, которые он проиндексировал с помощью поисковых ботов. Означает ли это, что он будет выводить только результаты на основе изображений в верхней части главной страницы результатов? Нет, но он будет делать это всякий раз, когда это наиболее актуально для пользователя.
Так как же Google читает изображение? Никак. Вот тут-то и вступают в игру Alt-текст, также известный как «alt-атрибуты», «alt-описания» и «alt-теги». Alt-текст — это не что иное, как небольшой фрагмент текста, описывающий изображение, фотографию, диаграмму или любую другую картинку на веб-сайте.
Alt-текст в HTML-коде вашего сайта позволяет поисковым ботам понимать ваши изображения и их контекст (тем самым индексируя их более точно). Это, в свою очередь, помогает вашим изображениям с хорошим Alt-текстом иметь больше шансов появиться в поиске по картинкам Google.
Как бы сложно это ни казалось, на самом деле это не так. На самом деле, все довольно просто, если вы используете конструктор сайтов, такой как Zoho Sites, который имеет интуитивно понятную настройку, где вы можете просто ввести описание изображения (Alt-текст), не написав ни строчки кода. Да, правда — никакого кода.
Alt-текст также выполняет важную функцию: он полезен, когда посетители с нарушениями зрения используют программы чтения с экрана для доступа к вашим веб-страницам, и в этом случае он будет прочитан им. Добавляя Alt-текст к своим изображениям, вы гарантируете, что весь контент на странице доступен, и создаете по-настоящему отличный цифровой опыт для пользователей, которые в противном случае могли бы его упустить.
Как писать хороший Alt-текст
Нет правильного или неправильного способа начать писать хороший Alt-текст. Просто посмотрите на изображение и запишите предложение, которое, по вашему мнению, описывает его. Если рядом есть коллега, попросите его прочитать то, что вы написали, вслух, пока вы слушаете с закрытыми глазами. Если вы можете представить достаточно точную версию изображения и получить хорошее впечатление от слов, вы на правильном пути.
Вот несколько лучших практик, которым стоит следовать при написании Alt-текста:
- Создайте полезное, информативное описание, которое использует ключевые слова, которые, по вашему мнению, люди могут включить при поиске такого изображения, как ваше.
- Держите свой Alt-текст короче 125 символов. Инструменты чтения с экрана обычно перестают читать Alt-текст в этот момент при озвучивании описания для слабовидящих.
- Не начинайте Alt-текст со слов «картинка...» или «изображение...». Вместо этого сразу переходите к описанию изображения.
- Если у вас есть изображения, которые носят чисто эстетический характер, дайте им пустой alt-атрибут, например так:
При всем при этом, не перегружайте alt-атрибуты ключевыми словами (keyword stuffing), так как это может привести к плохому пользовательскому опыту, из-за чего ваш сайт может быть воспринят как спам.
Добавление слишком большого количества «воды» в Alt-текст также может привести к тому, что поисковым системам будет трудно понять, как изображение относится к остальной части веб-страницы. Это снижает шансы того, что изображение будет ранжироваться по связанным длинным ключевым фразам. Однако все эти пункты могут потерять свою ценность, если написанный вами Alt-текст не учитывает контекст изображения.
Примеры хорошего и плохого Alt-текста
Плохо: alt=”монах на вокзале”Хорошо: alt=”монах в желтой рясе идет по старому вокзалу Бангкока, чтобы сесть на свой поезд”Никогда: alt=”монах идет вокзал люди сидят дневное время желтая ряса монах туннель солнечный свет босиком”
Плохо: alt=”торговцы в лодках разговаривают”Хорошо: alt=”Женщины-торговцы в лодках, нагруженных местной едой и фруктами на плавучем рынке Таиланда”Никогда: alt=”старые женщины торговцы плавучий рынок Таиланд Бангкок еда сцена соломенная шляпа фрукты лодки вкусная еда тайская еда”
Плохо: alt=”женщина в поле”Хорошо: alt=”работница собирает чайные листья на плантациях в Лимуру, Кения”Никогда: alt=”женщины работник чайные листья чайная плантация хороший чай коричневая корзина”
Alt-текст всегда должен отражать тему, которую поддерживает веб-страница или статья.
Как добавить Alt-текст к изображениям
Добавить Alt-текст легко, если вы используете конструктор сайтов, такой как Zoho Sites. Просто нажмите на элемент изображения, что откроет окно редактирования изображения. Затем введите описание изображения.
Еще семь способов сделать ваши изображения SEO-дружелюбными
1. Оригинальные изображенияХотя стоковые фотографии могут быть идеально оптимизированы, они не произведут на ваших пользователей такого же впечатления, как оригинальное изображение.2. Высококачественные фотографииВысококачественные фотографии более привлекательны, чем размытые, нечеткие изображения.3. Поддерживаемые форматы изображенийGoogle Картинки поддерживает следующие форматы: BMP, GIF, JPEG, PNG, WebP и SVG.4. Контекстные заголовки веб-страницЗаголовки часто являются основной информацией, используемой для принятия решения о том, на какой результат нажать, поэтому важно использовать контекстные заголовки на ваших веб-страницах.5. Карта сайта изображенийИнформация карты сайта изображений помогает Google находить изображения, которые он иначе мог бы не найти (например, изображения, к которым ваш сайт обращается с помощью кода JavaScript), и позволяет вам указать изображения на вашем сайте, которые вы хотите, чтобы Google сканировал и индексировал.6. Изображения, оптимизированные для скоростиИзображения часто являются самым большим фактором, влияющим на общий размер страницы. Уменьшите изображения на своем сайте путем изменения размера и сжатия. Общий размер вашего изображения не должен быть больше, чем необходимо.7. Соответствующие имена файловGoogle извлекает информацию о предмете изображения из контента страницы, включая имена файлов изображений. (Пример: My White Persian Cat лучше, чем IMG00075.JPG)
Теперь, когда вы знаете как, дайте изображениям вашего сайта ту известность, которую они заслуживают, используя Alt-текст.
Zoho Sites Articles — это форум для бизнеса, охватывающий широкий спектр тем: от создания веб-сайтов до маркетинга. Форум управляется внутренней командой и регулярно пополняется информацией о том, как настроить, запустить и продвигать ваш сайт.
Если вы хотите стать частью этого динамичного сообщества и поделиться своими мыслями или опубликовать статью на платформе, пожалуйста, напишите нам по адресу marketing@zohosites.com.
По вопросам технической поддержки, пожалуйста, пишите на support@zohosites.com.
