Изображение Альтернативный текст против текста заголовка и имени файла: в чем разница?

1. Alt Text против Alt Tag: что правильно?
2. Что такое изображение Alt Text?
3. Что такое текст заголовка изображения?
4. Намерение пользователя и пользовательский опыт должны быть в центре внимания ваших оптимизаций
5. Рекомендации Google по изображениям
6. Создать отличный пользовательский опыт
7. Оптимизация имен файлов
8. Оптимизация изображений необходима, но не компенсируйте

В чем разница между текстом и заголовком? Вы держите их одинаковыми?

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

Alt Text против Alt Tag: что правильно?

Когда вы думаете об изображении alt text, сразу может прийти в голову термин «alt tag».

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

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

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

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

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

Что такое изображение Alt Text?

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

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

Его вторичная цель, как ранее упоминала Энн Смарти из SEJ, состоит в том, чтобы люди, которые по какой-либо причине решили отключить изображения в своем приложении веб-браузера. Кроме того, он удовлетворяет тем пользовательским агентам, которые также не могут «видеть» изображения.

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

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

Важно отметить Руководство по доступности W3C для альтернативного текста :

При использовании элемента img укажите краткую текстовую альтернативу с атрибутом alt. Заметка. Значение этого атрибута называется «альтернативный текст».

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

Что такое текст заголовка изображения?

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

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

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

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

Не так много изменилось за последние 10 лет, когда речь заходит об оптимизации для атрибутов alt text и title.

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

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

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

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

• Поможет ли этот альтернативный текст и текст заголовка моим пользователям?
• Будет ли этот альтернативный текст и текст заголовка удовлетворять намерения пользователя?
• Это улучшит пользовательский опыт?

Джон Мюллер из Google также подтвердил в недавний твит что изображения, которые используются в целях дизайна / позиционирования, не обязательно должны иметь альтернативный текст, поэтому чистый альтернативный текст, подобный этому (alt = ””) , подойдет.

Рекомендации Google по изображениям

Вот предложения Google по улучшению пользовательского опыта alt text, прямо из их Руководство по публикации изображений :

Создать отличный пользовательский опыт

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

• Обеспечьте хороший контекст: убедитесь, что ваш визуальный контент имеет отношение к теме страницы. Мы предлагаем отображать изображения только там, где они добавляют оригинальную ценность на страницу. Мы особенно не рекомендуем страницы, где ни изображения, ни текст не являются оригинальным контентом.
• Оптимизация размещения: по возможности размещайте изображения рядом с соответствующим текстом. Когда это имеет смысл, рассмотрите возможность размещения самого важного изображения в верхней части страницы.
• Не встраивайте важный текст в изображения: избегайте встраивания текста в изображения, особенно важных текстовых элементов, таких как заголовки страниц и пункты меню, потому что не все пользователи могут получить к ним доступ (а инструменты перевода страниц не будут работать с изображениями). Чтобы обеспечить максимальную доступность вашего контента, сохраняйте текст в формате HTML, предоставляйте альтернативный текст для изображений.
• Создавайте информативные и высококачественные сайты. Хороший контент на вашей веб-странице так же важен, как и визуальный контент для Google Images - он обеспечивает контекст и делает результат более действенным. Содержимое страницы может использоваться для создания фрагмента текста для изображения, и Google учитывает качество содержимого страницы при ранжировании изображений.
• Создавайте удобные для устройств сайты: пользователи ищут в Google изображения больше с мобильного, чем с рабочего стола. По этой причине важно, чтобы вы разработали свой сайт для всех типов устройств и размеров. Используйте дружественный для мобильных устройств инструмент тестирования, чтобы проверить, насколько хорошо ваши страницы работают на мобильных устройствах, и получить отзывы о том, что необходимо исправить.
• Создайте хорошую структуру URL для ваших изображений: Google использует путь URL, а также имя файла, чтобы помочь им понять ваши изображения. Подумайте об организации содержимого вашего изображения таким образом, чтобы URL создавались логически.

Оптимизация имен файлов

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

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

По большей части вам не нужны длинные имена файлов с длинным описательным текстом.

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

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

Оптимизация изображений необходима, но не компенсируйте

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

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

Дополнительные ресурсы по оптимизации изображений: