Lectura de SEO on-page

Un buscador juzga una página en buena parte por un puñado de etiquetas de su código fuente. Esta comprobación descarga una página, lee esas etiquetas y las puntúa sobre 100, con la solución para cada punto débil.

Una página por comprobación. Prueba primero la página de inicio y luego las páginas que más quieres que la gente encuentre.

O prueba wikipedia.org, github.com

Un rastreador lee el código, no la pantalla

Cuando abres una página ves un diseño, con un titular grande, una foto y un menú. El rastreador de un buscador recibe el mismo archivo que recibió tu navegador, pero nunca mira la imagen terminada. Lee el HTML de arriba abajo y se apoya en un conjunto pequeño de etiquetas para decidir de qué trata la página, qué mostrar en la lista de resultados y si conviene conservar la página.

El “SEO on-page” consiste en dejar esas etiquetas bien puestas. Es la única parte de la visibilidad en buscadores que depende solo de ti, porque vive en tu propio código. Esta comprobación descarga una sola página como lo haría un rastreador sencillo, sin ejecutar JavaScript, y repasa las etiquetas una por una.

Adónde van los 100 puntos

Toda página empieza con 100. Cada una de las siete áreas siguientes puede restar puntos una sola vez, según su peor hallazgo.

ÁreaProblema graveAdvertencia
Título (<title>)−20: no hay ninguno−7: menos de 25 o más de 65 caracteres, o más de una etiqueta title
Meta descripción−5: falta, tiene menos de 70 o más de 160 caracteres
Encabezados (h1 a h6)−15: no hay h1−5: varios h1, un nivel omitido, un encabezado vacío
Texto alt de imágenes−15: más de una imagen de cada cinco no tiene atributo alt−6: algunas imágenes sin alt, o texto que es un nombre de archivo, una sola palabra vaga o de más de 150 caracteres
Enlaces−4: enlaces sin ningún texto, o con textos como “haz clic aquí” y “leer más”
Indexación−30: una directiva noindex, o una regla de robots.txt que deja fuera a Googlebot−5: sin URL canonical, un canonical que nombra otra página, o sin sitemap
Idioma, móviles, contenido−15: sin etiqueta viewport para móviles−5: sin atributo lang, menos de 150 palabras, o JSON-LD que no se puede interpretar

La letra sigue al total: A desde 90, B desde 78, C desde 64, D desde 50, E desde 35, F por debajo. La indexación pesa más porque funciona como un interruptor. Puedes escribir el mejor título del mundo, y si la página está marcada noindex nadie la verá nunca.

En las imágenes, un alt="" vacío no es un error. Es la forma correcta de marcar una imagen decorativa, y la comprobación la lista como tal. Los píxeles de seguimiento de 1 × 1 se ignoran.

Arreglos que puedes hacer en el head de la página

La mayoría de los hallazgos se arreglan con una línea cada uno. Un <head> sano contiene al menos esto:

<html lang="en">
<title>Oak dining tables made to order | Northfield Joinery</title>
<meta name="description" content="Solid oak tables built to your measurements, delivered in six weeks. See sizes, finishes and prices.">
<link rel="canonical" href="https://www.example.com/dining-tables/">
<meta name="viewport" content="width=device-width, initial-scale=1">
  • Título. Pon primero el tema de la página y al final la marca. Las listas de resultados cortan los títulos largos hacia los 60 caracteres, y es mejor perder la marca que el tema.
  • Encabezados. Usa un solo h1 que repita el tema, luego h2 para las secciones y h3 dentro de ellas. Elige el nivel según su lugar en el esquema y deja que el CSS se ocupe del tamaño.
  • Texto alt. Di qué muestra la imagen en una frase corta, como alt="Mesa redonda de roble con cuatro sillas". Un nombre de archivo como IMG_4032.jpg no le dice nada al lector.
  • Texto del enlace. Nombra el destino. “Ver precios de entrega” sigue teniendo sentido fuera de contexto, y “haz clic aquí” no.
  • Un noindex no deseado. Suele ser un resto de antes del lanzamiento. En WordPress, desmarca la casilla en Ajustes › Lectura. En otros sistemas, busca noindex y X-Robots-Tag en tus plantillas y en la configuración del servidor.
  • Sitemap. Añade una línea Sitemap: https://www.example.com/sitemap.xml a robots.txt. Para probar el archivo en sí, está la comprobación de sitemap.

Lo que la nota deja fuera

La puntuación describe el código de una URL en un momento dado. Hay cosas que quedan fuera de su alcance.

  • Texto añadido por JavaScript. Leemos la página tal como la envía el servidor. Si tus encabezados y párrafos se construyen en el navegador, la comprobación ve pocas palabras y ningún esquema. La vista del rastreador muestra exactamente lo que se recibió.
  • Calidad y reputación. Si tu texto responde la pregunta mejor que otras páginas, y cuántos sitios te enlazan, cuenta mucho más para el posicionamiento que cualquier etiqueta. Ninguna herramienta puede leer eso en el código fuente.
  • El resto del sitio. Los títulos duplicados entre páginas, las páginas huérfanas y la carga lenta requieren otras comprobaciones.

Una nota A significa que nada en el código se interpone. La página puede posicionarse. Si lo hace o no se decide en otra parte.

Preguntas frecuentes

¿Qué longitud debe tener la etiqueta title?

Entre 30 y 60 caracteres es un objetivo seguro. Google corta los títulos por ancho en píxeles, lo que equivale a unos 60 caracteres en una pantalla de escritorio. Esta comprobación avisa por debajo de 25 y por encima de 65.

¿La meta descripción influye en el posicionamiento?

No. Los buscadores no la usan para ordenar los resultados. Eso sí, suele aparecer como las dos líneas bajo tu título, así que una descripción clara trae más clics. Cuando falta o no tiene que ver con la página, el buscador elige un fragmento de la página en su lugar.

¿Puede una página tener más de un h1?

HTML lo permite y los buscadores lo toleran. Aun así, un solo h1 da la señal más clara del tema principal, y los usuarios de lectores de pantalla se apoyan en él para encontrar dónde empieza el contenido.

¿Necesito una etiqueta canonical en cada página?

Es una buena práctica. A menudo se puede llegar a la misma página con y sin www, con una barra final, o con parámetros de seguimiento añadidos. Una etiqueta canonical que nombra la URL preferida evita que esas copias se traten como páginas distintas.

¿Por qué mi página saca una nota baja si en el navegador se ve bien?

Casi siempre es contenido construido con JavaScript. La comprobación lee el HTML tal como se entrega, antes de que se ejecute ningún script. Si ese HTML solo tiene un contenedor vacío, no hay encabezados, ni imágenes, ni texto que leer.

¿Qué debe decir el texto alt?

Describe lo que muestra la imagen y por qué está ahí, en una frase de 5 a 15 palabras. Evita “imagen de” y no metas palabras clave a la fuerza. Para las imágenes que son solo decoración, usa un alt="" vacío.