Каким свойством CSS скрыть блок чтобы он остался доступен для поисковых движков?

Чтобы скрыть блок визуально, но оставить его доступным для поисковиков и скринридеров, используют «визуально скрытый» класс, а не display: none.

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

Почему не display: none

• display: none и visibility: hidden скрывают элемент и от скринридеров.
• Поисковики учитывают скрытый текст с меньшим весом, а массовое скрытие текста ради SEO может считаться манипуляцией.

Где это уместно

• подпись у кнопки-иконки: <button><svg …/><span class="visually-hidden">Закрыть</span></button>;
• заголовок раздела, который виден по контексту, но нужен для структуры;
• ссылка «Перейти к содержимому», которая появляется при фокусе.

Коротко для собеседования

Используют визуально скрытый класс (1px, clip-path, overflow: hidden): текст остаётся в документе для скринридеров и поисковиков, но не виден на экране.

Подробнее: The A11Y Project — How-to: Hide content