Ten przewodnik pomoże Ci określić i rozwiązać problemy z JavaScript, które mogą zablokować twoją stronę lub pewną zawartość na stronach pracujących z JavaScript z wyświetlania w wyszukiwaniu Google. Pomimo faktu, że wyszukiwarka Google może przetwarzać JavaScript, istnieją pewne różnice i ograniczenia, które należy wziąć pod uwagę przy opracowywaniu stron i aplikacji, aby wziąć pod uwagę, w jaki sposób roboty Google uzyskują dostęp i wyświetl treść. Nasz przewodnik na temat podstaw JavaScript SEO zawiera więcej informacji na temat optymalizacji witryny za pomocą JavaScript w celu wyszukiwania Google.
GoogleBot został zaprojektowany jako użytkownik sieci bona fide. Głównym zadaniem jest skanowanie, podczas gdy GoogleBot powinien unikać pogarszania się wrażenia użytkowników w witrynie. GoogleBot i jego komponent usług renderowania sieci (WRS) stale analizują i identyfikują zasoby, które nie wpływają na główną zawartość strony i nie mogą być ładowane. Na przykład raportowanie i błędy, które nie są ważne dla głównej treści, nie podlegają ładowaniu. Skorzystaj z raportu na temat statystyk skanowania w konsoli wyszukiwania, aby monitorować aktywność GoogleBot i WRS na swojej stronie Google.
Jeśli podejrzewasz, że problemy JavaScript mogą zablokować twoją stronę lub konkretną zawartość na stronach za pomocą JavaScript z wyświetlania w wyszukiwaniu Google, postępuj zgodnie z tymi krokami. Jeśli nie masz pewności, że to główny powód JavaScript, postępuj zgodnie z naszą ogólną instrukcją debugowania, aby określić określony problem.
window.addEventListener('error', function(e) {
var errorText = [e.message, 'URL: ' + e.filename, 'Line: ' + e.lineno + ', Column: ' + e.colno, 'Stack: ' + (e.error && e.error.stack || '(no stack trace)')].join('
');
var DOM_ID = 'rendering-debug-pre';
if (!document.getElementById(DOM_ID)) {
var log = document.createElement('pre');
log.id = DOM_ID;
log.style.whiteSpace = 'pre-wrap';
log.textContent = errorText;
if (!document.body) document.body = document.createElement('body');
document.body.insertBefore(log, document.body.firstChild);
} else {
document.getElementById(DOM_ID).textContent += '
' + errorText;
}
});
Szczególną uwagę należy zwrócić na zapobieganie błędom, takim jak „Soft 404”, szczególnie jeśli Twoja witryna korzysta z aplikacji pojedynczej (SPA). Aby błędy nie były indeksowane przez wyszukiwarki, skorzystaj z następujących strategii:
fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
if (!page.exists) {
window.location.href = '/not-found';
}
});
fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
if (!page.exists) {
const metaRobots = document.createElement('meta');
metaRobots.name = 'robots';
metaRobots.content = 'noindex';
document.head.appendChild(metaRobots);
}
});
Jeśli aplikacja SPA używa JavaScript klienta do przetwarzania błędów, często pojawia się problem, gdy błędne strony spełniają status 200 zamiast żądanego kodu błędu.
GoogleBot nie będzie w stanie zapewnić zgody na dostęp do funkcji, takich jak używanie aparatu lub innych rozdzielczości użytkowników. Jeśli Twoja strona wymaga dostarczenia takich pozwoleń na dostęp do treści, podaj użytkownikowi alternatywny sposób wyświetlenia bez potrzeby zapewnienia zezwoleń.
Wcześniej stosowane podejście z fragmentami URL (na przykład https://example.com/#/products) nie jest już obsługiwane w skanowaniu GoogleBot, od 2015 r. Schemat skierowania Ajax został zatrzymany. Zamiast fragmentów URL zaleca się użycie interfejsu API historii do dynamicznego ładowania zawartości w SPA.
Aby uniknąć problemów z buforowaniem, użyj drukowania treści. Uniknie to korzystania z przestarzałych zasobów JavaScript lub CSS, a GoogleBot zawsze odbiera odpowiednie pliki. Przykładem jest użycie plików wersji treści w tytule plików jako main.2bb85551.js. Szczegóły dotyczące strategii długoterminowego buforowania odczytania na Web.Dev.
Użyj narzędzia testowego Rich Results lub narzędzia testowania adresu URL, aby sprawdzić, czy komponenty internetowe są prawidłowo renderowane. Ważne jest, aby pamiętać, że WRS nie może obsługiwać niektórych mechanizmów pracy z DOM, na przykład mechanizmu
Po poprawieniu wskazanych problemów ponownie przetestuj stronę za pomocą testu Rich Results lub narzędzia testowania adresu URL w konsoli wyszukiwania Google. Jeśli problem zostanie rozwiązany, zobaczysz zielony znak wyboru, a błędy nie zostaną wyświetlone. Jeśli pojawią się błędy, szukaj pomocy społeczności poszukiwawczej.
W przypadku dodatkowych pytań i konsultacji możesz skontaktować się z firmą SEO.computer SEO pocztą info@seo.computer lub przez WhatsApp: +79202044461.
ID 115