Cómo crear un índice manualmente
En caso de que tu interés sea bastante específico, como por ejemplo, hacer una lista de subtítulos en tan solo un contenido de tu sitio o blog, el índice manual es una buena opción.
Son dos pasos bien simples. Primero, es necesario crear la lista de links (o anclas) con todos los subtítulos que deseas enlistar:
<a href=”#nombre_del_ancla”>Título del ancla</a>
En este caso, definimos cómo id, el elemento #nombre_del_ancla. Ese id debe ser único, precedido por un hashtag (#) y es muy importante que no uses espacios en él. Números, caracteres como el guion bajo ( _ ) y el guion medio (-) son permitidos.
Luego, será necesario insertar el código que demarcará el punto de la página en que el usuario será redireccionado al momento de hacer clic en el índice:
<a id=”nombre_del_ancla”></a>
Título del ancla
En esta parte, percibe que el hashtag (#) no está presente. El id que usamos anteriormente regresa sin él.
¡Listo! Tu índice ya está funcionando. Para cada nuevo subtítulo que sea insertado, repite el proceso.
Por ejemplo, si tu texto cuenta con tres subtítulos, tu índice tendrá la siguiente composición:
<a href=”#introduccion”>Introducción</a>
<a href=”#capitulo_1″>Capítulo 1</a>
<a href=”#conclusion”>Conclusion</a>
A lo largo de tu contenido, las llamadas a cada sección aparecerá de la siguiente forma:
<a id=”introduccion”></a>
Introducción
…
<a id=”capitulo_1″></a>
Capítulo 1
…
<a id=”conclusion”></a>
Conclusion
Puedes combinar esos links con los títulos H2, por ejemplo. En este caso, el código podría ser del siguiente modo:
<h2><a name=”introduccion”></a>
Introducción</h2>
…
<h2><a name=”capitulo_1″></a>
Capítulo 1</h2>
…
<h2><a name=”conclusion”></a>
Conclusión</h2>
…
Cómo crear un índice a través de un plugin de WordPress
Algunos sitios como Wikipedia hacen uso de la automatización de índices. Cuando los subtítulo H1, H3, H4, H5 y H6 son activados, por ejemplo, el sistema de las páginas wiki crea una tabla de contenidos.
Puede parecer algo trivial, pero ahorrar segundos al usuario, sobre todo en tiempos donde la atención se diluye rápido, termina marcando una diferencia. Algunos lectores ya están tan acostumbrados a navegar con índices interactivos que ni bien entran a una página, buscan ese menú escaneable. Si tu sitio no lo ofrece, das pie a que terminen yéndose antes de lo que te gustaría, algo que probablemente no sea tu objetivo.
No es raro que, mientras experimentas con índices manuales y automáticos, te tropieces con detalles tontos: un enlace mal escrito, un id duplicado… La prueba y error, aunque molesta, acaba siendo incluso útil para entender mejor cómo se comporta tu propia audiencia. Si alguna vez sientes que pierdes tiempo ajustando el índice perfecto, bueno, no sos el único — lo que importa es que el visitante llegue rápido a lo que busca.
Tabla de contenidos o índice
Pensando en esta última lógica, el plugin para WordPress llamado Table of Contents Plus https://wordpress.org/plugins/table-of-contents-plus/ crea automáticamente un índice para tu sitio.
Además de eso, a través del panel de control del plugin es posible definir en cuáles páginas el índice personalizado aparecerá. Mira:
Usando el ancla para enlaces externos
Con el índice creado, ahora podrás compartir ese “salto” en la página con personas que todavía no están en tu sitio.
Por ejemplo, en el artículo “Marketing digital: todo lo que siempre quisiste saber sobre el asunto, está aquí” tenemos la siguiente URL:
En esta página tenemos un índice que cuenta con un tópico de conclusión, el cual usa el id #conclusion.
Para compartirlo, basta con un insertar una barra (/) al final de la URL, junto al hashtag (#) y el id conclusión.
Este sería el resultado final:
¿Te quedó alguna duda? Déjanos saber en los comentarios tus preguntas, en caso de que sea necesario.
