En este tutorial vamos a poner una tabla de contenidos en WordPress para crear un índice en las entradas de tu blog.

Seguramente navegando por páginas web y blogs habrás visto un índice que permite ir directamente a un apartado concreto del contenido.

Este apartado en una página web incluye los enlaces de los títulos para mejorar la usabilidad y permitir al usuario usar una navegación point and click dentro de un documento HTML o página web.

¬ŅQu√© es una tabla o √≠ndice de contenidos?

Una tabla de contenidos es una lista de los apartados de un documento y que refleja el contenido de una página. Muestra los títulos de los temas y subtemas que forman la página web en una lista.

Además, se utiliza como un índice que puede utilizar el usuario para navegar por el contenido de forma sencilla.

P√°ginas web como Wikipedia incluyen en su contenido una tabla de contenidos

Crear un índice de contenido tiene estos beneficios:

  • Mejora la navegaci√≥n por el documento.
  • Permite llevar al usuario al apartado que quiere.
  • Deja claro de un vistazo en contenido del documento.
  • Hace que el usuario haga un CLIC reduciendo la tasa de rebote de una p√°gina web.
  • Puede ser reconocida por los motores de b√ļsqueda como Google para mostrar resultados especiales.

Los mejores plugins para insertar una tabla de contenidos en WordPress

Para insertar una tabla de contenidos a modo de sumario en nuestra p√°gina web existen muchos plugins para WordPress.

Aquí os dejo una lista de los mejores plugins gratuitos para WordPress con los que puedes crear una tabla de contenidos en las páginas y post de forma automática.

Los plugins sirven para insertar en HTML los textos ancla que ir√°n enlazados autom√°ticamente a los titulos del post.

Algunos plugin tienen su propio bloque en el editor de WordPress gutenberg y otros incluyen también Widgets y shortcodes para insertar el sumario.

LuckyWP Table of Contents

Un plugin de WordPress con mucha calidad que te permite crear un √≠ndice de contenidos de forma sencilla, adem√°s tiene opciones avanzadas para los motores de b√ļsqueda. En nuestra opini√≥n es el que mejor lo hace.

Easy Table of Contents

Easy Table of Contents creció mucho al ser una alternativa muy fiable de su padre Table of Contents Plus. Funcional y sencillo se actualiza de forma frecuente y es muy utilizado.

Table of Contents Plus

El plugin m√°s utilizado y veterano de todos, fue el original pero los usuarios buscaron alternativas a este plugin y perdi√≥ fuelle al quedarse sin actualizar durante a√Īos, recientemente su desarrollador lo ha actualizado y nunca ha dejado de funcionar correctamente.

¬ŅC√≥mo poner √≠ndice en WordPress?

En este tutorial vamos a utilizar el plugin LuckyWP Table of Contents pero puedes utilizar el que más te guste ya que son similares en la configuración.

Instalar el plugin desde WordPress

instalando los mejores plugin para poner una tabla de contenidos en wordpress
  • Vaya a la p√°gina Plugins > Agregar nuevo.
  • Busca el plugin LuckyWP Table of Contents.
  • Haz clic en el bot√≥n Instalar ahora.
  • Haz clic en Activar cuando se complete la instalaci√≥n.

Personalizar la tabla de contenidos

Vamos a Ajustes > Tabla de contenidos para configurar las opciones del plugin.

Configurando Table of Contents plus
  • N√ļmero m√≠nimo de encabezados: Si el n√ļmero de t√≠tulos de la entrada es menor, entonces no se mostrar√° la tabla de contenidos.
  • Vista jer√°rquica: que se indique la jerarqu√≠a de t√≠tulos h2 y de subt√≠tulos h3 h4 h5 h6
  • Lista numerada: activa o desactiva que los t√≠tulos de la lista est√©n numerados.
  • Textos: Personaliza el t√≠tulo por √ćndice o Contenidos.
  • Scroll suave: El desplazamiento ser√° un efecto scroll y no un movimiento brusco hacia el contenido.
  • Ajuste de scroll: dependiendo del dise√Īo de tu p√°gina web el desplazamiento dejar√° el t√≠tulo al que te desplazas por debajo del men√ļ principal puedes ajustar en p√≠xeles un tama√Īo para ajustar que el desplazamiento se quede justo en el t√≠tulo.
  • Cambia la apariencia: Puedes personalizar la tabla de contenidos en la mayor√≠a de los plugins, aunque un gris claro de fondo es m√°s que suficiente.

