Створення більшості зображень сайту WordPress: SEO текст SEO і доступність

1. Що таке альт-текст?
2. Як редагувати текст alt?
3. Що я повинен писати як альт-текст
4. Більше способів описувати зображення
5. Назва зображення
6. Заголовок зображення
7. Опис зображення
8. Альтернативний текст на винос

Ми раніше обговорювали, як це зробити оптимізувати розмір зображення , макет і доступність на вашому веб-сайті WordPress. На цей раз ми розглянемо більш детально на конкретній ділянці оптимізації зображення: текст зображення alt.

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

Що таке альт-текст?

Текст Alt або альтернативний текст - це текст, який відображається, якщо з будь-якої причини зображення, відео, GIF або інший нетекстовий вміст не видно.

Це може бути через те, що зображення порушується, якщо є повільне підключення до Інтернету, а зображення не може бути завантажено, або якщо користувач налаштовує веб-переглядач не відображати зображення.

У цих випадках зображення буде замінено текстом alt, як у прикладі нижче:

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

І, оскільки пошукові системи базуються на тексті, вони використовують альт-текст зображення, а не сам образ, щоб зрозуміти, що таке зображення.

Текст Alt ефективно робить зображення видимим для пошукових систем і читачів екрану. Який, як ви дізнаєтеся, незабаром, дуже добре, якщо все зроблено правильно.

Як редагувати текст alt?

Щоб зробити це зображення нижче, потрібно вказати HTML-код.

<img src = ”https://www.calliaweb.co.uk/wp-content/uploads/2017/05/dog-walking-740Ч494.jpg” alt = ”ходьба собак” />

Тут img src означає 'джерело зображення' і є розташуванням файлу зображення. На відміну від цього, хороша практика називати файли логічно - ви помітите, що це включає в себе ім'я файлу "dog-walking.jpg". Це пов'язано з тим, що користувачі, читачі екрана та пошукові системи можуть читати та розпізнавати ім'я файлу після його завантаження на ваш сайт.

alt - атрибут alt. Саме тут ваш альт-текст іде і коротко опишіть зображення в контексті повідомлення в блозі. Ми просто вибрали альт-текст "ходьба собак".

Хороша новина полягає в тому, що вам не потрібно знати будь-який HTML-код для редагування тексту на зображенні. Коли ви завантажуєте зображення, ви можете редагувати текст alt на екрані " Відомості про додаток" :

У наведеному вище прикладі текст "ходьба собак" буде прочитаний як читачами екрану, так і пошуковими системами, і він з'явиться на цій веб-сторінці, якщо зображення не відображається.

Якщо зображення чисто декоративне, то альт-текст можна залишити порожнім. Але в більшості випадків краще включати текст для зображень.

Що я повинен писати як альт-текст

Якщо ви застрягли за те, що писати в текстовому полі alt, подумайте, як би ви описали зображення тому, хто його не бачив.

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

Візьмемо, наприклад, зображення нижче:

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

Але якщо він був використаний на сторінці продукту, що продає візерункове плаття, то альт-текст може бути " жінка, що носить узор з довгим рукавом ".

В обох випадках текст alt описує зображення, а також містить відповідне ключове слово.

Для продуктової сторінки ключове слово є "візерункове плаття з довгими рукавами". Для благополуччя, це «щаслива, здорова жінка».

Залежно від того, де використовується зображення, ключове слово повинно описувати зображення та відповідати контексту сторінки.

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

Зверніть увагу, ви також не повинні включати “фотографію ..” або “образ…” у ваш альт-текст, оскільки читачі екрану та пошукові системи знають, що альт-текст описує зображення.

Більше способів описувати зображення

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

• Назва
• Підпис
• Опис

Ви можете подумати про себе: “Чи потрібно мені дійсно заповнювати всю цю інформацію, кожен раз, коли я завантажую зображення?” Відповідь: “Ні”.

Ви повинні вирішити, на основі кожного конкретного випадку, чи є ці інші поля релевантними.

Давайте розглянемо, як кожне поле впливає на користувачів і SEO, щоб допомогти вам вирішити:

Назва зображення

Назва зображення - це лише функція, яка використовується для назви зображень у бібліотеці медіа. Як правило, на вашому веб-сайті неможливо знайти назви зображень. Це означає, що вони не вплинуть на ваших користувачів або на SEO.

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

Під час сортування зображень може виявитися корисним заповнення назви зображення. Якщо ні, ви можете з радістю залишити це поле порожнім.

Заголовок зображення

Заголовок зображення робить те, що написано на олово - цей текст з'являється над або під зображенням на публікації або сторінці.

Ваші підписи можуть бути розроблені розробником і часто матимуть менший розмір шрифту, щоб візуально відокремити їх від решти тексту сторінки.

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

Опис зображення

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

Але якщо описи не налаштовані для відображення де-небудь на вашому сайті, заповнення цього поля лише додає додатковий шар непотрібної роботи.

Альтернативний текст на винос

Створення більшості тексту alt це швидкий, легкий спосіб поліпшити ваш SEO і доступність. Щоб оновити, тут наведено деякі ключові слова:

• Альтернативний текст - це текстове представлення будь-якого нетекстового веб-сайту, включаючи зображення
• Текст Alt - це текст, який відображається, якщо зображення порушено, але також розпізнається пошуковими системами та читачами екрана
• Без тексту alt зображення невидимо для читачів екрану та пошукових систем
• Після завантаження зображення на веб-сайт WordPress можна редагувати текст на екрані Додаткова інформація
• Ви також можете редагувати назву і опис зображення, але текст і підписи зазвичай більш важливі для SEO і доступності
• Тримайте текст у тексті коротше і має відношення до контексту сторінки
• Використовуйте ключові слова у тексті alt, коли це можливо, але тільки якщо вони актуальні

Потрібна допомога в оптимізації веб-сайту для користувачів і пошукових систем? Налагодити зв'язок !