Атрибут title для картинок і атрибут alt як додати на сайт, оптимізація картинок

Атрибут title для картинок і атрибут alt як додати на сайт, оптимізація картинок

Навіщо оптимізувати зображення?

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

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

Чим відрізняється ALT від TITLE?

TITLE і ALT є елементами HTML кодування.

оптимізація картинок

Обробка зображення шляхом його оптимізації необхідна перед його завантаженням в опубліковану статтю сервісу. При це необхідно дотримуватися правил:

Зображення з атрибутом TITLE: на ньому, при наведенні курсору миші, висвічується її назву

Атрибут title для картинок і атрибут alt як додати на сайт, оптимізація картинок

Зображення з атрибутом ALT: без картинки

Атрибут title для картинок і атрибут alt як додати на сайт, оптимізація картинок

Зображення, без використаного атрибута TITLE. При наведенні курсора миші, відсутній опис картинки:

Атрибут title для картинок і атрибут alt як додати на сайт, оптимізація картинок

Зображення без атрибута ALT, без картинки:

Атрибут title для картинок і атрибут alt як додати на сайт, оптимізація картинок

оптимізація посилань

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

Для оптимізації посилань використовується тільки елемент кодування TITLE.

Оптимізація посилання-картинки

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

Як практично додати TITLE і ALT?

Два розглянутих атрибута необхідно додавати в HTML-кодування сайту:

Зразок додавання TITLE

Схожі статті