Bloque fuera de la columna

Por qué importa

Un sitio que se alinea en una cuadrícula parece tranquilo y confiable. Un bloque que empieza un poco más a la izquierda o termina un poco más a la derecha hace que la página parezca desordenada, incluso cuando los visitantes no pueden decir por qué. En un teléfono, el texto que llega al borde de la pantalla también se lee mal.

Cómo lo comprueba Snaglist

Snaglist abre la página de inicio y una muestra de otros tipos de página en un teléfono (390 píxeles) y una pantalla ancha (1440 píxeles). La columna del sitio es el borde izquierdo del texto que se repite en casi todas las páginas, como el encabezado y el pie de página. El borde derecho lo refleja, a menos que el sitio mismo sea más ancho. Se reporta un bloque fuera de esa columna, a menos que llene la pantalla, llegue al borde de la pantalla a propósito o sea deliberadamente más ancho en el medio. Las capas fijas, sliders y partes ocultas no cuentan.

Snaglist lo marca como aviso. Resta un 5 % de la página en la puntuación de salud. Es bueno saberlo, y a veces es una decisión intencionada.

Causas habituales

• Una sección con su propio padding en lugar del contenedor del sitio
• Un margen negativo que saca un bloque fuera de la columna
• Un bloque con estilo separado en un constructor de páginas
• Tarjetas o una cuadrícula que ocupan todo el ancho mientras el texto encima no

Cómo solucionarlo

1. Mira el bloque que nombra Snaglist y compara sus bordes con la columna en el informe.
2. Colócalo en el mismo contenedor que el resto de la página, o dale el mismo margen lateral.
3. Revisa la página de nuevo después del próximo rastreo.

Cómo aparece en el informe

En el informe para tu cliente, esto aparece bajo el encabezado "No todo está alineado con tu sitio". Cuando todo está en orden, el informe indica: "Todo está alineado con la columna del sitio".