быть не включено в поиск на русском и других языках.
66 фактор. Атрибут TITLE
Атрибут «title» в теге img для пользователя отображается в виде всплывающей подсказки.
Многие сеошники считают, что необходимо его вписывать и заполнять ключевыми словами.
Очевидно, они руководствуются фразой:
«Не стесняйтесь дополнять атрибут „alt“ „title“ и другими атрибутами, если они предоставляют ценность вашим пользователям!»
SEROUNDTABLE, 2017.
Но ценностью для посетителя будет не набор ключевых или LSI слов, при подводе мышки на изображение, а информация, которую получит пользователь при клике.
Вернёмся, к примеру, о щенке, где писали
alt = «Мой щенок Кеша – большой любитель играть на спортивной площадке с теннисными мячами.»
По мнению Google более логично написать, что произойдёт при клине. Например, в качестве атрибута для ссылки
Title= «Кликните, и посмотрите на увеличенное изображение в высоком разрешении».
Итак, атрибут «title» следует ставить, когда изображение указывает на навигационное действие, такое как «переход к следующему экрану» или «возврат к началу страницы». В этом случае изображение должно сопровождаться пояснительным текстом, который указывает, что пользователю предлагается сделать.
67 фактор. Формат изображения
С некоторого времени при определении скорости загрузки веб-ресурса на developers.google.com пользователи могут видеть такое сообщение:
Google для уменьшения скорости загрузки предлагает отказаться от форматов JPG и PNG, и пере конвертировать все изображения на новые форматы: JPEG 2000, JPEG XR и WebP.
Формат JPEG 2000 (JP2)
был создан комитетом Объединённой группы фотографических экспертов в 2000 году. Он предлагает некоторые преимущества в точности изображения по сравнению со стандартным JPEG.
Но по данным caniuse.com этот формат поддерживает только Safari и iOS Safari, т.е. более поздние разработки продукции компании Apple.
Формат изображений JPEG XR
от Joint Photographic Experts Group, имеет лучшее сжатие чем jpg. Поддерживает сжатие без потерь, альфа-канал и 48-битный глубокий цвета.
Но, как видите он практически не поддерживается современными обозревателями.
Формат изображения WebP,
От компании Google поддерживает сжатие с потерями и без потерь, а также анимацию и альфа-прозрачность.
Поддерживается практически всеми современными обозревателями, за исключением продуктов Apple.
Поэтому, если желаете, чтобы на Safari ваши картинки не были видны, то можете смело использовать этот формат.
Можно использовать тег picture:
<picture>
<source type=«image/webp» srcset=«path/to/image. webp»>
<source type=«image/jp2» srcset="path/to/image.jp2»>
<source type=«image/jxr» srcset=«path/to/image. jxr»>
<img src="path/to/image.jpg»>
</picture>
Но тег picture не поддерживают старые обозреватели, поэтому нужен будет js:
Достаточно просто подключить и всё:
<script async=true src=/path/to/picturefill. js> </script>
<script async=true src=/path/to/jxr.