Как правильно скрывать элементы не забывая о SEO?

Кто тоже сталкивался. Какие есть способы чтобы правильно скрывать HTML элементы на странице, слышал случаи когда сайт невозможно было найти в Google изза того что на странице использовалось свойство display с значением none у контактной информации в шапке, вместо которой была кнопка для её отображения, убирая которую сайт начинал индексироваться, что вы посоветуете использовать в таких случаях, чтобы гугл не думал что от него пытаются чтото скрыть?
  • Вопрос задан
  • 986 просмотров
Решения вопроса 3
rockon404
@rockon404
Frontend Developer
.visually-hidden {

  visibility: hidden;
  position: absolute;

  /* или */

  clip: rect(0, 0, 0, 0);
  position: absolute;

  /* или */

  transform: scale(0, 0);
  position: absolute;

  /* или */

  opacity: 0;
  position: absolute;
  pointer-events: none;
  user-select: none;

  /* или */

  height: 0;
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
}


UPD:
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

Как прятать — HTML Шорты
Inclusively Hidden
Hiding Content for Accessibility
How-to: Hide Content
Ответ написан
northfire
@northfire
{
font-size: 0;
line-height: 0;
text-indent: -9999px;
overflow: hidden;
}
Ответ написан
Комментировать
squitcher
@squitcher
Верстальщик
через data content
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы