Скачать книгу

быть не включено в поиск на русском и других языках.

      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.

Скачать книгу