Ukrywanie tekstu widocznego na stronie zgodnie z zasadami SEO - czy takie podejście jest dobre?

[kacper3355]

Cześć. Na stronie głównej swojego portalu mam jego obszerny opis. Większą część opisu ukryłem za pomocą następującego kodu CSS:

 

.ukryty-tekst {
   position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

 

Czy Waszym zdaniem takie rozwiązanie jest w porządku, czy może powinienem ugryźć to jakoś inaczej? Na swoim blogu Google pisze, że ukrywanie za pomocą CSS jest ok, ale nie wiem, czy taki kod jak mój będzie w porządku, czy może powinien wyglądać jakoś inaczej.

 

Oczywiście użytkownik może rozwinąć całość, klikając odpowiedni button.

Edytowane 3 Grudnia 2021 przez kacper3355

[blazejs]

10 godzin temu, kacper3355 napisał:

Cześć. Na stronie głównej swojego portalu mam jego obszerny opis. Większą część opisu ukryłem za pomocą następującego kodu CSS:

 

 

Taki kod stosuje sie przede wszystkim do wstawiania dodatkowych opisow dla czytnikow ekranowych (WCAG). A nie mozesz po prostu zrobic zwyklego accordiona?

[kacper3355]

4 godziny temu, blazejs napisał:

 

Taki kod stosuje sie przede wszystkim do wstawiania dodatkowych opisow dla czytnikow ekranowych (WCAG). A nie mozesz po prostu zrobic zwyklego accordiona?

Niezbyt tutaj pasuje. Masz może jakaś inną propozycję CSSa, skoro ten nie jest za dobry? 

[Grey Ronin]

38 minut temu, kacper3355 napisał:

inną propozycję

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>

Czysty HTML bez CSS-a

[kacper3355]

53 minuty temu, Grey Ronin napisał:

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>

Czysty HTML bez CSS-a

To rozwiązanie byłoby spoko, tylko po rozwinięciu przycisku przycisk nie przeskakuje na koniec rozwiniętego tekstu. Ale dzięki, może jakoś uda mi się coś podziałać w tym kierunku