Изображение SEO: Alt-теги, теги заголовков и все, что между ними

1. Как поисковые роботы «видят» изображения: альтернативные теги, теги заголовков и имена файлов
2. Какое имя файла изображения?
3. Что такое Alt-Tag изображения?
4. Что такое тег заголовка изображения?
5. В чем разница между Alt-тегом изображения и тегом заголовка изображения?
6. Текст подписи и привязки
7. Как изображения Alt-теги и метаданные помогают SEO
8. Где на самом деле оптимизировать ваши фотографии
9. Оптимизация изображений: технические характеристики
10. Последнее слово на изображениях SEO

Насколько важны оптимизированные изображения для SEO? Я покажу тебе:

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

Легко, правда?

Затем, все еще с завязанными глазами, попросите их выбрать второе фото и просто держите его, ничего не сказав.

Теперь продолжайте и попробуйте описать второе изображение. Вы не можете, не так ли?

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

Как поисковые роботы «видят» изображения: альтернативные теги, теги заголовков и имена файлов

Поисковые роботы полагаются на несколько ключевых битов данных, встроенных в изображение, чтобы «увидеть» его: имя файла, alt-тег изображения, тег title, а в некоторых случаях текст привязки и заголовок.

Какое имя файла изображения?

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

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

PRO TIP:

Сделайте так, чтобы ваше имя файла имело хорошее описание. Например, «awesome-robot-head.jpg» более полезен - и лучше для целей SEO - чем «IMG890654.jpg»

Что такое Alt-Tag изображения?

Альт-тег изображения, возможно, является наиболее важным атрибутом для добавления к вашим фотографиям. Помните тот эксперимент, который вы провели в начале этого поста? В этом случае alt-tag изображения будет описанием вашего друга первой фотографии, которую она подняла. Однако alt-тэги не были специально созданы для SEO - я не могу сказать это лучше, чем Википедия:

«Альтернативный текст - это текст, связанный с изображением, который служит той же цели и передает ту же самую важную информацию, что и изображение. В ситуациях, когда изображение недоступно для читателя, возможно, из-за того, что они отключили изображения в своем веб-браузере или используют программу чтения с экрана из-за нарушения зрения, альтернативный текст гарантирует, что никакая информация или функциональные возможности не будут потеряны. [1] Отсутствующий или бесполезный альтернативный текст может стать источником разочарования для слабовидящих пользователей Интернета ». Википедия

Рекомендуется использовать alt-теги, богатые ключевыми словами, но избегайте наполнения ключевыми словами. Вот пример alt-tag, который дает Google :

Не так хорошо, как хотелось бы:

<img src = ”puppy.jpg” alt = ”” />

Лучше:

<img src = ”puppy.jpg” alt = ”puppy” />

Лучший:

<img src = ”puppy.jpg” alt = ”Далматинский щенок играет в зацепку”>

Избегать:

<img src = ”puppy.jpg” alt = ”щенок, собака, собака, щенок, щенки, щенки, собачки, щенки, помет, щенки, собака, ретривер, лабрадор, охотник на волков, указатель, щенок джек рассел терьер, щенки, корм для собак, дешевый корм для собак, корм для щенков» />

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

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

В чем разница между Alt-тегом изображения и тегом заголовка изображения?

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

Тег заголовка - это то, что отображается, когда кто-то наводит курсор на фотографии, и не отображается вообще, если фотография не отображается.

Текст подписи и привязки

Нильсен на самом деле написал в 1997 году : «Элементы, улучшающие сканирование, включают заголовки, крупный шрифт, полужирный текст, выделенный текст, маркированные списки, графику, подписи, предложения по темам и оглавления». В 2012 году KissMetric даже заявил что «подписи под изображениями читаются в среднем на 300% больше, чем сама основная копия, поэтому их использование или неправильное использование означает упущение возможности привлечь огромное количество потенциальных читателей».

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

Как изображения Alt-теги и метаданные помогают SEO

Итак, как именно изображения влияют на SEO?

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

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

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

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

Где на самом деле оптимизировать ваши фотографии

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

Оптимизация изображений: технические характеристики

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

• Выбор правильного формата файла: у вас есть три варианта изображений: .PNG, .JPG и .GIF. PNG создают фотографии более высокого качества, но имеют больший размер файла. JPGs более низкого качества, но, как правило, меньше по размеру. GIF-файлы используются для анимированных изображений и зацикливания видео.
• Сжатие изображений. Обычно рекомендуется хранить изображения размером не более 100 КБ, чтобы максимально ускорить загрузку. Но если изображение все еще искажено, а качество неудовлетворительное, продолжайте постепенно увеличивать его, чтобы получить изображение с наименьшим возможным размером и наилучшим возможным качеством.

Последнее слово на изображениях SEO

В 2000 году средняя продолжительность внимания человека составляла 12 секунд. В 2013 году исследование Microsoft пришло к выводу, что оно упало до восьми секунд. После учебы Сатья Наделла Генеральный директор Microsoft заявил, что «настоящим дефицитным товаром» ближайшего будущего будет «человеческое внимание».

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

Похожие

Комментарии