Різниця між alt та заголовком img - яким користуватися - та впливом

Протягом багатьох років я пишу свій HTML для таких зображень:

<img src="picture.jpg" alt="my picture" >

Але я нещодавно провів аудит свого сайту за допомогою інструментів Raven SEO, і він повідомив про безліч помилок, якими мене дуже здивували.

Коли я переглянув звіт, 99% цих помилок були через відсутність тексту заголовка зображення.

Я знаю, що текст заголовка для зображення може трохи відобразитися, коли ви наведіть на нього зображення, але крім цього, яка мета і чи впливає це на SEO?

Крім того, якби ви його втілювали, що б ви там помістили? Ви б просто вказали ту саму інформацію, яка є в altатрибуті? тобтоalt="my picture" title="my picture"

Тег ALT - це тег доступності, який було введено людям, які мають труднощі із зором, навіть через Google, використовуючи його, щоб визначити, що таке зображення про вас, ніколи не слід розглянути питання про те, щоб розміщувати альти-теги для цілей SEO перед вашими відвідувачами.

Багато людей і навіть Метт Кеттс, який працює в Google, розмовляють про теги alt, як вони були спеціально розроблені для пошукових систем, щоб інформувати ботів про те, що таке зображення, це просто не відповідає дійсності.

Однак ви можете повідомити Google про те, про що складається зображення під час догляду за своєю аудиторією, і ніколи не вкладайте ключові слова в тег alt, це пригнічує досвід користувачів і його дуже неприродно.

Прекрасним прикладом цього є те, що часто говорять, що хтось хоче отримати рейтинг за ключовим словом "Борнмут", вони матимуть Борнмут в заголовку, у Н1, мета опису, потім роблять зображення з позначкою альт "Борнмут", хоча це буде працювати для SEO його пригнічує досвід користувачів і пропускає всю точку альт-тегу. Тег Alt призначений для людей, які мають проблеми із зором або відключають зображення разом. Таким чином, тег ALT був розроблений, щоб повідомити користувачеві про те, що таке зображення.

Хороший приклад цього можна побачити нижче

<img src="i.jpg" alt="Bournemouth" />

проти

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

Вищеописаний приклад все ще включає ваше ключове слово, в той час як пояснює і Google, і аудиторію, про що складається зображення.

Отже, що з тегом Title?

Заголовок тегу був розроблений, щоб надати більше інформації, коли ви наближаєте елемент, не дуже корисний для IMG, тому що якщо ви збираєтесь використовувати ту саму інформацію для ALT і TITLE, ви можете використовувати скрипт, щоб прочитати тег alt і зробити свій дуже власне наведення курсора за допомогою JS. Я б рекомендував тег заголовка лише у тому випадку, якщо ви збираєтесь надати більше інформації, ніж тег ALT, як більш тривалий опис - не потрібно вказувати точну інформацію в обох елементах, оскільки це просто роздуває код.

Заголовок тегу стає дуже зручним для посилань, оскільки після наведення курсору на нього може дати вашій аудиторії більше інформації про посилання, яке вони збираються натиснути. Варто вам прочитати більше про тег заголовка тут .

altдає альтернативний опис зображення. Цей атрибут необхідний для img.

titleдає додаткову інформацію про зображення. Цей атрибут необов’язковий для img.

Ніколи не покладайтеся на інформацію в title. Якщо інформація дійсно важлива, включіть її у свій власний елемент.

Ці два атрибути не повинні мати однаковий зміст.

Ваша плутанина нормальна, і так, кожен тег (Назва, ALT) представляє власний потенціал, який допомагає пошуковій системі та користувачеві знати, про що йдеться.

Певного часу тексту ALT недостатньо для опису зображення, тому краще призначати більше інформації, наскільки це можливо, використовувати варіації в присвоєнні слів, які є більш ефективними і з точки зору SEO.