Tabla de Contenidos para tu blog – Secreto Ninja I [+PODCAST]

2Comentarios

Tabla de contenidos para tu blog

Tabla de contenidos para tu blog.

 

Hoy voy a hablarte de un Secreto de Ninja para tu Blog, que hará mejorar tu SEO, el tiempo de permanencia crecerá y los resultados de navegabilidad serán sorprendentes, hoy voy a contarte cómo y porqué colocar una Tabla de Contenidos o Indice en tu Blog.


Escucha nuestro Podcast


Tabla de Contenidos

Lo primero que quiero contarte es por qué decidí hablarte de este tema, no fue mera casualidad. Hace algunas semanas noté al instalar una curiosa herramienta (www.smartlook.com) que graba en vídeo la actividad de tus visitantes (Si! increíble pero real) un comportamiento que luego entendí es usual en los lectores y sobre todo en los de sitios de notas extensas: SE PIERDEN EN LOS CONTENIDOS.

Rápidamente como escritor entendí que hay un recurso en todo libro para evitar estos inconvenientes que no es muy común en los blog: el Índice o Tabla de Contenidos, pero que entre tantos sitios web, foros y blogs que visito a diario había visto en algunas ocasiones en un formato interesante y práctico.

Investigando la mentada Tabla de Contenidos

Comencé a investigar al respecto, no era simple colocar una tabla de contenidos en un blog, escribir primero, luego volver a reescribir los títulos, generar enlaces con anclas, código y más complicaciones… parecía una tarea difícil en realidad aún cuando tengo 10 años diseñando web (no se si difícil pero algo pesada para el tiempo que le dedico a escribir cada post).

Hay muchos sitios con información muy valiosa al respecto, en ellos descubrí que no solo se podía generar la tabla en forma manual sino que trabajando con WordPress hay uno o dos plugins que mencionaré más adelante muy eficientes para automatizar la tarea.

Uno de los más completos se encuentra en Ayuda Wordpres, mención al margen por que es excelente!

Beneficios de usar Tablas de Contenidos

En el camino de mi investigación descubrí que el colocar tablas de contenidos o índices en tu sitio web tiene una serie de beneficios adicionales que no son para nada despreciables y quiero mencionártelos, quizás te motiven a tomar acción.

· Reduce el Bounce Rate (perdida) de tu sitio: los visitantes buscan cosas muy específicas y las encontrarán mucho más rápido.

· Mejora los Enlaces Internos: esta es una practica muy bien vista por Google por lo cual sumarás puntos a la hora de la evaluación SEO de tu sitio.

Instalando una Tabla de Contenidos en WordPress


Instalando una tabla de contenidos en WordPress

 

Vamos a ver ahora como instalar entonces una Tabla de Contenidos o Índice en WordPress ya que este es el gestor de blogs más utilizado a nivel mundial (y el que yo prefiero y recomiendo).

Existe un plugin llamado Table of Content Plus que puede descargarse del repositorio de WordPress en forma gratuita, es muy simple de instalar y configurar y los resultados visuales son impecables. Actualmente cuenta con más de 100.000 descargas y es compatible con las últimas 2 versiones de WordPress calificado con 4.7 de 5 estrellas, lo cual nos habla muy bien de este potente Plugin.

Lo que debemos hacer entonces es:

  1. Descargar el Plugin desde: Directorio de WordPress
  2. Ir a la Opcción PLUGINS > AÑADIR NUEVO de nuestro panel de control y realizar la instalación y activación del mismo.
  3. OPCIONAL: Puedes ir directamente a la opción AÑADIR NUEVO y buscarlo desde el mismo panel como: Table of Content Plus)
  4. Luego deberás configurarlo teniendo en cuenta que hay dos medios de inserción de la tabla:
    1. Automáticamente
    2. Por medio de Shortcode en el lugar de tu post que prefieras.

Configuración Automática de la tabla de contenidos

Una vez instalado y activo el plugin debes ir a AJUSTES -> TOC+, donde encontrarás las páginas de ajustes.

Configuración automática de la tabla de contenidos

Ahí podrás configurarlo para establecer dónde se verá la tabla de contenidos (antes o después de los títulos por ejemplo), su aspecto (colores, posición, marcos), qué incluirá (niveles de título a mostrar), y algunos ajustes adicionales importantes.

Entre los ajustes importantes es de especial relevancia especificar qué formatos de título usará (h1, h2, h3, h4, etc.) para crear automáticamente la tabla de contenidos, y a partir de cuántas veces deben existir para que se genere (por ejemplo si tienes solo 2 títulos quizás sea innecesario colocar una tabla).

Opciones Avanzada de +TOC

Configuración automática de la tabla de contenidos

