Как лучше поступать с декоративными изображениями и почему - На Ковре у Мурыча
HTML-код
- Опубликовано: 10 сен 2024
- Можно ли вставлять декоративные изображения с тегом img и пустым alt? Нежелательно. В видео Мурыч объясняет почему.
Вопрос Евгения Калинского:
Встретил такую рекомендацию: "Добавляйте декоративные изображения с пустым alt="" или атрибутами role="presentation" и aria-hidden="true""
Обрабатывает ли Google эти атрибуты? Возможно ли не перевёрстывать декоративные элементы, а просто добавить к ним role="presentation" или aria-hidden="true" ?
На вопрос ответил Деми Мурыч: t.me/demimurych
Форма для ваших вопросов: forms.gle/x8Hk...
#seo #наковре #изображения
а вот если декоративные картинки запихаем в css, как рекомендуется, то как эти картинки менять с бэка? Скажем через cms. Ответ вроде простой, положить картинку в img, в разметку. Возможно есть ещё какие-то варианты?
Менять свойство background-image через style, очевидно же... style="background-image: url(newimg.jpg); " . Если картинки зависят от состояния, то переопределять классами модификаторами, например status-success status-error и т.д... Различные иконки конвертировать в иконочные шрифты по возможности и будет очень удобно с ними работать.
Интересно логотип компании это часть основного контента и его лучше делать через img. Или таки лучше его через background. Имеется в виду на всех страницах сайта
я бы делал через background, всеже это больше элемент дизайна, а не смысловой блок. А на странице "about" дал бы ассеты на все варианты логотипа. Но здесь территория Мурыча, так что не знаю точно как правильно)
Логотип компании владельца ресурса - это ОСНОВНОЙ контент причем очень важный. Обязательная часть микроразметки Organization или Person в зависимости от того кто владелец ресурса.
Любые изображения, которые являются частью какой либо микроразметки, которая связана с основным контентом или является его частью - автоматически обязательный тег img со всеми вытекающими.
**Важно**
Если по каким либо причинам, вы не можете гарантировать качество изображения то лучше его исключить из индекса. То есть интегрировать посредством например бэкграунд.
*Но это самая крайняя мера* потому как банальный программный масштаб в фотошоп, хоть и будет успешно детектировать поиском, но принесет намного больше пользы чем вообще отсуствие изображения.
@@DemiMurych А если логотип в формате SVG, то можно его отобразить тегом IMG ?
@@ilyawebdevМожно и нужно.
Мурыч, отвечайте пожалуйста на сообщения. В конце концов, мы с вами договорились о консультации, вы взяли деньги, уже столько месяцев мы вас ждем и не можем закрыть вопрос. :( Немного уважения к нам и профессиональной этики проявите.
Это очень на меня похоже.
Напишите мне в почту demimurych@gmail.com или demi@murych.com я сразу же Вам отвечу. В телеграме я пытался навести порядок чтобы отфильтровать мешающий мне сейчас работать шум и мог ошибиться и не занести ваш аккаунт в белый список.
Вполне возможно что ваш аудит по большей части готов, но ожидал окончания какого нибудь опыта. Так в большиснвте случаев со мной бывает. Я всегда перепроверяю все что рекомендую, при этом пытаюсь перепроверить на контенте который ближе всего к проекту заказчика. Без уверенности в результате никогда работу не отдаю. Да иногда даже если цвет ссылки мне не нравиться могу не отдавать работу.
Если он для Вас еще будет актуален, то вы его получите как можно быстрее с обязательной какой нибудь компенсацией. Если же это уже будет не актуально - то конечно я верну вам ваш аванс.