{"id":4975,"date":"2022-01-24T09:00:00","date_gmt":"2022-01-24T08:00:00","guid":{"rendered":"https:\/\/www.vadavo.com\/blog\/?p=4975"},"modified":"2022-01-24T09:00:00","modified_gmt":"2022-01-24T08:00:00","slug":"crear-tablas-de-contenido-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.vadavo.com\/blog\/crear-tablas-de-contenido-en-wordpress\/","title":{"rendered":"C\u00f3mo crear tablas de contenido en WordPress"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2022\/01\/Como-crear-tablas-de-contenido-en-WordPress-01.svg\" alt=\"C\u00f3mo crear tablas de contenido en WordPress\" class=\"wp-image-4976\"\/><figcaption>C\u00f3mo crear tablas de contenido en WordPress<\/figcaption><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">C\u00f3mo crear tablas de contenido en WordPress<\/h1>\n\n\n\n<p>Cuando hacemos una consulta en un libro u obra acad\u00e9mica y queremos ir directamente a un punto exacto para dar con la informaci\u00f3n que buscamos o simplemente ver su estructura solemos acudir al \u00edndice, \u00bfverdad? Algo semejante ocurre con el contenido de los\u00a0<em>posts<\/em>\u00a0o de las p\u00e1ginas web. Es decir, la informaci\u00f3n se organiza de forma que el usuario pueda identificar f\u00e1cilmente la estructura del texto e ir directamente a los puntos que le son m\u00e1s interesantes para resolver las dudas que le han llevado a hacer esa b\u00fasqueda, normalmente org\u00e1nica, la cual le ha llevado hasta ese contenido.<\/p>\n\n\n\n<p>Sin esta especie de \u00edndice muchas veces nos ser\u00eda imposible ir al grano y ser selectivos con aquellas partes del contenido que realmente nos interesan. Ante tanta informaci\u00f3n estar\u00edamos abrumados y con una sensaci\u00f3n de estar perdidos o no saber por d\u00f3nde empezar a buscar. Para evitarle esta situaci\u00f3n a los visitantes de tu web o blog <strong>vamos a explicarte c\u00f3mo crear tablas de contenido en <a href=\"https:\/\/www.vadavo.com\/blog\/como-instalar-wordpress\/\">WordPress<\/a><\/strong>. De este modo, la <strong>experiencia de usuario mejorar\u00e1<\/strong> porque podr\u00e1 encontrar r\u00e1pidamente la informaci\u00f3n que buscaba, adem\u00e1s de otras partes del contenido que puedan resultarle de inter\u00e9s a golpe de vista.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"> <strong>\u00bfQu\u00e9 es una tabla de contenidos y c\u00f3mo es su estructura en WordPress?<\/strong><\/h2>\n\n\n\n<p>Retomando lo que hemos dicho en la introducci\u00f3n, una tabla de contenidos es <strong>la forma que tenemos de estructurar la informaci\u00f3n en nuestra p\u00e1gina web o blog.<\/strong> Adem\u00e1s, cada apartado de esta estructura del contenido tiene un enlace que al hacer clic nos lleva directamente a ese punto en concreto de la informaci\u00f3n. De este modo, cuando nosotros como usuarios o usuarias aterrizamos en una web o blog, lo primero que nos encontramos es una peque\u00f1a introducci\u00f3n sobre la tem\u00e1tica de la que trata la p\u00e1gina o el\u00a0<em>post<\/em>\u00a0y, seguidamente, una tabla de contenidos que nos facilitar\u00e1 la localizaci\u00f3n de la informaci\u00f3n que nos interesa.\u00a0<\/p>\n\n\n\n<p>La importancia de tener una tabla de contenidos reside sobre todo en ofrecerle al usuario una experiencia amigable para que no tenga que abandonar nuestro sitio, ir de nuevo a probar suerte en Google y dejarnos con una merecida visita con bajo tiempo de estancia por no haberle facilitado la vida.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"> <strong>C\u00f3mo estructurar una tabla de contenidos<\/strong><\/h2>\n\n\n\n<p>Pasamos a ver ahora los contenidos que tiene o puede tener una tabla de contenidos adem\u00e1s de explicar de qu\u00e9 consta cada uno de ellos:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>El encabezado.<\/strong> A modo de distinguir f\u00e1cilmente d\u00f3nde se halla la tabla de contenidos, es recomendable ponerle un encabezado con un tama\u00f1o de fuente grande, letras que destaquen y un texto que deje claro de qu\u00e9 se trata como, por ejemplo, \u201cTabla de contenidos\u201d, \u201c\u00cdndice de contenidos\u201d, \u201cLista de contenidos\u201d o cosas por el estilo.\u00a0<\/li><li><strong>\u00a0Mostrar u ocultar la tabla de contenidos.<\/strong> Los\u00a0<em>plugins<\/em>\u00a0relacionados con las tablas de contenidos suelen tener una funcionalidad que permite mostrar o, por otra parte, ocultar la tabla que hayamos creado.<strong> Lo habitual es que la tabla sea siempre visible cuando se cargue la web.<\/strong> As\u00ed, el usuario no deber\u00e1 de pulsar ning\u00fan bot\u00f3n para visualizarla. Pero, aunque esta funcionalidad no aporte nada en especial, no est\u00e1 de m\u00e1s saber que existe.\u00a0<\/li><li><strong>Secciones principales y subapartados.<\/strong> Imaginemos que hemos escrito un\u00a0<em>post\u00a0<\/em>bastante largo, es decir, algo m\u00e1s de 2000 palabras. Con bastante probabilidad, dentro de cada secci\u00f3n habr\u00e1 alg\u00fan que otro subapartado. Y para asegurar la buena organizaci\u00f3n del\u00a0<em>post<\/em>, seguramente, cada apartado abarcar\u00e1 un tema muy concreto y dispondr\u00e1 de un encabezado. Por lo tanto, incluir esos encabezados ser\u00e1 de gran utilidad para que los usuarios puedan encontrar en la tabla de contenidos aquello que andan buscando y accedan a ese contenido con un clic.\u00a0<\/li><li><strong>Estilo simple. <\/strong>Para que una tabla de contenidos sea m\u00e1s legible, lo <strong>recomendable es que no est\u00e9 muy sobrecargada con im\u00e1genes o cualquier otro elemento gr\u00e1fico<\/strong> que pueda estorbar al usuario. Lo m\u00e1s \u00fatil para organizar la informaci\u00f3n son los puntos negros gruesos o los guiones, lo cual aporta una sensaci\u00f3n visual clara y estructurada.\u00a0<\/li><li><strong>Dise\u00f1o. <\/strong>Este debe ser claro, f\u00e1cil de identificar y resaltado. La tabla, como es l\u00f3gico, deber\u00e1 estar siempre al principio, antes del contenido y que no tenga m\u00e1s de dos niveles de anidamiento.\u00a0<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"> <strong>A\u00f1adir tablas de contenido en WordPress: HTML o\u00a0<em>plugins<\/em><\/strong><\/h2>\n\n\n\n<p>Ahora que ya hemos visto un poco m\u00e1s sobre qu\u00e9 es una tabla y c\u00f3mo debe estructurarse, vamos a hablar de c\u00f3mo crear y a\u00f1adir tablas de contenido en <a href=\"https:\/\/www.vadavo.com\/blog\/que-son-el-wp-admin-y-wp-login-en-wordpress\/\">WordPress<\/a>. Existen dos maneras de proceder. La primera de ellas puede ser con el lenguaje de marcado HTML y la segunda a trav\u00e9s de\u00a0<em><a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-crm-para-wordpress\/\">plugins<\/a><\/em>. Aqu\u00ed, te vamos a contar las dos para que tu elijas la que m\u00e1s te guste a la hora de poner en pr\u00e1ctica todo lo aprendido.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><strong> Crear tablas de contenido con HTML<\/strong><\/h3>\n\n\n\n<p>Para proceder de esta manera e insertar las tablas con HTML, iremos al<strong> editor de c\u00f3digo <\/strong>que nos facilita WordPress cuando estamos creando un\u00a0<em>post<\/em>\u00a0y pondremos las siguientes etiquetas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>&lt;ul>,&lt;\/ul>.<\/strong> En primer lugar, es necesario poner estas dos etiquetas de apertura y cierre las cuales van a contener el resto de etiquetas. Con ello, se nos generar\u00e1 lo que se conoce como lista no numerada o desordenada.\u00a0<\/li><li><strong>&lt;li>,&lt;\/li>.<\/strong> Dentro de las etiquetas anteriores, colocaremos estas que hacen referencia a cada uno de los elementos de la tabla.<\/li><li><strong>&lt;a href=\u201d#tituloSeccion\u201d>&lt;\/a>.<\/strong> Con esta etiqueta podremos enlazar de forma interna las secciones del\u00a0<em>post\u00a0<\/em>con los encabezados de los distintos apartados y subapartados de modo que, cuando cliquemos nos lleve a esa parte en concreto.<\/li><li><strong>id=\u201dtituloSeccion\u201d. <\/strong>Para que lo anterior suceda, deberemos poner en cada encabezado correspondiente a una secci\u00f3n o subapartado este\u00a0<em>id<\/em>. Quedar\u00eda algo as\u00ed: &lt;h2 id=\u201dtituloSeccion\u201d>T\u00edtulo de la secci\u00f3n&lt;\/h2>.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><strong> Crear tablas de contenido con\u00a0<em>plugins<\/em><\/strong><\/h3>\n\n\n\n<p>Es cierto que al crear una tabla de contenido con HTML nos posibilita tener m\u00e1s control sobre la forma en la que se va a disponer la organizaci\u00f3n del contenido y su estructuraci\u00f3n. No obstante, si queremos ahorrarnos este trabajo por la raz\u00f3n que sea, siempre podemos acudir al amplio ecosistema de\u00a0<a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-suscripcion-newsletter-wordpress\/\"><em>plugins<\/em><\/a>\u00a0de que dispone <a href=\"https:\/\/www.vadavo.com\/blog\/mejores-herramientas-seo-wordpress\/\">WordPress<\/a>. Solo <strong>tendremos que elegir el\u00a0<em>plugin<\/em><\/strong>\u00a0que queremos <strong>y se nos generar\u00e1 una tabla de contenidos<\/strong> sin tener que tocar nada de HTML lo cual, a veces, puede llevarnos a tener errores de escritura o de enlazado. <strong>Sin embargo, el\u00a0<em>plugin<\/em>\u00a0bastar\u00e1 con configurarlo, instalarlo y listo.<\/strong> Uno de los m\u00e1s utilizados para este cometido es\u00a0<em><strong><a href=\"https:\/\/es.wordpress.org\/plugins\/easy-table-of-contents\/\" rel=\"nofollow noopener\" target=\"_blank\">Easy table of contents.<\/a><\/strong><\/em><\/p>\n\n\n\n<p>As\u00ed que ya lo sabes, utilizar tablas de contenido aporta m\u00faltiples ventajas tanto para el usuario, que encontrar\u00e1 el contenido que busca sin necesidad de pasarse horas frente a la pantalla, como para los rastreadores de Google que tienen la capacidad de identificar la informaci\u00f3n de una tabla de contenido. De este modo, <strong>Google podr\u00e1 mostrar esa tabla en los resultados de b\u00fasqueda a los diferentes usuarios<\/strong> y, as\u00ed, <strong>mejorar\u00e1 tambi\u00e9n el posicionamiento org\u00e1nico<\/strong> de nuestro sitio. Como consecuencia de ello, las probabilidades de que hagan clic en el enlace que dirige a nuestra web aumentar\u00e1n y tendremos un visitante m\u00e1s que quedar\u00e1 satisfecho con su b\u00fasqueda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo crear tablas de contenido en WordPress Cuando hacemos una consulta en un libro u obra acad\u00e9mica y queremos ir directamente a un punto exacto para dar con la informaci\u00f3n que buscamos o simplemente ver su estructura solemos acudir al \u00edndice, \u00bfverdad? Algo semejante ocurre con el contenido de los\u00a0posts\u00a0o de las p\u00e1ginas web. Es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4976,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[125,126,34],"class_list":["post-4975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-tablas","tag-tablas-de-contenido","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/4975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/comments?post=4975"}],"version-history":[{"count":0,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/4975\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media?parent=4975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/categories?post=4975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/tags?post=4975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}