Blogging
[GU√ćA] C√≥mo poner un √≠ndice en un post y qu√© ventajas tiene
26 Abril, 2016
20
, , , , ,

tabla de contenidos | portada

¬ŅQu√© es un √≠ndice o tabla de contenidos en un post?

Seguro que lo has visto en más de un blog o web, de hecho si te fijas puedes verlo en este mismo post, justo antes de este apartado. Así es, no es más que una lista de los contenidos que se pueden encontrar en un artículo, de forma ordenada, por apartados y con la posibilidad de acceder al punto que quieras con solo pulsar en él, ahorrándote el scroll, sobre todo el post muy largos o con mucha información. Estos índices suelen estar antes del primer título, aunque lo puedes poner donde quieras, piensa en la comodidad de tus lectores y la utilidad del elemento. Además una tabla de contenidos contribuye al SEO On Page de tu blog.

tabla de contenidos | 2

 

¬ŅPara que sirve?

Como he mencionado antes, sirve para ordenar los contenidos de tus post, haciendo más accesible sus distintas partes, de forma que mejoras la experiencia del usuario, dándole la opción de ir a un contenido concreto de forma rápida, además puede saltarse aquellas partes que no quiere leer. Por ejemplo, si cuando has entrado a este post, ya sabías lo que era una tabla de contenido, pero sin embargo querías saber cómo se pone o para qué sirve, puedes ir directamente al punto donde hablo de ello, más abajo, con solo hacer click en el apartado en cuestión en la tabla de contenidos.

 

¬ŅQu√© ventajas tiene?

  • Posicionamiento SEO

Las tablas de contenido mejoran la experiencia del usuario, eso est√° genial, y los motores de b√ļsqueda como Google lo saben. La ara√Īa de Google es consciente de que un art√≠culo con una tabla de contenido tiene mejor y m√°s ordenada la informaci√≥n, de esta forma dar√° prioridad a tus post, incrementando la posibilidad de que mejore su posicionamiento en las SERPs. Piensa que todo lo que puedas hacer para optimizar tus post de cara a experiencia del usuario, te permitir√° competir contra otros resultados similares. Seguro que has entrado en Wikipedia, ¬Ņte has fijado que en todos los resultados tienen implementada una tabla? Esa es una de las muchas razones por las que Wikipedia est√° tan bien posicionada en buscadores, por la buena organizaci√≥n de la informaci√≥n que practica.

tabla de contenidos | wikipedia

Si te fijas en la siguiente foto, ver√°s que al tener implementada una tabla de contenidos en un post concreto, el resultado en Google tiene una caracter√≠stica distinta. Te da la posibilidad de ir a ese apartado del art√≠culo directamente, es decir,‚ě°ÔłŹ¬†aqu√≠.¬†

tabla de contenidos | SERP

  • User Experience

Está bien tener muy presente el SEO a la hora de escribir un post, de hecho es muy importante optimizar un post de cara al posicionamiento, incluso se puede hacer sin tener muchos conocimientos técnicos. Pero no hay que olvidarse de ofrecer al lector una experiencia muy buena y una forma de hacerlo es con una tabla de contenidos, para que sepa en todo momento qué cuentas y que le permita acceder a la información que desee.

  • Ordena tu mente

Utilizar un √≠ndice te permitir√° escribir los art√≠culos con m√°s auto-organizaci√≥n, es decir, estas tabla de contenido cogen los H2, H3, H4… para formarse, de modo que tendr√°s que estructurar a conciencia cada parte de tus art√≠culos para que el √≠ndice sea √ļtil y tenga sentido. Puede que sin una tabla de contenidos, esta optimizaci√≥n de tus post no llegase a un nivel tan avanzado.

 

 

Consideraciones

Esta consideración sirve solo si vas a implementar la tabla de contenidos mediante un plugin de WordPress (te explico cómo hacerlo en el punto 5). 

Al instalar y configurar el plugin, las tablas de contenidos aparecer√°n de forma autom√°tica en tus nuevos post, pero tambi√©n en los antiguos. ¬ŅQu√© problema hay? Muy sencillo, si hasta ahora no has llevado un orden similar en todos tus art√≠culos en cuanto a H2, H3, H4, etc, puede que en tus post pasados la tabla de contenidos quede algo rara, mostrando una organizaci√≥n confusa. Tras instalar el plugin conviene que te des una vuelta por tus post antiguos para comprobar que no hay ning√ļn desprop√≥sito, sobre todo en los post que m√°s visitas atraen. Dentro de lo malo, si necesitas modificar alg√ļn post puedes hacerlo de forma r√°pida, ?¬†¬°pero no lo dejes pasar!¬†?

 

Cómo implementar una tabla de contenidos en WordPress

Si utilizas WordPress est√°s de enhorabuena, existe una forma muy sencilla de colocar una tabla de contenidos en los post de tu blog, con el plugin Table of Contents Plus. ¬ŅQuieres m√°s plugins WordPress √ļtiles? ‚ܙԳŹ¬†Mira estos 18 plugins que utilizamos 10 bloggers.

A continuación te voy a explicar cómo configurar el plugin Table of Contents Plus para tu blog en WordPress:

Paso 1. Instala el plugin Table of Contents Plus.

Probablemente ya lo sepas, pero por si eres novato en el universo WP, puedes instalar el plugin de dos formas, descargando el archivo y subi√©ndolo a tu WordPress a trav√©s de Plugins > A√Īadir nuevo > Subir plugin o desde¬†Plugins > A√Īadir nuevo > Buscar plugins > Instalar ahora.¬†

Si te decantas por la primera opci√≥n, desc√°rgalo desde aqu√≠, si prefieres la segunda en el buscador de plugins simplemente busca ‘Table of Contents Plus’.

tabla de contenidos | plugin

[/vc_column_text][/vc_column][/vc_row]

 

Paso 2. Configuración Table of Contents Plus.

Una vez has instalado y activado el plugin, ve a Plugins Instalados, y b√ļscalo. Pulsa en Editar y¬†configura la tabla de contenidos a tu gusto. Tienes que saber que pr√°cticamente con las opciones que vienen por defecto ya puede funcionar sin ning√ļn problema.

En Opciones generales encontrarás la mayoría de elementos que debes configurar para dotar de personalidad a tu tabla de contenidos y elegir todos los parámetros que quieras. No te agobies, es muy fácil y tampoco hay mucho donde elegir.

Puedes elegir hasta cuatro lugares donde aparezca tu tabla de contenidos: al principio del post, al final, antes del primer encabezado o después del primer encabezado. En mi caso he elegido, antes del primer encabezado, algo que para mi es lo más lógico.

La siguiente opci√≥n te permite mostrar el √≠ndice en funci√≥n del n√ļmero de encabezados, es decir, en mi caso en los art√≠culos con menos de 4 encabezados (H2, H3, H4, etc) no aparecer√°.

En el siguiente parámetro decide donde quieres que aparezca la tabla: en los post, en las páginas, categorías, etc.

Personaliza en el siguiente paso el texto que vas a mostrar en el inicio de la tabla. En mi caso es “En este post podr√°s leer:”. Puedes poner lo que quieras. Tambi√©n configura el texto que muestras en las opciones de mostrar u ocultar, esto es que el usuario puede ocultar o mostrar la tabla de contenidos. Tambi√©n puedes decidir t√ļ mismo que de inicio, la tabla de contenidos permanezca plegada.

M√°s abajo podr√°s personalizar el aspecto, como ancho, color, fondo, fuentes, etc.

Si lo prefieres, también puedes hacer que el usuario, al clickar en uno de los apartados de la tabla, sea dirigido al apartado en cuestión con un scroll suave o de un salto, esto ya es decisión tuya.

En Opciones generales también podrás configurar las opciones avanzadas, como por ejemplo el tipo de encabezamiento tiene en cuenta el índice.

tabla de contenidos | configurar

Ya tienes configurada tu tabla de contenidos en WordPress, ahora recuerda: si tienes post antiguos comprueba que todo está en orden. 

 

Cómo implementar una tabla de contenidos si no tienes WordPress

Si no tienes WordPress y no puedes instalar el plugin quieres que la tabla de contenidos se muestre solo en un post concreto, ¡también puedes! ??.  Es una forma algo más tediosa y lleva más tiempo, debes tocar el HTML del post, pero tranquilo, aunque no tengas conocimientos de código podrás hacerlo, estoy seguro.

1.Creamos el índice

En la pesta√Īa del editor de entradas que te permita modificar el c√≥digo, ve al lugar donde quieres que aparezca el √≠ndice e introduce este c√≥digo. Aqu√≠ es donde aparecer√° la tabla, con cada uno de los contenidos.

<a href=”#Hola1“>El nombre del t√≠tulo 1</a>

<a href=”#Hola2“>El nombre del t√≠tulo 2</a>

 

2. Creamos el título

En el nombre del título deberás indicar el anchor text del título al que vas a dirigir. Es importante que el texto que vaya después del # sea exactamente igual que el que vas a utilizar en el <a name= >

Una vez has creado la estructura de tu índice, debes poner la etiqueta <a> con el atributo name en el lugar donde quieras que apunten los títulos del índice, es decir:

<a name=”Hola1“></a> ¬†El texto al que quieres que apunte el t√≠tulo 1 del √≠ndice.

<a name=”Hola1“></a> El texto al que quieres que apunte el t√≠tulo 2 del √≠ndice.

El texto que ves en verde no es visible en el post, y es el que debe ser exactamente igual que el que se encuentra después el # en el href.

Te recomiendo que comiences haciendo la prueba solo con un título, compruebes que funciona perfectamente, que al clickar dirige a donde debe y a continuación, configures el siguiente. Es muy sencillo y en cuanto hagas el primero, el resto serán pan comido.

 

¬ŅTe ha sido √ļtil este post? ¬°Espero que hayas podido instalar tu tabla de contenidos!¬†

[mc4wp_form]

¬ŅTe ha sido √ļtil este post?


1 Star2 Stars3 Stars4 Stars5 Stars (6 Votos. Media: 4,17 de 5)


Cargando…

About author

√Ālex Serrano

