En este tutorial vamos a crear una tabla de contenidos en WordPress e insertarla automáticamente en nuestros post o sidebar con el plugin Table of Contents Plus, es una técnica muy útil y sirve para crear un índice del contenido de nuestros post parecido a la de wikipedia y como consecuencia mejora la usabilidad y el SEO de nuestra web.

 

La tabla de contenidos o índice en post mejora la usabilidad y el SEO.

La razón por la que usar una tabla de contenidos es que mejora la usabilidad ya que los usuarios pueden encontrar ordenado y en un solo lugar todo el contenido de un post como si fuera un índice y llegar al contenido haciendo clic en los enlaces internos.

Además de la usabilidad la tabla de contenidos también mejora nuestro SEO por que los enlaces generan interacción con nuestra web de forma parecida a la de un botón o llamada a la acción.

 

Table of Content Plus plugin para WordPress

La mejor forma para crear un índice o tabla de contenidos en WordPress es con el plugin Table of Content Plus.

 

instalar tutorial table of contents plus plugin wordpress

 

Este plugin nos permite generar automáticamente un índice en todos nuestros post y páginas de forma fácil y como ya he dicho automática para cada post.

Table of content Plus también permite crear un mapa con índices de nuestro sitio web.

Las tablas de contenido se pueden insertar automáticamente, o usar un shortcode para colocarla en el lugar que queramos de nuestro WordPress.

 

Características del Table of Content Plus plugin de WordPress

  • Permite crear tablas de contenido automáticamente.
  • Permite crear un mapa del sitio con enlaces.
  • Con shortcodes para activar o desactivar las tablas en post.
  • Es un plugin gratuito.
  • Esta traducido al español.

 

Instalación del plugin de WordPress Table of Content Plus

Instalar Table of Content Plus es igual y tan fácil como instalar cualquier otro plugin gratuito del repositorio de WordPress.

Podemos instalarlo directamente desde WordPress desde el menú principal Plugin > Añadir nuevo o descargar el archivo ZIP desde el repositorio de WordPress para subirlo por FTP.

 

Configuración del plugin Table of Content Plus

Vamos al menú de configuración de Table of content Plus que se encuentra en Ajustes > TOC+.

generar indice en los post table of contents plus plugin wordpress

 

En este menú de configuración se encuentran tres pestañas:

 

configuracion table of contents plus plugin wordpress

 

Ajustes Principales: donde configuraremos la tabla de contenidos en WordPress.

Mapa del sitio: donde se configura una estructura con enlaces a modo de mapa de sitio.

Ayuda: Te redirige al blog del plugin Table of Content Plus.

 

Ajustes Principales de la tabla de contenidos

Table of Content Plus esta traducido totalmente al español y junto que sus opciones son sencillas de comprender hace que sea muy fácil configurar los ajustes principales.

 

como configurar los ajustes principales de la tabla de contenidos table of contents plus plugin wordpress

 

Posición de la tabla de contenidos: Aquí podemos elegir donde se insertara la tabla de contenidos dentro de los post o páginas. Podemos elegir entre, antes o después del primer titular (H1, H2, H3 etc), o al principio o final del contenido.

Auto insertar para los siguientes tipos de contenido: Puedes elegir que solo los post tengan tabla de contenidos o desactivar todas las casillas y incrustar la tabla con un shortcode que veremos más adelante.

Texto del encabezado: En este apartado personalizamos el título de la tabla de contenidos y el texto para Ocultar o Mostrar la tabla.

Mostrar jerarquía: Si esta activada se crea una sangría en el índice para diferenciar los sub niveles de la tabla de contenidos en WordPress.

Numerar la lista de elementos: la tabla de contenidos de los post estará organizada con números.

Habilitar el efecto de scroll suave: Al pulsar en la tabla de contenidos en WordPress se ira al contenido de una manera menos brusca con un efecto de desplazamiento en vez de un salto directo al contenido.

 

Cambiar la apariencia de la tabla de contenidos en WordPress

En el apartado “Apariencia” de la pestaña “Ajustes principales” del menú de Table of Content Plus podemos encontrar las configuraciones que nos permiten cambiar los colores de la tabla de contenidos, los links, el fondo y los bordes.

 

configurar apariencia css de la tabla de contenidos table of contents plus plugin wordpress

 

Ancho: cambia el ancho de la tabla de contenidos en WordPress, lo puedes personalizar según ancho fijo, relativo, automático o definir directamente el número de pixeles.

Envoltura: hace que la tabla de contenidos en WordPress este rodeada por el texto del post.

Tamaño de fuente: cambia el tamaño de la fuente de la tabla de contenidos en WordPress.

Presentación: cambiamos los colores del fondo, borde, título, enlaces, enlaces al pasar el ratón y enlaces visitados.

Podemos elegir entre varios estilos predefinidos o crear en nuestro y si en el campo de elección del color ponemos una almohadilla # se usara el color del estilo de la plantilla.

 

Opciones Avanzadas de Table of Content Plus

En el apartado opciones avanzadas hay un par de opciones muy interesantes, sobre todo las que personalizan los links de los anclajes.

 

ajustes avanzados de la tabla de contenidos table of contents plus plugin wordpress

 

