Corrección de problemas con JavaScript relacionado con la búsqueda de Google

Esta guía lo ayudará a determinar y solucionar los problemas con JavaScript, que puede bloquear su página o ciertos contenidos en las páginas que trabajan con JavaScript desde la pantalla en la búsqueda de Google. A pesar del hecho de que Google Search puede procesar JavaScript, existen algunas diferencias y restricciones que es importante considerar al desarrollar sus páginas y aplicaciones para tener en cuenta cómo Google Robots obtiene acceso y muestran su contenido. Nuestra guía sobre los conceptos básicos del SEO de JavaScript ofrece más información sobre cómo optimizar su sitio con JavaScript para la búsqueda de Google.

Comprender el trabajo de Googlebot y su interacción con su sitio en Google

GoogleBot está diseñado para ser un usuario de la red de buena fe. La tarea principal es escanear, mientras que GoogleBot debe evitar empeorar la experiencia del usuario en el sitio. Googlebot y su componente del Servicio de Representación Web (WRS) analizan e identifican constantemente recursos que no afectan el contenido principal de la página y no pueden cargarse. Por ejemplo, los informes y los errores que no son importantes para el contenido principal no están sujetos a la carga. Use un informe sobre las estadísticas de escaneo en la consola de búsqueda para monitorear la actividad de GoogleBot y WRS en su sitio web de Google.

Verificar y corregir errores de JavaScript en su sitio que afectan a Google Search

Si sospecha que los problemas de JavaScript pueden bloquear su página o contenido específico en las páginas con JavaScript de la pantalla en la búsqueda de Google, siga estos pasos. Si no está seguro de que JavaScript sea la razón principal, siga nuestro manual de depuración general para determinar un problema específico.

Para probar cómo Google escanea y muestra la URL, use la herramienta de prueba de resultados ricos o la herramienta de prueba de URL en la consola de búsqueda. Puede ver los recursos cargados, la salida de la consola JavaScript y las excepciones, el DOM separado y mucha otra información útil.
Además, se recomienda recopilar y verificar los errores de JavaScript que enfrentan los usuarios, incluido GoogleBot, en su sitio para identificar posibles problemas que afectan la representación de contenido. Un ejemplo de un código para registrar errores de JavaScript se puede usar en un onderror 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('
');
 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;
 }
});

Prevención de los errores 404 y su impacto en su sitio en Google

Se debe prestar especial atención para prevenir errores como "Soft 404", especialmente si su sitio usa una aplicación de una sola página (SPA). Para que los errores no sean indexados por los motores de búsqueda, use las siguientes estrategias:

Redirement a una página con un código de estado 404, si el contenido no existe:

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 window.location.href = '/not-found';
 }
 });

Uso de un meta-etiqueta robots con un parámetro noindex:

 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);
 }
 });

Si su aplicación SPA usa un JavaScript de cliente para procesar errores, a menudo surge un problema cuando las páginas erróneas cumplen con el estado de 200 en lugar del código de error deseado.

Uso de los permisos de usuario y su impacto en su sitio web de Google

GoogleBot no podrá proporcionar permiso para acceder a funciones, como usar una cámara u otras resoluciones de usuario. Si su página requiere la provisión de tales permisos para acceder al contenido, proporcione al usuario una forma alternativa de ver sin la necesidad de proporcionar permisos.

Uso de fragmentos de URL en su sitio y su influencia en la visibilidad de búsqueda en Google

El enfoque utilizado anteriormente con fragmentos de URL (por ejemplo, https://example.com/#/products) ya no es compatible para escanear Googlebot, ya que desde 2015 se ha detenido el esquema Ajax-Crawling. En lugar de fragmentos de URL, se recomienda utilizar la API de la historia para la carga de contenido dinámico en SPA.

Recomendaciones para el almacenamiento en caché y el uso de sus datos en el sitio para mejorar la indexación en Google

Para evitar problemas de almacenamiento en caché, use la impresión de contenido. Esto evitará el uso de recursos anticuados de JavaScript o CSS, y GoogleBot siempre recibirá archivos relevantes. Un ejemplo es el uso de archivos de versión de contenido en el título de archivos como main.2bb85551.js. Detalles sobre la estrategia del almacenamiento en caché a largo plazo en Web.dev.

Verificación del rendimiento de su sitio en Google utilizando componentes web

Use la herramienta de prueba de resultados enriquecidos o la herramienta de prueba de URL para verificar que sus componentes web se renderizan correctamente. Es importante recordar que los WR pueden no admitir algunos mecanismos para trabajar con DOM, por ejemplo, un mecanismo Para Light and Shadow Dom. Si los componentes de su sitio no lo usan, comuníquese con la documentación para eliminar los posibles problemas.

Pruebas de página después de las correcciones en su sitio para que se muestre en la búsqueda de Google

Después de corregir los problemas indicados, pruebe la página utilizando la prueba de resultados ricos o la herramienta de prueba de URL en la consola de búsqueda de Google nuevamente. Si el problema se resuelve, verá una marca de verificación verde y no se mostrarán errores. Si quedan errores, busque ayuda de la comunidad de Search Central.

Para preguntas y consultas adicionales, puede comunicarse con la compañía SEO.COMPUTER SEO por correo info@seo.computer o a través de whatsapp: +79202044461.

ID 115