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

Question

[weranda]

Приветствую.
Есть на странице сайта раздел брендов — ссылки. Выглядит примерно так:

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

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.

Answer 1

[Никита Михайлов]

Больше смысл для СЕО даже не в количестве картинок, а в том, как они описаны. Контентные изображения лучше держать именно в виде изображений (img). В качестве спрайтовых элементов имеет смысл держать иконки и другие не контентные изображения.

Для обычных изображений не забывайте указывать правильные атрибуты (например, alt). Вот за это СЕО точно скажет спасибо

Comments

[N N]

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

PS : СЕО не то же, что SEO)))

Answer 2

[Евгений]

Просто используйте изображения (svg, png) + Lazy load

Answer 3

[Пума Тайланд]

С учётом того что по названию бренда вас вероятно не будут находить о каком сео идеьт речь?

Comments

[weranda]

Не знаю как точно ответить на ваш вопрос.
С учётом того, что почти ни одно изображение, представленных на страницах сайтов не ищут по прямому запросу, то смысла в изображениях нет. Получается так, следуя вашей логике)
Изображение, разве, не представляет собой дополнительную ценность?

[Пума Тайланд]

weranda, да в них нет смысла для сео, это чисто для пользователей. То есть в целом без разницы как оно будет сделано.
Вот вы говорите какую то дополнительную ценность, а какую? В чем она измеряется? Да никакой ценности нет для сео, да прикольно когда к тебе приходят на сайт и видят что твой клиент какая нибудь топ 1 студия миллиардной страны. Для сео никакого смысла разве что кроме мелко отрицательного не несёт.
Вы определитесь с конкретикой, а то вы приписываете какую то пользу в виде божественной благодати, которую никто никогда не видел и не щупал

Answer 4

[Виктор Петров]

Вам, вероятно, интересен не поиск по картинкам логотипов, а ссылки с этих логотипов. Ну и оформляйте соответственно: при отключенном css видна текстовая ссылка, а с включенным - блоки с логотипами (и подписями). Как реализовать - не важно, лишь бы большим количеством картинок не тормозило загрузку.
Спрайты - неплохая идея.

Answer 5

[Витя]

большой разницы в результате ты не увидишь, по этому, делай как проще тебе

Answer 6

[Olegg12]

Я считаю, что самое важное представлено здесь https://exiterra.com/blog/prodvizhenie-sajta/optim...