Creador del blog que est√°s leyendo. Miembro del equipo de Aula CM, donde soy profesor en el M√°ster de Marketing Online. Me dedico al Social Media, SEO, blogging y marketing de contenidos.

bitacoras_1

¬ŅC√≥mo cambia la vida ganar un Bit√°coras? Consejos y testimonios de 8 ganadores.

Leer m√°s
curso wordpress

15 Cursos de Dise√Īo Web en WordPress Gratis y online

Leer m√°s
checklist_1

El Checklist definitivo que debes hacer antes de publicar un post

Leer m√°s

There are 20 comments

  • stiven dice:

    muy interesante, muchas gracias ūüôā

  • Alex dice:

    yo lo vengo usando desde hace unos meses y da buenos resultados, solo una correción en tu título, un índice no es lo mismo que una tabla de contenidos. El índice siempre va al final de un texto largo, nunca al principio, lo que va al principio es la TABLA de contenidos.

    • Hola Alex, gracias por el apunte. Entiendo que es mejor decir tabla de contenidos, puse ‘√≠ndice’ para que sonara. Pues siempre se ha utilizado esa palabra para hablar de una lista de materiales que se pueden encontrar en un libro o art√≠culo, bien al principio o bien al final. ¬°Saludos!

  • RaMGoN dice:

    Muy bien explicado √Ālex, tan y tan bien las ventajas y beneficios que casi que me convences para empezar a usarlas.

    Ahora en serio, son una estupenda opción, ahora bien, veo en esto más una moda y tendencia artificial mal usada que otra cosa. Me explico, la mayoría de posts no superan las mil palabras y con esa cantidad de palabras parece floja la necesidad de implementar una tabla de contenidos. Una vez más estaremos escribiendo para SEO pero no para un usuario al que en un artículo de esa longitud poco o nada le aporta. Es mi opinión claro.

    En tu caso, ese post, nada que objetar, perfectamente justificado su uso.

    Saludos

    • Hola Ramgon, estoy contigo en lo que dices. Puede ser una moda y puede que no se llegue a usar del todo bien. Ojal√° yo pudiera escribir todos los art√≠culos de 2.000 palabras, pero no me da la vida xD Un inconveniente de este plugin es que sale por defecto en todas las entradas, aunque imagino que teniendo conocimientos avanzados de HTML puedes dar la orden que no aparezca en determinados post.

      Bien utilizado creo que escribimos tanto para el SEO como para los lectores, pues en un texto largo con muchos apartados y fases, te permite ir a lo que te interesa r√°pidamente.

      Gracias por tu comentario, ¬°un abrazo, compa√Īero!

  • Buenos d√≠as Alex,

    Muy interesante, no lo conocía y lo implante ayer, a ver que tal funciona.
    Tengo un par de problemas por eso, en la tabla el h1 el punto me sale fuera del cuadro y los enlaces directos no me funciona. Sabes por que puedes er?

  • Zary dice:

    en blogger no es posible poner estas tablas de contenido?¬Ņ he buscado mucho pero no hay mucho al respecto

    • Hola Zary, como comento al final del post, se pueden poner las tabla de contenidos en blogger, pero de forma manual. Lleva un tiempo ponerlo pero tiene ventajas como ponerlo solo en el post que quieras. Adem√°s, no es muy dif√≠cil hacerlo. ¬°Saludos!

  • Genial estimado Alex! Es un recurso super interesante para blogs con contenidos extensos como el m√≠o. Pens√© que deber√≠a tocar el c√≥digo y todo eso pero al mencionar el plugin de wordpress me brindaste una soluci√≥n en tiempo y practicidad, GRACIAS!

  • Carlos dice:

    Hola Alex,
    Muchas gracias por la información.

    Lo he intentado muchas veces aplicar en Blogger y no me sale. Podr√≠as por favor hacer un post “para no expertos en html” aplic√°ndolo a Blogfger?

    Desde ya muchas gracias!.

    • Hola Carlos, gracias a ti por el comentario.

      La explicaci√≥n que doy es para no expertos en html, yo no lo soy y antes de utilizar el plugin lo consegu√≠ poner con las l√≠neas de c√≥digo que explico en el post. Ve paso por paso, solo es necesaria un poco de paciencia. ¬°√Ānimo! ūüėÄ

  • Hola, yo lo tengo instalado desde hace meses y funciona muy bi√©n. Ahora quiero actualizar a PHP7 pero no se si es compatible porque hace 1 a√Īo que no se actualiza. Alguien lo tiene con PHP7?
    gracias

  • Rolando dice:

    Hola Alex.
    Tengo un problema con el plugin tabla de contenido plus.
    Lo tuve que desinstalar porque los subtitulos de todo el post se veían de color gris y su color original es negro.
    Me puedes ayudar para saber que pasa. Gracias

  • Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Uso de cookies

    Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si contin√ļa navegando est√° dando su consentimiento para la aceptaci√≥n de las mencionadas cookies y la aceptaci√≥n de nuestra pol√≠tica de cookies, pinche el enlace para mayor informaci√≥n.plugin cookies

    ACEPTAR

    Send this to friend