@weranda

Спрайт (png, svg) или отдельные изображения — что лучше для SEO?

Приветствую.
Есть на странице сайта раздел брендов — ссылки. Выглядит примерно так:
5f52081c6e4b1860716174.png
Думаю о том, как лучше сформировать изображения брендов и не прихожу к какому-то определенному умозаключению. Вариантов несколько и какой выбрать — вопросище!

1. Внуть ссылки вставить изображение (a > img)
Будет подгружаться много изображений. Нагрузка. Вероятно, лучше для SEO, так как есть конкретные изображения брендов.

2. Добавить для ссылок фон (png).
Вариант жрет меньше ресурсов. Нет отдельных изображений брендов, вероятно, хуже для SEO, чем отдельные картинки. Возможны два варианта: каждой ссылке отдельный файл фона или брать из спрайта.

3. Добавить внутрь ссылок вектор (svg).
Засоряет страницу лишним кодом, но для каждого бренда есть своя конкретная картинка, но понимает ли ПС что на SVG?

4. Добавить внуть ссылок фон (svg).
Жрет мало ресурсов, всегда выглядит опрятно. Нет отдельных изображений и хуже для SEO, вероятно — ПС лучше понимает конкретные изображения. Возможны два варианта: каждой ссылке отдельный файл фона или брать из спрайта

SVG подход, если использовать спрайт, нравится больше по работе с ним (добавлять, менять + выглядит норм — не размывается на ретина дисплеях), но кажется, что первый вариант для SEO лучше (много разных картинок, а чем их больше, тем лучше, вероятно), если бы не делал столько отдельных запросов для каждого изображения, а много запросов могут отрицательно повлиять на SEO (сайт будет дольше подгружаться)...в общем, ребята, какой-то замкнутый круг.

Посмотрел сейчас несколько лидеров рынка по разным нишам, они используют в основном отдельные изображения для каждой ссылки (a > img.png) группы брендов, но делают они это из-за того, что знают, что так точно для SEO лучше или же просто делают как получается:) .png и .svg спрайты используют в основном для элементов интерфейса, но что делать если на странице много небольших изображений (100–200)? — Загрузишь их в спрайт (некоторые), получишь выигрышь в потреблении ресурсов, но потеряешь в релевантности.

Поделитесь своими знаниями, мыслями, наблюдениями, опытом: что лучше и когда использовать? Отдельные png/svg, отдельные фоновые png/svg или спрайте png/svg.
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ответы на вопрос 3
iamd503
@iamd503
Верстальщик
Просто используйте изображения (svg, png) + Lazy load
Ответ написан
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Больше смысл для СЕО даже не в количестве картинок, а в том, как они описаны. Контентные изображения лучше держать именно в виде изображений (img). В качестве спрайтовых элементов имеет смысл держать иконки и другие не контентные изображения.

Для обычных изображений не забывайте указывать правильные атрибуты (например, alt). Вот за это СЕО точно скажет спасибо
Ответ написан
opium
@opium
Просто люблю качественно работать
С учётом того что по названию бренда вас вероятно не будут находить о каком сео идеьт речь?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы