{"id":32826,"date":"2023-06-05T20:04:35","date_gmt":"2023-06-05T18:04:35","guid":{"rendered":"\/tutoriales\/?p=32826"},"modified":"2026-03-10T16:43:39","modified_gmt":"2026-03-10T15:43:39","slug":"tabla-de-contenidos-wordpress","status":"publish","type":"post","link":"\/co\/tutoriales\/tabla-de-contenidos-wordpress","title":{"rendered":"C\u00f3mo a\u00f1adir una tabla de contenidos en WordPress: 2 maneras f\u00e1ciles y plugins"},"content":{"rendered":"<p>La cantidad ideal de palabras en una entrada de blog para la <a href=\"\/co\/tutoriales\/que-es-seo\">optimizaci&oacute;n en motores de b&uacute;squeda (SEO)<\/a> es de alrededor 2.000 palabras, lo que equivale a cuatro p&aacute;ginas de texto. Sin embargo, hay que tener en cuenta que el 43% de los lectores afirma que solo echa un vistazo a <a href=\"\/co\/tutoriales\/como-crear-un-blog\">las entradas de los blogs<\/a>.&nbsp;<\/p><p>Proporcionar una tabla de contenidos (TOC) es, por lo tanto, una excelente manera de ayudar a los lectores a navegar por tus entradas y evitar que hagan clic fuera de tu sitio de WordPress en cuesti&oacute;n de segundos.<\/p><p>En comparaci&oacute;n con los <a href=\"\/co\/creador-de-paginas-web\">constructores de sitios web<\/a>, WordPress permite a los usuarios ampliar la funcionalidad de un sitio web con mayor libertad mediante el uso de plugins. <\/p><p>Este art&iacute;culo cubrir&aacute; los pasos para a&ntilde;adir TOCs a tu sitio de WordPress, tanto manualmente, como utilizando un plugin. Tambi&eacute;n hemos listado cinco plugins de &iacute;ndices de WordPress a tener en cuenta.<\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-anadir-una-tabla-de-contenidos-en-wordpress\">&iquest;Por qu&eacute; a&ntilde;adir una tabla de contenidos en WordPress?<\/h2><p>Un &iacute;ndice o tabla de contenidos ayuda a los lectores a saltar a las secciones relevantes de una entrada de WordPress, lo que puede mejorar su legibilidad, sobre todo en el caso de los contenidos largos.<\/p><p>A&ntilde;adir una TOC tambi&eacute;n mejora la optimizaci&oacute;n de los motores de b&uacute;squeda. Por ejemplo, puede reducir la <a href=\"\/co\/tutoriales\/como-reducir-la-tasa-de-rebote-de-tu-sitio-web\">tasa de rebote<\/a> de tu p&aacute;gina web, ya que los usuarios pueden navegar f&aacute;cilmente a las secciones que responden a su intenci&oacute;n de b&uacute;squeda.<\/p><p>Adem&aacute;s, las tablas de contenido pueden ayudar a que tus p&aacute;ginas web resulten m&aacute;s atractivas en las p&aacute;ginas de resultados de los motores de b&uacute;squeda (SERP). Tener una ayuda a Google a generar autom&aacute;ticamente enlaces de salto a las diferentes secciones de tu publicaci&oacute;n.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"856\" height=\"218\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-18.png\" alt=\"Enlaces de salto de la SERP de Google\" class=\"wp-image-32827\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-18.png 856w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-18-300x76.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-18-150x38.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-18-768x196.png 768w\" sizes=\"(max-width: 856px) 100vw, 856px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-como-crear-una-tabla-de-contenidos-en-wordpress-manualmente\">C&oacute;mo crear una tabla de contenidos en WordPress manualmente<\/h2><p>En esta secci&oacute;n, revisaremos c&oacute;mo crear una tabla de contenidos utilizando el <a href=\"\/co\/tutoriales\/gutenberg-wordpress\">editor de bloques Gutenberg<\/a> de WordPress.<\/p><p>Este m&eacute;todo no ofrece mucha flexibilidad, pero es una buena alternativa para quienes quieren evitar instalar plugins.<\/p><p>Ten en cuenta que el tutorial no funciona si est&aacute;s utilizando otros <a href=\"\/co\/tutoriales\/page-builders-wordpress\">constructores de p&aacute;ginas<\/a>, en cuyo caso, considera el uso de un plugin de WordPress para crear una TOC.<\/p><ol class=\"wp-block-list\">\n<li>Inicia sesi&oacute;n en tu panel de control de WordPress y accede a la entrada en la que deseas a&ntilde;adir una tabla de contenidos.<\/li>\n\n\n\n<li>A&ntilde;ade un bloque de <strong>Encabezado <\/strong>para cada secci&oacute;n que desees incluir en la TOC. Omite este paso si los encabezados ya est&aacute;n presentes. Puedes notarlo por los diferentes tama&ntilde;os de fuente entre los encabezados y el cuerpo del texto.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-25-1024x415.png\" alt=\"A&ntilde;adir Encabezado en el editor de bloques de WordPress\" class=\"wp-image-32834\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-25.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-25-300x122.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-25-150x61.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-25-768x311.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"3\">\n<li>A continuaci&oacute;n, sit&uacute;a el cursor sobre un encabezado y escribe un ancla HTML para &eacute;l en ajustes <strong>avanzados<\/strong>. Ten en cuenta que el texto de anclaje debe ir sin espacios. Repite este paso para todos los encabezados y aseg&uacute;rate de que cada nombre de anclaje es diferente.<\/li>\n\n\n\n<li>A&ntilde;ade un bloque <strong>Lista <\/strong>en la secci&oacute;n de la p&aacute;gina en la que deseas insertar el &iacute;ndice. A continuaci&oacute;n, inserta todos los encabezados del &iacute;ndice de forma consecutiva.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-27-1024x405.png\" alt=\"A&ntilde;adir Lista en el editor de bloques de WordPress\" class=\"wp-image-32836\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-27.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-27-300x119.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-27-150x59.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-27-768x304.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"5\">\n<li>Con el cursor, resalta una entrada de la lista y, a continuaci&oacute;n, haz clic en el icono <strong>Enlace <\/strong>de la barra de herramientas.&nbsp;<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"346\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-26-1024x346.png\" alt=\"A&ntilde;adir un enlace en el editor de bloques de WordPress\" class=\"wp-image-32835\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-26.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-26-300x101.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-26-150x51.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-26-768x259.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"6\">\n<li>Escribe en el cuadro emergente el ancla HTML a la que se dirige el encabezado utilizando un <strong>hashtag <\/strong>y a continuaci&oacute;n pulsa <strong>Intro<\/strong>.<\/li>\n\n\n\n<li>Repite los pasos cinco y seis para todas las entradas de la lista, de modo que cada una de ellas enlace internamente con las secciones acordes.&nbsp;<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"406\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-28-1024x406.png\" alt=\"Editar un enlace en el editor de bloques de WordPress\" class=\"wp-image-32837\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-28.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-28-300x119.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-28-150x59.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-28-768x304.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-como-anadir-una-tabla-de-contenidos-en-wordpress-con-un-plugin\">C&oacute;mo a&ntilde;adir una tabla de contenidos en WordPress con un plugin<\/h2><p>Crear manualmente una tabla de contenidos puede llevar mucho tiempo en el caso de entradas largas con muchos encabezados. Afortunadamente, un <a href=\"\/co\/tutoriales\/mejores-plugins-wordpress\/\">plugin de WordPress<\/a> puede ayudar a facilitar el proceso.<\/p><p>Por ejemplo, mostraremos los pasos para crear una TOC utilizando <strong>Easy Table of Contents<\/strong>:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/co\/tutoriales\/plugins-en-wordpress-gratis\">Instala y activa<\/a> el plugin.<\/li>\n\n\n\n<li>Ve a <strong>Ajustes <\/strong>-&gt; <strong>Tabla de contenidos <\/strong>en el panel de control de WordPress.<\/li>\n\n\n\n<li>En <strong>General <\/strong>-&gt; <strong>Insertar autom&aacute;ticamente<\/strong>, selecciona los tipos de entradas a los que quieres que el plugin a&ntilde;ada autom&aacute;ticamente TOCs. Aqu&iacute;, hemos seleccionado <strong>Entradas<\/strong>.<\/li>\n<\/ol><p>En la misma secci&oacute;n, tambi&eacute;n puedes configurar la posici&oacute;n de la tabla, las etiquetas de encabezado y el n&uacute;mero de encabezados que se mostrar&aacute;n.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-23-1024x551.png\" alt=\"Secci&oacute;n de Tabla de contenidos de ajustes en WordPress\" class=\"wp-image-32832\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-23-1024x551.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-23-300x161.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-23-150x81.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-23-768x413.png 768w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-23.png 1369w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"4\">\n<li>A continuaci&oacute;n, personaliza la anchura y la alineaci&oacute;n de la TOC en la secci&oacute;n <strong>Apariencia<\/strong>. Tambi&eacute;n es posible modificar el tama&ntilde;o de la fuente, el tema de la tabla y sus colores.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-24-1024x444.png\" alt=\"Ajustes de Apariencia de la tabla de contenidos en WordPress\" class=\"wp-image-32833\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-24.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-24-300x130.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-24-150x65.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-24-768x333.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"5\">\n<li>Ve a la configuraci&oacute;n <strong>Avanzada <\/strong>para definir las condiciones en las que aparecer&aacute; la TOC. Por ejemplo, si s&oacute;lo se seleccionan los t&iacute;tulos H1, H2 y H3, los t&iacute;tulos H4 y siguientes quedar&aacute;n excluidos de la TOC.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-20-1024x405.png\" alt=\"Configuraci&oacute;n avanzada de la tabla de contenido en WordPress\" class=\"wp-image-32829\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-20-1536x607.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-20-300x119.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-20-150x59.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-20-768x304.png 768w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-20.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"6\">\n<li>Pulsa el bot&oacute;n <strong>Guardar cambios<\/strong>.<\/li>\n<\/ol><p>Esta herramienta gratuita genera autom&aacute;ticamente el &iacute;ndice de contenidos en el momento de la publicaci&oacute;n. Sin embargo, te recomendamos previsualizar la TOC antes de publicarla para asegurarte de que no hay errores de configuraci&oacute;n.<\/p><h2 class=\"wp-block-heading\" id=\"h-los-5-mejores-plugins-para-anadir-una-tabla-de-contenidos-en-wordpress\">Los 5 mejores plugins para a&ntilde;adir una tabla de contenidos en WordPress<\/h2><p>Muchos <a href=\"\/co\/tutoriales\/mejores-plugins-seo-wordpress\">plugins SEO para WordPress<\/a> ya incluyen una herramienta de creaci&oacute;n de tablas de contenido. Sin embargo, si prefieres utilizar un plugin de WordPress dedicado a las TOCs, aqu&iacute; tienes nuestras cinco recomendaciones.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-easy-table-of-contents\">1. <a href=\"https:\/\/es.wordpress.org\/plugins\/easy-table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easy Table of Contents<\/a><\/h3><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"330\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-19-1024x330.png\" alt=\"Plugin de WordPress Easy Table of Contents\" class=\"wp-image-32828\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-19.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-19-300x97.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-19-150x48.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-19-768x248.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>300,000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.5\/5<\/li>\n\n\n\n<li><strong>Funciones destacadas: <\/strong>m&uacute;ltiples formatos de vi&ntilde;etas de contador, inserci&oacute;n autom&aacute;tica, compatibilidad con varios creadores de p&aacute;ginas.<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>principiantes de WordPress<\/li>\n\n\n\n<li><strong>Precio: <\/strong>gratuito<\/li>\n<\/ul><p>Easy Table of Contents es uno de los plugins de TOC para WordPress m&aacute;s descargados. Ayuda a los usuarios a crear f&aacute;cilmente una tabla de contenidos sin necesidad de editar ning&uacute;n c&oacute;digo HTML. Todo lo que necesitas hacer es configurar los ajustes del plugin como lo vimos anteriormente y el TOC aparecer&aacute; autom&aacute;ticamente en tu post.&nbsp;<\/p><p>No existe una versi&oacute;n premium de este plugin, por lo que todas sus funciones y herramientas son <strong>gratuitas<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-table-of-contents-plus\">2. <a href=\"https:\/\/es.wordpress.org\/plugins\/table-of-contents-plus\/\" target=\"_blank\" rel=\"noreferrer noopener\">Table of Contents Plus<\/a><\/h3><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-22-1024x339.png\" alt=\"Plugin de WordPress Table of Contents Plus\" class=\"wp-image-32831\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-22.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-22-300x99.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-22-150x50.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-22-768x254.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>300,000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.6\/5<\/li>\n\n\n\n<li><strong>Funciones destacadas: <\/strong>herramientas para indexar p&aacute;ginas, incluida la indexaci&oacute;n de contenidos para barras laterales.<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>sitios web con p&aacute;ginas largas que necesitan indexaci&oacute;n.<\/li>\n\n\n\n<li><strong>Precio: <\/strong>gratuito<\/li>\n<\/ul><p>Este plugin es una opci&oacute;n adecuada si tienes un sitio web m&aacute;s complejo con entradas de WordPress de varias p&aacute;ginas.<\/p><p>Inspirado en el formato TOC de Wikipedia, el desarrollador de Table of Contents Plus permite a los usuarios indexar y mostrar TOCs en la barra lateral de sus entradas.<\/p><p>Todas las funciones de este plugin <strong>son gratuitas<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-simpletoc-table-of-contents-block\">3. <a href=\"https:\/\/es.wordpress.org\/plugins\/simpletoc\/\" target=\"_blank\" rel=\"noreferrer noopener\">SimpleTOC &ndash; Table of Contents Block<\/a><\/h3><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"327\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-21-1024x327.png\" alt=\"Plugin de WordPress SimpleTOC &ndash; Table of Contents Block\" class=\"wp-image-32830\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-21.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-21-300x96.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-21-150x48.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-21-768x245.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>4,000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Funciones destacadas: <\/strong>editor de bloques de widgets de barra lateral, compatibilidad con dise&ntilde;os de bloques de columnas, compatibilidad con textos no latinos.<\/li>\n\n\n\n<li><strong>Ideal para:<\/strong> usuarios de Gutenberg<\/li>\n\n\n\n<li><strong>Precio: <\/strong>gratuito<\/li>\n<\/ul><p>Si eres un usuario habitual de Gutenberg, considera usar este plugin para crear tablas de contenidos. Ofrece las opciones de estilo nativas de Gutenberg directamente desde la configuraci&oacute;n del widget de la barra lateral.<\/p><p>En particular, este plugin tiene muchas opciones de idioma y es compatible con textos no latinos como el &aacute;rabe y el japon&eacute;s, lo que lo hace muy pr&aacute;ctico para los usuarios que gestionan sitios multiling&uuml;es o que no est&aacute;n en ingl&eacute;s.<\/p><p>Puedes integrar todas estas funciones en tu panel de control de WordPress sin coste adicional.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-luckywp-table-of-contents\">4. <a href=\"https:\/\/es.wordpress.org\/plugins\/luckywp-table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">LuckyWP Table of Contents<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-30.png\" alt=\"Plugin de WordPress LuckyWP Table of Contents\" class=\"wp-image-32842\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-30.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-30-300x105.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-30-150x53.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-30-768x269.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>80,000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.9\/5<\/li>\n\n\n\n<li><strong>Funciones destacadas: <\/strong>compatible con varios constructores de p&aacute;ginas que no son Gutenberg, apariencia personalizable, SEO amigable.<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>usuarios Beaver Builder y constructores de p&aacute;ginas WPBakery.<\/li>\n\n\n\n<li><strong>Precio: <\/strong>gratuito<\/li>\n<\/ul><p>LuckyWP es compatible con m&uacute;ltiples plugins constructores de p&aacute;ginas de WordPress. Los usuarios pueden personalizar la apariencia de sus TOCs ajustando el ancho, los colores hover y el tama&ntilde;o de las fuentes. Incluso tiene una opci&oacute;n para una tabla de contenidos flotante.<\/p><p>Este plugin proporciona funciones SEO y una experiencia de usuario fluida. Todas las herramientas est&aacute;n disponibles de forma <strong>gratuita<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-ultimate-blocks\">5. <a href=\"https:\/\/es.wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimate Blocks<\/a><\/h3><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"326\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2023\/06\/image-29-1024x326.png\" alt=\"Plugin de WordPress Ultimate Blocks\" class=\"wp-image-32838\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-29.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-29-300x95.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-29-150x48.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/06\/image-29-768x244.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>30,000+<\/li>\n\n\n\n<li><strong>Valoraci&oacute;n: <\/strong>4.9\/5<\/li>\n\n\n\n<li><strong>Funciones destacadas: <\/strong>varios tipos de bloques para diferentes funciones, incluidas llamadas a la acci&oacute;n y rese&ntilde;as.<\/li>\n\n\n\n<li><strong>Ideal para: <\/strong>expertos en WordPress<\/li>\n\n\n\n<li><strong>Precio: <\/strong>gratuito<\/li>\n<\/ul><p>Ultimate Blocks es un plugin multifuncional que ofrece 47 tipos de bloques para el editor Gutenberg de WordPress, incluido el bloque de tabla de contenido. Todos los bloques son <strong>gratuitos <\/strong>y compatibles con WordPress versi&oacute;n 5.0 y superior.<\/p><p>Este plugin es una opci&oacute;n pr&aacute;ctica si tienes entradas de sitio web largas con varios tipos de contenido. Por ejemplo, es perfecto para blogueros o vendedores que deseen crear bloques de llamadas a la acci&oacute;n y bloques de testimonios, adem&aacute;s de un bloque de &iacute;ndice.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/co\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>A&ntilde;adir una tabla de contenidos es una forma excelente de reducir las tasas de rebote y mejorar el SEO general de los sitios web de WordPress.<\/p><p>Afortunadamente, a&ntilde;adir uno a tus entradas de WordPress es relativamente sencillo. Como comentamos en este art&iacute;culo, los usuarios pueden crear TOCs manualmente o con la ayuda de un plugin.<\/p><p>Para ayudarte a empezar, tambi&eacute;n hemos revisado nuestras cinco mejores selecciones de plugins de tabla de contenidos. Si eres principiante en WordPress, te recomendamos que optes por <strong>Easy Table of Contents, <\/strong>ya que es gratuito y f&aacute;cil de usar.<\/p><p>Si tienes alguna pregunta, no dudes en dejarla en la secci&oacute;n de comentarios.<\/p><p><div class=\"protip\">\n                    <h4 class=\"title\">Descubre qu&eacute; m&aacute;s puedes hacer en WordPress<\/h4>\n                    <p><a href=\"\/co\/tutoriales\/acceder-al-escritorio-wordpress\">C&oacute;mo iniciar sesi&oacute;n en WordPress<br><\/a><a href=\"\/co\/tutoriales\/duplicar-pagina-wordpress\/\">C&oacute;mo duplicar p&aacute;ginas y entradas en WordPress<br><\/a><a href=\"\/co\/tutoriales\/taxonomia-wordpress\">Gu&iacute;a de taxonom&iacute;a de WordPress<br><\/a><a href=\"\/co\/tutoriales\/revisiones-wordpress\">Gu&iacute;a de revisiones de WordPress<\/a><\/p>\n                <\/div><\/p><h2 class=\"wp-block-heading\" id=\"h-tabla-de-contenidos-en-wordpress-preguntas-frecuentes\">Tabla de contenidos en WordPress &ndash; Preguntas frecuentes<\/h2><p>Estas son algunas preguntas comunes sobre la tabla de contenidos en WordPress.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69446e5d8498a\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">u003cstrongu003e&iquest;Puedo a&ntilde;adir una tabla de contenidos sin un plugin?u003c\/strongu003e<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&iacute;, puedes a&ntilde;adir una tabla de contenidos en WordPress sin un plugin a&ntilde;adiendo un shortcode a tu entrada o p&aacute;gina utilizando las etiquetas de u003cstrongu003eencabezado u003c\/strongu003eintegradas. u003cbr \/u003eu003cbr \/u003eAdem&aacute;s, tambi&eacute;n puedes utilizar el bloque u003cstrongu003eTabla deu003c\/strongu003e u003cstrongu003econtenidos u003c\/strongu003edelu003cstrongu003e u003c\/strongu003eeditor Gutenberg para generar autom&aacute;ticamente una tabla de contenidos basada en encabezados.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69446e5d8498f\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;C&oacute;mo personalizar mi tabla de contenidos de WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para personalizar tu tabla de contenidos en WordPress, puedes utilizar plugins como Easy Table of Contents o SimpleTOC para ajustar el estilo, la posici&oacute;n y el comportamiento de la tabla de contenidos. Tambi&eacute;n puedes modificar el c&oacute;digo CSS o utilizar c&oacute;digo HTML personalizado para crear un dise&ntilde;o &uacute;nico.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La cantidad ideal de palabras en una entrada de blog para la optimizaci&oacute;n en motores de b&uacute;squeda (SEO) es de alrededor 2.000 palabras, lo que equivale a cuatro p&aacute;ginas de texto. Sin embargo, hay que tener en cuenta que el 43% de los lectores afirma que solo echa un vistazo a las entradas de los [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/tabla-de-contenidos-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":353,"featured_media":46622,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Tabla de contenidos en WordPress: c\u00f3mo a\u00f1adirla paso a paso","rank_math_description":"Una tabla de contenidos es un elemento muy importante para tus lectores y tu sitio web de WordPress. Ac\u00e1 te ense\u00f1amos c\u00f3mo a\u00f1adirla.","rank_math_focus_keyword":"tabla de contenidos wordpress","footnotes":""},"categories":[4747],"tags":[],"class_list":["post-32826","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-indice","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-daftar-isi-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-a-wordpress-table-of-contents-2-easy-ways-and-the-best-plugins","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-a-wordpress-table-of-contents-2-easy-ways-and-the-best-plugins","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wordpress-indice","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-table-of-contents","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/32826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=32826"}],"version-history":[{"count":10,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/32826\/revisions"}],"predecessor-version":[{"id":46621,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/32826\/revisions\/46621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media\/46622"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=32826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=32826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=32826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}