Minúsculas: las URL de los enlaces de la tabla de contenidos de WordPress estarán en minúsculas. Actívalas para hacer las URL mas amigables.

Usar guiones: cambia los guiones bajos por guiones medios de las URL de los anclajes de la tabla de contenidos. Como la opción anterior mejora el aspecto y integración de los enlaces haciéndolos más amigables.

Incluir portada: inserta la tabla de contenidos en la página de inicio de tu WordPress.

Excluir archivos CSS: ignora el estilo para la tabla de contenidos en WordPress y utiliza el estilo de enlaces de tu plantilla. En resumen la tabla de contenidos pierde el borde, el color de fondo y únicamente se crea una lista de enlaces con el estilo de tu plantilla.

Mantener los estilos de viñeta del tema: Muestra los puntos de la lista en la tabla de contenidos.

Niveles de titulares: Incluye los siguientes niveles de titulares. Desmarcar un titular lo excluirá

Generalmente excluye los títulos H1 de la lista si la usas en los post, ya que los temas de WordPress suelen colocar el título H1 en la parte superior de la página y si los incluyes en la lista, cuando los usuarios lo pulsen volverán arriba.

Excluir titulares: excluye los titulares de la tabla de contenidos de WordPress según las palabras que incluyan.

Es útil si tienes una zona de agradecimientos y no quieres que aparezca en el índice o si otro plugin crea títulos y aparecen en la tabla de contenidos de WordPress y los quieres quitar.

Espacio superior para navegación suave: si el menú de WordPress se queda fijado a la parte superior de la página, el título al que te desplazas mediante la tabla de contenidos queda oculto, para que esto no suceda puedes definir unos pixeles a modo de margen para que el desplazamiento se quede justo antes del título.

Restringir ruta: puedes definir una ruta para que las tablas de contenido en WordPress solo se generen en las páginas de esa ruta.

Ejemplo: si la URL de los post de tu blog es «www.tuweb.com/blog/categoria/mi-post» puedes poner en el campo de configuración la categoría así /categoría/ y las tablas solo se generaran para los post de esa categoría. Esto es muy útil para Wikis o páginas de informes.

 

como crear una tabla de contenidos en wordpress

 

Shortcodes del plugin Table of Content Plus.

Con el plugin Table of Content Plus podemos generar la tabla de contenidos automáticamente, pero también podemos usar un sencillo shortcode para insertarla en la parte que queramos de nuestra web.

[ toc ] : Genera la tabla de contenidos en la parte deseada de nuestra web.

[ no_toc ] : Desactiva la tabla de contenidos para la página o post donde lo insertes.

AVISO: los sortcodes anteriores tienen una separación antes y después del texto dentro de los corchetes para poder mostrarlos sin que se ejecuten, quita el espacio para que funcionen.

 

Crear un mapa del sitio con Table of Content Plus

Aunque la principal función de Table of Content Plus es crear índices en los post de nuestro blog también sirve para generar un mapa del sitio de nuestra web.

Este mapa del sitio está pensado para los usuarios y no es el sitemap que se utiliza en SEO específicamente para los robots de Google, Bing y demás buscadores aunque su función es parecida.

 

mapa del sitio table of contents plus plugin wordpress

 

Podemos configurar el mapa en la pestaña “Mapa del Sitio” e insertarlo en una página con el shortcode «[ sitemap ]».

Es la forma más sencilla si queremos poner una página con nuestro mapa del sitio y luego agregarla al footer de nuestra web.

Puedes usar otros shortcodes para crear diferentes mapas:

[ sitemap_pages ] el mapa web solo listara las páginas.

[ sitemap_categories ] el mapa del sitio solo listara las categorías.

[ sitemap_posts ] el sitemap solo listara los post.

Puedes personalizar estos shortcodes con funciones especiales que encontraras en la página de ayuda del plugin.

Por ejemplo:

[ sitemap_categories no_label=»true» ] esconderá el título del sitemap

[ sitemap_pages heading=»6″ label=»Mapa de páginas» exclude=»1,15″ ] muestra el sitemap de las paginas, usando H6, el titulo será Mapa de páginas y excluye del mapa las paginas por ID 1 y 15.

AVISO: los sortcodes anteriores tienen una separación antes y después del texto dentro de los corchetes para poder mostrarlos sin que se ejecuten, quita el espacio para que funcionen.

 

configurar mapa del sitio table of contents plus plugin wordpress

 

Conclusiones

Crear una tabla de contenido en wordpress para los post es una mejora tanto en usabilidad como en SEO.

Los usuarios y los buscadores lo agradecerán ya que encuentran el contenido organizado y pueden acceder a él rápidamente.

Si una página de referencia en el SEO como Wikipedia usa tablas de contenido será por algo.

Por si Table of Content Plus no te funcionara te dejo aquí una alternativa que hace exactamente lo mismo plugin Easy Table of Contents.

También le puedes echar un vistazo al tutorial para crear un mapa del sitio para los buscadores y mejorar tu SEO, Tutorial Google XML Sitemaps.

Pin It on Pinterest

Shares

Esta web utiliza cookies para su funcionamiento. Lee y acepta el aviso legal o abandona la web. más info

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar