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

Используй visibility: hidden или opacity: 0 вместо display: none. Эти свойства скрывают элемент визуально, но он остаётся в DOM и доступен для поисковых движков.

.hidden-but-accessible {
  visibility: hidden; /* или opacity: 0 */
  height: 0;
  width: 0;
  position: absolute;
}

Важно также убрать элемент из визуального потока (position: absolute) и обнулить его размеры, чтобы он не занимал место. display: none полностью удаляет элемент из потока, что может негативно сказаться на SEO.