Insertar autom√°ticamente la tabla de contenidos

Activa la opción para insertar automáticamente la tabla de contenidos y elige que se inserte en las entradas de tu blog.

Normalmente no se insertan índices de contenidos en las páginas y otros tipos de contenido.

poner una tabla de contenidos autom√°ticamente en wordpress en las entradas antes del primer titulo

Posición del índice: puedes insertar el índice antes de las entradas, al final de la entrada, antes del primer título o después del primer bloque de contenido.

En diccionario web recomendamos insertar el índice de contenidos antes del primer encabezado, para dejar un primer párrafo a modo de introducción.

En la mayoría de plugins también se puede insertar como bloque en el editor de WordPress o mediante un código corto que podéis conseguir en la página de información del plugin.

Opciones avanzadas para incluir un índice de enlaces

Los plugins para poner tablas de contenidos en los post de WordPress suelen incluir opciones avanzadas que podemos configurar para personalizar a√ļn m√°s la funcionalidad del plugin.

opciones avanzadas para crear indices en los post de wordpress

Excluir tipos de encabezados: puedes hacer que la tabla de contenidos no incluya los títulos por tipo de encabezado (H1 H2 H3 H4 H5 H6).

Tambi√©n puedes excluir los encabezados que tengan una palabra o texto concreto, muy √ļtil si al final del post tienes una zona de autor o comentarios y no quieres que el t√≠tulo de esas zonas quede reflejada en la lista de contenido.

Formato de Slug: cambia la parte de la URL que hace referencia al enlace del índice. Puedes cambiar la separación entre términos por guiones medios o por guiones bajos en la URL del enlace.

Cambiar los colores de la tabla de contenidos

En la pesta√Īa de apariencia puedes cambiar los colores de la tabla de contenidos y otras opciones como el tama√Īo y el tipo de letra.

Te recomendamos utilizar un simple color gris para que se integre con el contenido o destacarse con los colores de tu marca.

como cambiar los colores del índice de contenidos de wordpress

Elige el ancho del índice: La puedes poner a ancho completo o por defecto.

Cambia el tama√Īo de la fuente del √≠ndice: Puedes personalizar el tama√Īo de las letras de la tabla de contenidos.

Elige un esquema de colores predefinido para la tabla: Elige colores predefinidos para la tabla de contenidos.

Personaliza tu propio esquema de colores: Personaliza como quieras el índice de enlaces de WordPress

También puedes personalizar el sumario con código CSS.

Insertar una tabla de contenidos con Gutenberg

Con el plugin Lucky WP Table of Contents puedes a√Īadir una tabla de contenidos desde el nuevo editor de WordPress Gutenberg f√°cilmente ya que el plugin tiene un bloque propio para hacerlo.

Crear la tabla de contenidos con gutenberg

Tabla de contenidos sin plugin

Una tabla de contenidos se puede crear sin plugins utilizando simplemente enlaces que apunten a los títulos.

Para ello tendrás que crear enlaces ancla apuntando a cada título o parte del contenido.

Si te interesa, puedes ver esta guía Cómo crear enlaces ancla en html para WordPress

Mejora de posicionamiento seo con una tabla de contenidos

La tabla de contenidos es un elemento en formato de lista que incluye los títulos de nuestro contenido.

Los buscadores como Google pueden reconocer esa información y pueden mostrar un fragmento destacado que suele mejorar el ratio de usuarios que hacen clic en nuestra página web.

mejora el seo con la tabla de contenidos

Esto es porque es una lista o lista numerada que se suele tomar como una lista de pasos a hacer o una lista de elementos lo que le dar√° al usuario una respuesta mas rapida a su b√ļsqueda.

Podemos ajustar en los diferentes plugins el formato de la tabla de contenidos y elegir si se marca como ¬ęLista¬Ľ ¬ęLista numerada¬Ľ o contenedor de elemento DIV y hacer pruebas para ver cual es el que mejor reconocen los buscadores.

Nosotros solemos utilizar DIV o lista numerada.

Conclusión

Es un índice sencillo que permite al usuario navegar verticalmente con un scroll al pulsar un enlace.

Crear un sumario en las entradas de nuestro blog es siempre una buena estrategia para mejorar la usabilidad y posicionamiento seo.

La tabla de contenidos puede ser tenida en cuenta para mostrar el snippet de posición cero.

¡Así que espero que te haya sido de ayuda y nos vemos en el próximo post!

Abrir chat
¬ŅTienes dudas?