Google предупреждает: фоновые изображения CSS не индексируются

Недавно в подкасте Search Off the Record команда по отношениям с поиском из Google посоветовала разработчикам не полагаться исключительно на CSS для изображений сайта.

Использование изображений в качестве фонового элемента CSS может улучшить эстетику дизайна, но эти изображения не будут отображаться в результатах поиска по картинкам Google. Следовательно, отсутствие видимости может привести к упущенным возможностям индексации изображений и повышения позиций в поисковой выдаче.

Вот что советуют специалисты по поиску в Google.

Проблема отображения изображений в CSS

Во время эпизода Джон Мюллер поделился повторяющейся проблемой:

На прошлой неделе или возможно немного раньше кто-то связался со мной через социальные сети с таким сообщением: ‘Похоже, что их разработчик планирует использовать CSS для всех изображений, так как считает это более эффективным способом.’ Это понятно и естественно?

Команда Google предполагает, что этот метод возникает из-за неправильного понимания того, как поисковые системы декодируют или понимают изображения.

Когда визуальные эффекты добавляются через свойства фона в CSS вместо стандартных тегов изображений HTML, они могут не отображаться в DOM страницы и следовательно не индексируются.

Как объяснил Мартин Шплитт:

If your content includes an image, ensure that the image is incorporated within the document (DOM) using either an `` tag or a `` tag. This way, the image becomes an integral part of the content itself, enabling image search engines to recognize and index it more effectively, as opposed to viewing it merely as decoration.

Содержание против декорации

Различие между содержательным образом (смысловым изображением) и эстетически привлекательным образом (декоративным изображением) заключается в том, предоставляет ли он значение или служит только для визуальной привлекательности.

Добавлять декоративные элементы, такие как узоры, визуальные эффекты или анимированные дизайны в контент с помощью CSS вполне безопасно.

Когда изображение передает смысл или упоминается в содержании, CSS не подходит.

Сплит предложил следующий пример:

В своём блоге о захватывающих дух пейзажах я хотел бы обратить внимание на невероятный панорамный вид. Однако возникла небольшая проблема — хотя текст ссылается на эту картинку, само изображение не включено в контент.

В таких случаях размещение изображения в HTML с использованием тега img или picture гарантирует его восприятие как часть контента страницы и возможность индексации в поиске изображений Google.

Что делает изображения в CSS невидимыми?

Сплит объяснил, почему это происходит:

Для того, кто просматривает веб-страницу, обсуждение Мартина кажется странным, так как изображение появляется на экране. Однако при изучении объектной модели документа (DOM) становится ясно, что изображения там нет; это лишь аспект стиля, добавленный через CSS для улучшения внешнего вида страницы.

Потому что Google анализирует DOM для определения структуры контента, изображения, стилизованные исключительно с помощью CSS, часто остаются без внимания, особенно если они не включены как действительные элементы HTML.

Это различие отражает общий принцип веб-разработки.

Сплит добавляет:

Идеальна разница между тем, как выглядит сайт, и каким он содержит контент.

Что насчет стоковых фотографий?

Команда решила проблему включения стандартных изображений, которые часто используются больше для эстетической цели вместо уникального материала.

Сплитт говорит:

Наша команда указала, что изображение, хоть и было приобретено или лицензировано как стоковое фото, остается неотъемлемой частью нашего контента и не было создано нами.

Хотя эти изображения могут не занимать высокие позиции из-за дублирования, их внедрение в HTML всё равно способствует правильному индексированию и улучшает доступность.

Почему это имеет значение

Команда выделила несколько примеров, где неправильная реализация может снижать видимость:

  • Объявления о недвижимости: фотографии домов, используемые в качестве фоновых изображений, не будут отображаться при поисковых запросах по изображениям.
  • Новости статей: Графики или инфографика, добавленные через CSS, не могут быть индексированы, что ослабляет возможности обнаружения.
  • Сайты электронной коммерции: Изображения товаров, встроенные в стили фона, могут не отображаться в результатах поиска по товарам.

Что делать дальше

Комментарии Google указывают на то, что следует придерживаться следующих лучших практик:

  • Используйте теги HTML (img или картинку) для любых изображений, которые передают содержание страницы.
  • Резервируйте фоны CSS для декоративных визуальных элементов, которые не несут смысловой нагрузки.
  • Если пользователи могут ожидать нахождения изображения посредством поиска, оно должно быть в HTML.
  • Правильная реализация помогает не только с поисковой оптимизацией (SEO), но и с инструментами доступности и программами чтения экрана.

