Blog
El descubrimiento impulsado por la comunidad, explicado
Las marcas se definen ahora por lo que los compradores se cuentan entre sí. Descubre cómo crear una comunidad auténtica y dominar el marketing moderno de boca a boca.
Capítulo 2: buenas prácticas para auditar el HTML que rastrea hoy Googlebot
Cada vez que un usuario final solicita una página web, se reúnen entradas de múltiples fuentes para crear la experiencia visible en los navegadores web modernos, que percibimos como una página web completa. En el segundo, más o menos, que tarda en construirse el renderizado final, puede haber cientos de tareas ejecutadas en una secuencia muy intencionada. Esta publicación del blog forma parte de una serie en curso sobre SEO. Para leer todos los blogs de esta serie, haz clic aquí.Se abre en una ventana nueva
Estas tareas se ejecutan principalmente en dos lugares:
Del lado del servidor: los servidores web en los que se almacena la página web
Lado del cliente: el navegador web del usuario final y el dispositivo en el que se utiliza
Los desarrolladores web determinan la secuencia en que se ejecutarán las tareas y deciden qué partes se ejecutan en el servidor y cuáles en el cliente. Las tareas que se ejecutan en el cliente suelen incluir imágenes, vídeos, elementos interactivos, anuncios, reseñas, recomendaciones y otros servicios gestionados por proveedores.
Desde 1995 (el comienzo de la era del SEO), los motores de búsqueda solo leían e indexaban el contenido y el código del lado del servidor, lo que les impedía conectar a los usuarios finales con un porcentaje muy significativo del contenido de Internet.
En octubre de 2014, Google empezó a indexar páginas web completas, incluido el contenido del lado del servidor y del lado del cliente. Los datos de Bazaarvoice indican que Google ya rastrea e indexa páginas web completas más del 80 % de las veces.
Aunque este cambio es significativo, Google no ha proporcionado ningún detalle sobre cómo funcionan las tecnologías actualizadas. Muchas herramientas de SEO todavía no se han actualizado, ni siquiera algunas que son propiedad de Google y están gestionadas por Google. El sector del SEO está aprendiendo que las técnicas históricas de auditoría SEO ya no son adecuadas. «Ver código fuente», que antaño era la función de referencia para auditar HTML, ya no es suficiente.
Hoy en día, los auditores deberían usar la función Inspeccionar elemento de un navegador web como Safari o Chrome para ver la página web completa que Google rastrea ahora. En Bazaarvoice, Safari se ha convertido en nuestro navegador preferido para las auditorías de SEO, porque las funciones para desarrolladores e Inspeccionar elemento siempre vienen integradas. Para activar esta función en Safari, abre las preferencias de Safari, haz clic en Avanzado y, a continuación, en Mostrar menú Desarrollo en la barra de menús.
Uso de Inspect Element: pasos importantes para garantizar el éxito:
Usar Inspect Element es similar a usar View Source, pero se requieren algunos pasos adicionales.
Paso 1: carga la página. Si ya estás en ella, recárgala haciendo clic en el icono de recarga. Es muy importante que no te desplaces por la página ni hagas clic en nada. Estas acciones pueden provocar que se añada contenido que no forma parte de la construcción inicial de la página.
Paso 2: una vez recargada la página, haz clic con el botón derecho en una zona en blanco de la página. En el menú, haz clic en «Inspeccionar elemento».
Paso 3: la pestaña Elementos debería mostrarse con parte del código HTML visible. Si hay seleccionada otra pestaña, selecciona la pestaña Elementos.
Paso 4: en el código HTML que se muestra, busca el bloque de código de apertura <HTML... Haz clic con el botón derecho en <HTML… y selecciona después «Copiar como HTML». El HTML que lee Google está ahora en tu portapapeles.
Paso 5: sangra correctamente el HTML, pero no uses una herramienta que mueva cosas de sitio. Puede que tu editor de texto o de HTML favorito tenga una función para hacerlo. Si no, hemos encontrado una herramienta gratuita llamada Tabifier (http://tools.arantius.com/tabifierSe abre en una ventana nueva) que funciona muy bien.
Paso 6: pega tu HTML correctamente sangrado en tu editor de texto favorito.
Ahora que tienes una versión limpia de tu HTML en tu editor de texto favorito, puedes auditar tu código como lo hacías antes. La forma en que Google reacciona a esta versión de tu HTML es coherente con la forma en que su motor de búsqueda reaccionaba a la versión del lado del servidor, antes de octubre de 2014.
Cuando utilices la herramienta de pruebas de datos estructurados de Google (https://developers.google.com/structured-data/testing-tool/Se abre en una ventana nueva), pega esta versión de tu HTML en la herramienta. No uses la función Fetch URL. Fetch URL recupera la versión del HTML del lado del servidor, la de «Ver código fuente»; todavía no se ha actualizado para recuperar el HTML con métodos coherentes con la nueva funcionalidad de Googlebot.
Después de completar la auditoría con esta versión de tu HTML, vuelve también atrás y audita con el HTML del lado del servidor, View Source. Bing, Yahoo y otros motores de búsqueda siguen usando el HTML del lado del servidor más del 95 % de las veces, y Google aún puede recibir la versión del lado del servidor en ocasiones. Conviene asegurarse de entender la diferencia entre las versiones y, sobre todo, de que tus datos estructurados, como el marcado schema.org, se validen en ambas versiones.
