Listas numeradas personalizadas: Qué son y por qué son tan importantes para el SEO Web.
Las listas numeradas, también conocidas como listas ordenadas, son un formato utilizado para presentar información en forma de una serie numerada de elementos. Cada elemento de la lista está precedido por un número o un símbolo de ordenación.
En el contexto del SEO (Search Engine Optimization, en español, optimización para motores de búsqueda), las listas numeradas son importantes por varias razones:
- Mejora la legibilidad y la estructura: Las listas numeradas organizan la información de manera clara y concisa, lo que facilita la lectura y comprensión del contenido. Los motores de búsqueda también valoran la estructura bien definida, ya que permite identificar rápidamente la jerarquía y los puntos clave de un texto.
- Destaca elementos importantes: Al utilizar listas numeradas, se resaltan los puntos principales o destacados del contenido. Esto ayuda a captar la atención del lector y permite una lectura más rápida y efectiva. Los motores de búsqueda también suelen considerar los elementos destacados en las listas numeradas como contenido relevante.
- Facilita la escaneabilidad: Muchos usuarios tienden a escanear el contenido en lugar de leerlo detenidamente. Las listas numeradas proporcionan una estructura visual clara que permite a los usuarios escanear rápidamente el contenido en busca de información relevante. Esto también puede ayudar a retener la atención del lector y reducir la tasa de rebote.
- Genera fragmentos destacados: Los fragmentos destacados, también conocidos como “featured snippets”, son fragmentos de contenido que los motores de búsqueda seleccionan y muestran directamente en los resultados de búsqueda. Las listas numeradas suelen ser candidatas ideales para aparecer como fragmentos destacados, ya que proporcionan respuestas concretas y estructuradas a preguntas frecuentes.
Es importante tener en cuenta que, aunque las listas numeradas pueden ser beneficiosas para el SEO, no deben utilizarse en exceso o de manera forzada. La calidad del contenido, la relevancia de la información y la experiencia del usuario siguen siendo aspectos fundamentales para lograr un buen posicionamiento en los motores de búsqueda.
En Posicionamiento Web SEO te explicamos cómo personalizar las listas numeradas aplicando un estilo personalizado con CSS. Aunque parece complicado, CSS cuenta con auto incremento para facilitar la implementación de listas numeradas o listas ordenadas.
Aplicar estilos a las listas numeradas es una excelente idea para innovar y mejorar la experiencia de usuario en un sitio Web o aplicación Web.
La idea es copies y pegues el código y lo modifiques a tu gusto personal.
Listas numeradas código de ejemplo con CSS
ol { list-style: none; counter-reset: my-awesome-counter; } ol li { counter-increment: my-awesome-counter; } ol li::before { content: counter(my-awesome-counter) ". "; color: brown; font-weight: bold; } body { font-family: Montserrat, sans-serif; }
Resultado
- Encabezados H1-H6
- Mapa del sitio
- Palabras clave en encabezados
- Palabras clave en imágenes.
Las listas numeradas son muy utilizadas en blogs de recetas de cocinas y sitios Web que explican cómo realizar un procedimiento paso a paso. Las listas numeradas ayudan a interpretar a Google sobre el contenido de tu sitio Web y mejoran la experiencia de usuario.
¡Esperamos puedas comenzar a personalizar tus listas numeradas en tu sitio Web!