Заглядывая вперед

Издатели должны учитывать, как реализованы изображения.

Использование CSS для задач дизайна может быть очень эффективным, однако оно не всегда соответствует оптимальным практикам при интеграции изображений контента. Это связано с тем, что такой подход потенциально мешает индексации поисковыми системами, ухудшает доступность и негативно влияет на всесторонний долгосрочный план SEO.

Послушайте полную подкаст-эпизод ниже:

https://www.youtube.com/watch?v=l2E3gBDP_qY

Смотрите также

2025-07-28 18:39

Биткоин-бум MetaPlanet: 2 миллиарда долларов и больше 🚀💰

В мире, где абсурдное часто принимается за норму, японский MetaPlanet вновь доказал, что он не просто идет в ногу со временем, но также с Биткоинами. Последнее увлечение Биткоином привело к тому, что его цифровая сокровищница превысила отметку в $2 миллиарда. 🎉

  • BTC-запас Metaplanet теперь соперничает с ВВП небольшой страны.
  • Компания недавно добавила в свою коллекцию 780 BTC
  • Несмотря на свою одержимость биткоинами, его акции остаются такими же захватывающими, как собрание в понедельник утром.

Крупнейший корпоративный энтузиаст биткоина в Японии, компания Metaplanet, не просто барахтается в криптовалютных водах; она глубоко погружается в них. В понедельник, 28 июля, владения Биткоином компании официально превысили отметку $2 млрд благодаря аналитической платформе блокчейн Arkam Intelligence.

ХЛАДИНКИ МЕТАПЛАНЕТА СОСТАВИЛИ СЕГОДНЯ $2 МЛРД В БИТКОИНАХ Холдинги Metaplane достигли отметки в $2 млрд биткоинов сегодня после того, как $46.7 млн было перечислено на их кошельки от QCPCapital.Metaplane является крупнейшим корпоративным держателем биткоина среди японских компаний – и они не прекращают покупать биткоины.

Это монументальное достижение стало возможным благодаря щедрому пожертвованию от QCPCapital, ключевого инвестора в Metaplanet. Передача $46,7 млн в BTC, что эквивалентно 780 биткоинам, стала существенным пополнением уже впечатляющего запаса Metaplantet. Согласно официальным отчетам, сейчас компания располагает внушительными 17 132 биткоинами, стоимостью примерно $2 021 млрд. Быстрое накопление свидетельствует об агрессивной стратегии компании, благодаря которой ее запасы выросли с 12 345 BTC от 25 июня и превзошли даже мощные резервы Tesla.

Акции MetaPlanet: Путешествие на американских горках ()

Пока портфель биткоинов Metaplanet растет до новых высот, цена акций этой компании кажется на совершенно другом уровне – словно в американских горках. Для финансирования своих приобретений биткоина компания использует комбинированную стратегию собственного капитала и долгового финансирования, напоминающую подход Майкла Сейлора. Однако эта агрессивная тактика несет с собой свои вызовы.

В настоящее время акции компании Метапланета упали на 25% за последние 30 дней и более чем на 40% от годовых максимумов. Между тем, сам биткоин торгуется близко к историческим высотам, заставляя инвесторов чесать затылки. 🤔 Похоже, что фондовый рынок не так сильно увлечен биткоином, как Метапланета.

Приобретая BTC на заемные средства, компания Metaplanet по сути превратила свои акции в ставку с плечом на биткойн, что делает их значительно более волатильными, чем сам криптовалюта. Если цена биткойна упадет резко, Metaplanet может оказаться в опасном положении, возможно вынужденное продать свой BTC для покрытия долговых обязательств. 🚨

Смотрите также

2025-07-28 18:23

Волатильность ранжирования Google Поиска была активной в эти выходные — реверсии?

Несмотря на мой предыдущий отчет о колебаниях ранжирования в Google Search после недавнего обновления, которые казались более нестабильными, чем основное обновление июня 2025 года, ситуация ухудшилась. За последние выходные произошли еще более заметные колебания, и некоторые пользователи столкнулись с реверсированием событий прошедшей недели.

В случае если вы пропустили информацию, основное обновление Google от июня 2025 года началось 30 июня и завершилось в начале июля 17-го числа; однако уровень колебания результатов поиска оставался высоким до сегодняшнего дня. Вопреки ожиданиям, первоначальное объявление об обновлении не показало значительного волатильности, но изменения начались со второго июля. Мы сообщали о частичном восстановлении и полезных обновлениях контента примерно к десятому июля (хотя не все с этим столкнулись). Заметно, что несмотря на завершение основного обновления четыре дня назад, колебания в результатах поиска остаются интенсивными — и они продолжаются уже почти две недели.

Я не уверен, видел ли я когда-либо такой волатильный период после основного обновления от Google.

Чаттер SEO

Для начала давайте углубимся в последние обсуждения касательно предполагаемого обновления алгоритма Google, так как я обсуждал его нестабильность в последнем отчете. Эти разговоры можно найти не только здесь, но и на WebmasterWorld. Вот несколько примеров: 1. Пользователь А: ‘Я заметил значительные изменения в позициях моего сайта после вчерашнего дня.’ 2. Пользователь Б: ‘У меня тоже произошло резкое падение трафика ночью.’ 3. Пользователь В: ‘Кто-нибудь еще сталкивался с колебаниями ранжирования на этой неделе?’ 4. Пользователь Г: ‘Органический трафик моего сайта резко упал после обновления. Я беспокоюсь о восстановлении.’ 5. Пользователь Е: ‘Я увидел всплеск в своих позициях, но сейчас кажется, что он стабилизировался.’

Сегодня был первый день с нормальным трафиком, трафик из новостей вернулся, и в магазине были достаточно хорошие продажи от покупателей Google сегодня.

Я надеюсь, что завтра он снова не упадет.

Наши основные показатели прироста уменьшились за последние 24 часа примерно на 50%.

Наши просмотры страниц в Google уменьшились на 31% в субботу, тогда как другие источники трафика преимущественно выросли. В целом мы получили хороший результат от обновления — или получили бы его, если бы эффект батута не вернул.

Что бы ни происходило ранее на этой неделе, безусловно, закончилось, и трафик вернулся к норме. Посещаемость моей главной страницы была от -25 до -50% до пятницы, а после вчерашнего дня снова вернулась в обычное состояние. Сегодня посещаемость необычно высока…

Сегодня что-то изменилось. Посещаемость моего вебсайта немного увеличилась.

Может быть, вы правы. Увеличение трафика не стабильно — один день у вас много посетителей, на следующий день мало. Я вспоминаю те времена пару лет назад… Ах…

Это обновление значительно что-то изменило. Трафик стал крайне нестабильным. Огромные всплески и падения повсеместно.

В субботу меньше трафика, чем в пятницу. Ну вот это новость! Кажется, он продолжает падать.

Кажется, сила связей вновь возросла. Человек, который связывается со мной по поводу покупки ссылок, стабильно занимает верхние позиции в разных местах. К сожалению, это печально наблюдать.

Сегодня очень жарко. Нет пробок и вообще ничего. Очень плохо и грустно… 🙁

Здесь тоже. С каждым днем становится только хуже.

После значительных падений мои два основных сайта улучшились в течение недели в поисковой выдаче, но вчера они упали ещё больше. Всё ещё присутствует большая волатильность. Я замечаю стабильное поведение меньших сайтов тоже.

Обновление еще не завершено.

Ночью мы потеряли 50%. Полный мусорный трафик роботов с 80% отказов.

Неделями падает всё ниже и ниже.

Отслеживание сторонних инструментов Google

Только взгляните на некоторые из этих инструментов, какими же горячими они стали после завершения основного обновления:

Семурш:

СимиларВеб

Винчер:

Продвинутые Веб-Рейтинги:

Мозгаст

Когнитивное SEO:

Аккуранкер:

Мангусты

Данные для SEO:

SERPstat

Систрикс:

Алгороо

В этом отчете представлен совокупный обзор ранее упомянутых инструментов, демонстрирующий их общую сумму на одном графике с использованием инструмента агрегирования от Wiredbound.

Не помню таких колебаний цен в компании Google за долгое время…

Что вы все видите?

Смотрите также

2025-07-28 16:44

