Jeden ze specjalistów SEO zapytał Johna Muellera o treści ukryte za pomocą JavaScript.
Ich główne pytanie brzmiało: powiedzmy, że mają stronę HTML. Niektóre części tej strony są ukryte przez właściwość CSS Display: none.
Kiedy użytkownik po raz pierwszy trafia na stronę, która z jakiegoś powodu jest ukryta – być może w celu uproszczenia interfejsu użytkownika.
Ukrytą treść można zobaczyć tylko wtedy, gdy użytkownik kliknie przycisk, a JavaScript uruchomi tylko szybkie zdarzenia JavaScript, a JavaScript zmieni status CSS, a wtedy użytkownik w końcu zobaczy treść.
Zatem ich pytanie brzmi: wygląda to dla nich trochę jak szara strefa, ponieważ Google nigdy nie może uruchomić żadnego zdarzenia JavaScript.
Zastanawiają się, czy treść ukryta przez CSS, gdy użytkownik po raz pierwszy trafia na stronę, może być celem Google oceniającym witrynę, czy nie?
John wyjaśnił, że tę treść nadal można indeksować. Dopóki treść znajduje się w samym kodzie HTML i DOM (obiektowym modelu dokumentu), gdy strona jest ładowana, Google może użyć jej do indeksowania.
Jeśli jest to coś, co wymaga zdarzenia JavaScript, aby następnie pobrać coś z serwera i wyświetlić to, to nie jest to coś, co by rozpoznali.
Ale dopóki jest w DOM i jeśli jest w HTML, to po prostu zmienia się z ukrytego w widoczny i jest to całkowicie w porządku.
Dzieje się to mniej więcej w 49:16 momencie filmu.
Transkrypcja Hangouta Johna Muellera
Profesjonalista SEO 8 49:12
Cześć John. Mam pytanie, które będzie trochę podobne do tego, na które odpowiedziałeś wcześniej. Ale dotyczy to HTML i JavaScript, klasycznego. Powiedzmy, że mam kod HTML — są pewne jego części, które są ukryte przez CSS i nie wyświetlają żadnego. A kiedy użytkownik po raz pierwszy trafi na stronę, która z jakiegoś powodu jest ukryta, [INAUDIBLE] aby uprościć interfejs użytkownika. I tę ukrytą zawartość można zobaczyć tylko wtedy, gdy użytkownik kliknie przycisk, a następnie JavaScript uruchomi się, po prostu uruchomi się JavaScript QuickEvents i JavaScript, zmieni status CSS, a następnie użytkownik zobaczy zawartość. Moje pytanie brzmi więc, jak dla mnie wygląda to na szarą strefę, ponieważ Google nigdy nie może uruchomić żadnego zdarzenia JavaScript. Zastanawiam się więc, czy zawartość ukryta przez CSS, gdy użytkownik po raz pierwszy trafia na stronę, może być celem oceny Google, czy nie?
Jana 50:16
Nadal można go indeksować. To jest coś, jeśli jest to w samym kodzie HTML w DOM, kiedy strona jest ładowana, możemy użyć tego do indeksowania. Jeśli jest to coś, co wymaga zdarzenia JavaScript, aby następnie pobrać coś z serwera i następnie to wyświetlić, to nie jest to coś, co byśmy rozpoznali. Ale jeśli jest to w DOM, jeśli jest w HTML i po prostu zmienia się z ukrytego w widoczne, to wszystko jest w porządku.
Profesjonalny SEO 8 50:48
OK, więc czy odmiana będzie taka sama jak ta, która nie jest ukryta, lub…
Jana 50:53
Prawdopodobnie. To znaczy, zawsze trudno jest porównywać, na przykład to, jak ostatecznie zajmą miejsca różne rzeczy, ale zakładam, że będzie prawie tak samo. Myślę, że jest to również coś, na co warto zwrócić uwagę z punktu widzenia użytkownika, a to bardziej przypomina sytuację, gdy ktoś odwiedza Twoją stronę internetową i później, gdy została ona wyświetlona w wyszukiwarce. Zasadniczo oznacza to, że jeśli obiecujesz coś użytkownikowi, dobrym pomysłem jest pokazanie tego użytkownikowi, gdy wejdzie na Twoją stronę internetową. Stosujemy to więc w przypadku natrętnych reklam pełnoekranowych lub zbyt dużej liczby reklam na stronie. Jeśli odwiedzą Twoją stronę, powinni znaleźć to, czego szukali. A jeśli jest to dodatkowa treść, którą udostępniasz, a która nie jest głównym powodem, dla którego odwiedzają Twoją stronę, nie ma w tym nic złego. To coś w rodzaju sposobu na zwiększenie użyteczności strony. Jeśli jednak główna treść jest zablokowana w ten sposób, spodziewałbym się, że użytkownicy będą trochę niezadowoleni, jeśli tam pójdą i nie zdadzą sobie sprawy, och, w ten sposób uzyskuję tę informację.
Profesjonalista SEO 8 52:10
No dobrze, a co by się stało, gdyby zawartość była widoczna dla użytkownika na komputerze, a nigdy nie była widoczna na smartfonie? With – właściwie sam element jest osadzony w HTML, ale ukryty, a użytkownik nigdy nie będzie miał szansy cofnąć tego, co ukryte?
Jana 52:33
Nie sądzę, żebyśmy to rozdzielali. Ponieważ czasami jest to również po prostu mechanizm użyteczności stosowany w witrynach, w których zasadniczo projekt jest responsywny, a w ramach konfiguracji projektu responsywnego w przypadku niektórych rozmiarów ekranów ukrywa się coś w rodzaju paska bocznego i z naszego punktu widzenia jest to w porządku.