Estas son algunas de las opciones avanzadas que podrás utilizar con este plugin, incluyen algunas funcionalidades para evitar errores con plantillas responsivas y diseños con menús móviles:

– 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 píxeles 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 contenidos 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.

Insertando en forma manual la tablas de contenidos

Quizás no quieras que la tabla de contenidos se inserte automáticamente en las publicaciones. Puedes tomar el control de dónde sí y dónde no mostrarlas en forma rápida y simple.

Primero debes ir a la página de ajustes de TOC+ y desmarcar el tipo de contenido donde no quieras que se muestre (si vas a ponerte selectivo en los POST debes desmarcarlos también).

Para insertar una tabla de contenidos en entradas, páginas, etc, deberás incluir el siguiente shortcode donde quieras que se muestre:


Este 
shortcode funcionará aunque tengas activa la inserción automática, es decir que podrás mostrar la tabla en varios lugares si lo deseas, ahora insertalo para poder personalizar su ubicación.

Si, por el contrario, no quieres que la tabla de contenidos aparezca en todas tus publicaciones sino solo en algunas, puedes usar este otro shortcode donde no quieras que se muestre:

Mapas de Sitio

Una funcionalidad adicional que nos ofrece este plugin es la de crear mapas de sitio con paginas y categorías que luego podremos insertar en cualquier parte de la publicación por medio de un Shortcode también. Este recurso se suma a los que permiten mejorar el seo y no es para nada despreciable. Mapas de Sitio

Insertar Tabla de Contenidos en forma Manual

No se me ocurren muchas ideas de por que preferirías tomarte el trabajo de hacerlo en forma manual pero por si eres de esas personas, quizás estas sean las razones:

· Poder personalizar y reorganizar el contenido según el criterio deseado.

· No sobrecargar WordPress con un plugin más.

· Si dejas de usar un plugin o ya no es compatible, las tablas desaparecen.

· Si cambias de CMS o mueves el contenido a otro gestor, la tabla permanece.

· Solo lo editas una vez. Aunque sea tedioso, una vez hecho apenas lo tocarás.

Para hacerlo solo debes crear un listado ordenado con cada uno de los títulos h2 y h3 del texto, y los enlazas con un ancla del tipo <a href=”#PalabraClave”>Texto del enlace</a>. (esto debes hacerlo desde la vista HTML y no desde VISUAL)

Luego, antes del h2 o h3 correspondiente, debes incluir el ancla con <a name=”PalabraClave”></a> y listo.

La palabra clave del enlace ancla puede ser simplemente un número para que te sea más fácil de recordar, también pueden utilizar una palabra clave del título (mucho mejor).

Resumen

Para resumir utilizar Tablas de Contenidos o Índices te servirá no solo para mantener ordenadas tus entradas sino también para mejorar la navegabilidad de tu sitio y optimizar el SEO.

El resultado final será algo como lo que puedes ver en mi blog:


Tablas de contenidos o índices en un blog

 

Espero que este Post te haya sido de ayuda. No te pierdas los próximos «Secretos Ninjas» que iré desvelando cada mes en el blog de BlogsterApp. 🙂

 

Newsletter

Suscribir

 

 
 

BlogsterApp te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por BlogsterApp Ambassador, S.L. (BlogsterApp) como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar el alta a esta suscripción y remitir boletines periódicos con información y oferta prospectiva de productos o servicios propios. Legitimación: Consentimiento del interesado. Como usuario e interesado te informo que los datos que nos facilitas estarán ubicados en los servidores de AgileCRM (proveedor de email marketing de BlogsterApp) fuera de la UE en  EEUU y no esta en privacy shield: no está acogido al convenio de seguridad entre UE y EEUU (Privacy Shield), por lo que no garantiza unos niveles de seguridad adecuados en la transferencia internacional de tus datos. Aunque actualmente están implementando los cambios para cumplir con el Reglamento Europeo de protección de datos (RGPD GDPR). Al cumplimentar este formulario consientes expresamente dicha transferencia internacional de datos. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no podamos atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en administracion@blogsterapp.com así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en nuestra página web: blogsterapp.com, así como consultar nuestra política de privacidad.

Conoce a los autores de nuestro blog

2Comentarios
  1. No hay por que afernanfo tienes un sitio impecable amigo!

  2. Gracias por la cita Germán 🙂

Los comentarios están cerrados.

BlogsterApp te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por BlogsterApp, S.L. (BlogsterApp) como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. Como usuario e interesado te informo que los datos que nos facilitas estarán ubicados en los servidores de Siteground (proveedor de hosting de BlogsterApp ) dentro de la UE. Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no podamos atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en administracion@blogsterapp.com así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en nuestra página web: blogsterapp.com, así como consultar nuestra política de privacidad