Google: Soft 404-е используют бюджет обхода, несмотря на статус 200 ОК.

Представитель Google, Гэри Иллес, объяснил влияние мягких ошибок 404 на бюджет сканирования во время конференции Search Central Live Asia Pacific в 2025 году.

Как специалист по цифровому маркетингу, недавно я наткнулся на проницательный пост Кеничи Сузуки в LinkedIn, который проливает свет на тонкий, но важный аспект SEO (поисковой оптимизации). Оказывается, что хотя жесткие ошибки 4XX традиционно не влияют на бюджет сканирования, есть ключевое отличие: мягкие ошибки 404 действительно имеют значение. Поэтому крайне важно учитывать эту тонкость при управлении и оптимизации наших сайтов для поисковых систем.

Проблема с мягкими ошибками 404

Вместо обычных страниц ошибок 404, которые показывают статус 404 и сообщение об ошибке типа ‘страница не найдена’ или ‘элемент недоступен’, мягкие ошибки 404 предлагают статус 200 OK вместе с похожими сообщениями, но более дружелюбными для пользователя.

Это значит, что сервер сообщает об успешном ответе, но содержание страницы говорит иное.

Иллиес объяснил, что Гугл использует анализ контента для выявления этих несоответствий.

Если система определяет признаки пустой или нерелевантной страницы, она помечает веб-адрес как мягкий код ошибки 404, несмотря на то что ответ HTTP указывает на корректное функционирование страницы.

И в отличие от настоящих ошибок 404, эти страницы используют бюджет на сканирование без предоставления какой-либо полезной информации взамен.

Как определить мягкие ошибки 404

Как эксперт по SEO могу вам сказать, что Google Search Console предоставляет специализированный отчёт в разделе Index Coverage, предназначенный для помощи в выявлении мягких ошибок 404.

Некоторые распространенные причины включают:

  • Страницы продуктов, на которых написано ‘нет в наличии’, но которые возвращают код состояния 200 ОК.
  • Пустой результат поиска или страницы категории
  • Истекшие списки мероприятий
  • Удаленные профили пользователей

Подобные веб-страницы могут обходить технические проверки благодаря предоставлению законного кода статуса, но при этом содержат мало или вообще никакого значимого контента для поисковых систем.

Предотвращение образования отходов при ползании

Чтобы избежать потребления бюджета на сканирование этими страницами:

  • Верните статус 404 или 410 для контента, который больше не существует.
  • Используйте редирект типа 301 при постоянном перемещении контента.
  • Рассмотрите использование структурированных данных вместо показа пустых страниц товаров при уведомлении о нехватке товара.
  • Разработайте полезные страницы с кодом ошибки 404, которые помогают пользователям и указывают на недоступность контента.

Итоговое мнение

Неизбежно мягкие ошибки 404 сначала кажутся безобидными, но они могут привести к техническим последствиям. Когда информация на вашем сервере отличается от того, что отображается на странице, это порождает неэффективности, замедляющие скорость сканирования и уменьшающие видимость.

Для любого сайта, испытывающего проблемы с производительностью при сканировании (crawl), мягкие ошибки 404 теперь имеют приоритетное значение для проверки.

Смотрите также

2025-07-28 16:09

Волькон меняет свои мечты о электромобилях на биткоин: переход к империи цифровой

Ну что ж, ну что ж! Похоже, Volcon — некогда благородный претендент в гонке за электромобили — решил поменять шум электрических двигателей на цифровое гудение криптовалюты. Да-да, вы правильно услышали: они только что приобрели дополнительные 317 биткоинов, заплатив при этом $37,3 миллиона. Это составляет примерно $117,683 за каждую блестящую монету. Возможно, они рассчитывали поймать еще несколько цифр по такой цене, но кто знает.

В случае если вы не заметили, они также решили провести ребрендинг и теперь называются Empery Digital. Я знаю, ‘Empy’? Похоже на название из высокоуровневой средневековой драмы, правда? Но нет, речь идет о цифровых активах и криптовалюте сейчас. Прощайте, электрические автомобили. Кажется, Volcon, или правильнее будет сказать, Empery Digital, стремится захватить волну биткоина прямо в будущее, оставив мечты об электромобилях позади. Как насчет такой трансформации?

Смотрите также

2025-07-28 16:56