Soluciona problemas de JavaScript relacionados con la Búsqueda
Esta guía te ayuda a identificar y solucionar los problemas de JavaScript que podrían impedir que tu página (o que el contenido específico en las páginas con tecnología JavaScript) aparezca en la Búsqueda de Google. Si bien el robot de Google ejecuta JavaScript, hay algunas diferencias y limitaciones que debes considerar cuando diseñes tus apps y páginas para ajustar la manera en que los rastreadores acceden a tu contenido y lo procesan.
El robot de Google está diseñado para usar la Web de manera apropiada. Si bien el rastreo es su prioridad, también se asegura de no perjudicar la experiencia de los usuarios que visiten el sitio. Junto con su componente de Servicio de procesamiento web (WRS), identifican y analizan continuamente recursos que no contribuyen al contenido esencial de la página, y es posible que no recuperen tales recursos. Un ejemplo son las solicitudes de informes y errores que no contribuyen al contenido esencial de la página, así como otros tipos de solicitudes similares, que no se utilizan o no son necesarias para extraer el contenido esencial de la página.
Si sospechas que los problemas de JavaScript impiden que tu página (o el contenido específico en las páginas con tecnología JavaScript) aparezca en la Búsqueda de Google, sigue estos pasos:
Para probar cómo Google rastrea y procesa una URL, usa la prueba de optimización o la Herramienta de inspección de URL en Search Console. Podrás ver recursos cargados, resultados y excepciones de la Consola de JavaScript, DOM procesado y otros detalles al hacer clic en el vínculo "Más información" en la tarjeta de veredicto de la página.
De manera opcional, te recomendamos que recopiles y audites los errores de JavaScript que encuentren en tu sitio los usuarios (incluido el robot de Google) para identificar problemas potenciales que puedan afectar la manera en que se procesa el contenido.
Ejemplo de muestra
Aquí tienes un ejemplo en el que se muestra cómo registrar los errores de JavaScript que se incluyen en el controlador de onerror global.
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('\n');
// Example: log errors as visual output into the host page.
// Note: you probably don’t want to show such errors to users, or
// have the errors get indexed by Googlebot; however, it may
// be a useful feature while actively debugging the page.
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 += '\n\n' + errorText;
}
// Example: log the error to remote service.
// Note: you can log errors to a remote service, to understand
// and monitor the types of errors encountered by regular users,
// Googlebot, and other crawlers.
var client = new XMLHttpRequest();
client.open('POST', 'https://example.com/logError');
client.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
client.send(errorText);
});
No confíes en la persistencia de los datos para publicar contenido.
Asegúrate de que tu aplicación use la detección de funciones para todas las API principales que necesite y proporciona un polyfill o un comportamiento de resguardo cuando corresponda.
Asegúrate de que todos tus componentes web sean fáciles de buscar:
Para encapsular y ocultar los detalles de implementación, usa un shadow DOM.
Incluye tu contenido en el light DOM siempre que sea posible.
