Всем привет. Подскажите как быть, если нужно выводить картинки, которые

Question

Всем привет. Подскажите как быть, если нужно выводить картинки, которые

должны быть для SEO именно img тегом, но они разные, и удобнее сделать их для визуала через background-image?? Вставить в этот же блок img и сделать его провзрачным? Как правильнее поступить?

#css #frontend #html #programming #russian

0

22.10.2022

11 ответов

4 просмотра

Anton Permyakov

Почему через background-image будет удобнее?

0

22.10.2022

Sultan Mashukov Автор вопроса

Maksym
для сео оптимизации лучше вставить блок img, парсе...

Ну я это и имел ввиду. Для визульного отображения вставить через background-image , и одновременно для парсера вставить эту же картинку через img, в этом же блоке, только с opacity:0 . Просто показалось костылем, поэтому уточняю

0

22.10.2022

Sultan Mashukov Автор вопроса

Anton Permyakov
Почему через background-image будет удобнее?

Вот это вставлено через img. Попросили сделать, чтобы картинки были одинаковой высоты. С background-image можно это сделать, задав всем блокам одну высоту и background-size:cover . А с img ты так не сделаешь. И да, не было бы проблем, если бы они одинакового размера картинки загружали. Но контент менеджеры как душе угодно делают

0

22.10.2022

Anton Permyakov

Sultan Mashukov

Вот это вставлено через img. Попросили сделать, чт...

object-fit: cover;

0

22.10.2022

Sultan Mashukov Автор вопроса

Anton Permyakov
object-fit: cover;

Родителю сделал min-height: 262px; а дочернему img object-fit: cover; . Результата нет. Это первое что сделал. Потом пришел к варианту через бэкграунды

0

22.10.2022

Sultan Mashukov Автор вопроса

Sultan Mashukov
Ну я это и имел ввиду. Для визульного отображения ...

Вы мне скажите пожалуйста, такой вариант рабочий?

0

22.10.2022

Anton Permyakov

Sultan Mashukov
Вы мне скажите пожалуйста, такой вариант рабочий?

Нет, надо разбираться с первым вариантом

0

22.10.2022