Cómo añadir "fácilmente" enlaces de anclaje en WordPress (Paso a Paso)

¿Alguna vez has abierto una publicación larga de WordPress y te has sentido un poco perdido tratando de encontrar lo que necesitabas? Todos hemos estado ahí. Puede ser frustrante desplazarse por muros de texto solo para llegar a la parte que te importa.

Esa es exactamente la razón por la que usamos enlaces de anclaje en WPBeginner. Hacen que sea fácil para los lectores saltar directamente a la sección que les interesa, ya sea en una guía o en una lista de expertos.

En nuestra experiencia, los enlaces de anclaje no solo facilitan la lectura. También ayudan a los visitantes a permanecer más tiempo en tu sitio porque pueden encontrar rápidamente lo que necesitan. Y como beneficio adicional, tu contenido se ve más organizado y profesional.

En esta guía, te mostraremos cómo agregar enlaces de anclaje a tus publicaciones y páginas de WordPress. Es un pequeño cambio que puede marcar una gran diferencia para tus lectores.

¿Qué es un enlace de anclaje?

Un enlace de anclaje es un tipo especial de enlace que dirige a los usuarios a una sección específica de la misma página, en lugar de a una página diferente o a un sitio web de WordPress.

Estos enlaces actúan como atajos, ayudando a los lectores a saltar directamente a la parte del contenido que más les interesa *sin* tener que desplazarse por toda la página.

Por ejemplo, podrías ver enlaces de anclaje utilizados en una tabla de contenido para un artículo o guía larga. Cuando se hace clic en ellos, mueven inmediatamente al usuario a la sección relevante.

Otra forma en que puedes usar enlaces de anclaje es para crear enlaces de marcadores en tu sitio de WordPress.

Esto te permite compartir el enlace del marcador en redes sociales o boletines de correo electrónico. De esa manera, cuando la página cargue, tus usuarios saltarán inmediatamente a la sección que quieres que vean.

¿Por qué y cuándo deberías usar enlaces de anclaje?

Un usuario promedio pasa menos de unos segundos antes de decidir si quiere quedarse o abandonar tu sitio. Solo tienes esos pocos segundos para convencer a los usuarios de que se queden.

La mejor manera de hacerlo es ayudarlos a ver rápidamente la información que buscan.

Los enlaces de anclaje facilitan esto al permitir que los usuarios se salten el resto del contenido y salten directamente a la parte que les interesa. Esto mejora la experiencia del usuario y te ayuda a ganar nuevos clientes/lectores.

Los enlaces de anclaje también son geniales para SEO de WordPress. Google puede mostrar varios enlaces de anclaje en los resultados de búsqueda como un enlace para saltar.

Esto ha demostrado aumentar la tasa de clics en los resultados de búsqueda, lo que a su vez trae más tráfico a tu sitio web.

Si creas una tabla de contenido usando enlaces de anclaje, entonces Google puede mostrar los encabezados en fragmentos destacados.

Con esto en mente, veremos cómo agregar fácilmente enlaces de anclaje en WordPress.

A continuación, se muestra una lista de todos los temas que cubriremos en esta guía. Haz clic en cualquiera de estos enlaces de anclaje a continuación y serás llevado a esa sección específica:

• Cómo agregar manualmente enlaces de anclaje en WordPress
• Cómo agregar manualmente un enlace de anclaje en el editor clásico
• Cómo agregar manualmente enlaces de anclaje en HTML
• Cómo agregar automáticamente encabezados como enlaces de anclaje en WordPress (recomendado)
• Consejo adicional: combine enlaces de anclaje con enlaces internos para mejorar el SEO
• Preguntas frecuentes: Cómo agregar enlaces de anclaje en WordPress
• Recursos adicionales: Mejora tu SEO en WordPress

Cómo agregar manualmente enlaces de anclaje en WordPress

Si solo deseas agregar algunos enlaces de anclaje o enlaces de marcadores en tu artículo, puedes hacerlo fácilmente de forma manual.

Básicamente, necesitas agregar dos cosas para que un texto de anclaje funcione según lo previsto:

1. Crea un enlace de ancla con un signo # antes del texto del ancla.
2. Agrega el atributo id al texto al que deseas que el usuario sea dirigido.

Empezaremos con la parte del enlace de ancla.

Paso 1. Creación de un enlace de ancla

Primero, necesitas editar o crear una nueva publicación o página. Luego, selecciona el texto al que deseas enlazar y haz clic en el botón de insertar enlace en el editor de bloques de WordPress.

Esto abrirá la ventana emergente 'insertar enlace' donde normalmente agregas la URL o buscas una publicación o página para enlazar.

Sin embargo, para un enlace de ancla, simplemente usarás # como prefijo en lugar de HTTP. Después de eso, solo ingresa las palabras clave de la sección a la que deseas que el usuario salte.

Luego, presiona el botón Enter para crear el enlace. Aún no irá a ninguna parte, sin embargo. Tendrás que crear el ID en el siguiente paso.

Algunos consejos útiles para elegir qué texto usar como tu # enlace de ancla:

• Usa las palabras clave relacionadas con la sección a la que estás enlazando.
• No hagas que tu enlace de ancla sea innecesariamente largo o complejo.
• Usa guiones para separar palabras y hacerlas más legibles.
• Puedes usar mayúsculas en el texto del ancla para hacerlo más legible. Por ejemplo: #Mejores-Cafeterias-Nueva-York.

Una vez que hayas elegido el texto de enlace correcto, es hora de anclarlo a un área, sección o texto en la página que deseas mostrar cuando los usuarios hagan clic en el enlace de ancla.

Paso 2. Agrega el atributo ID a la sección enlazada

En el editor de contenido, desplázate hacia abajo hasta la sección a la que deseas que el usuario navegue cuando haga clic en el enlace de ancla. Por lo general, es un encabezado para una nueva sección.

A continuación, simplemente selecciona el bloque. Luego, en la configuración del bloque en el panel izquierdo, haz clic en la pestaña 'Avanzado' para expandirla.

Después de eso, necesitas agregar el mismo texto que agregaste como enlace de ancla en el campo 'Ancla HTML'.

Asegúrate de agregar el texto sin el prefijo #.

Ahora puedes guardar tu publicación y ver tu enlace de ancla en acción haciendo clic en la pestaña de vista previa.

¿Qué pasa si la sección que quieres mostrar no es un encabezado, sino solo un párrafo normal o cualquier otro bloque?

En ese caso, necesitas hacer clic en el menú de tres puntos en la configuración del bloque y seleccionar la opción 'Editar como HTML'.

Esto te permitirá editar el código HTML para ese bloque en particular. Necesitas seleccionar la etiqueta HTML del elemento al que quieres apuntar. Por ejemplo, <p> si es un párrafo o <table> si es un bloque de tabla, y así sucesivamente.

Ahora, necesitas agregar tu ancla como el atributo ID a esa etiqueta, como en el siguiente código:

<p id="best-coffee-shops-manhattan">

Luego, simplemente puedes hacer clic nuevamente en el botón 'Editar visualmente', y tu enlace de ancla dirigirá al usuario a ese bloque cuando se haga clic.

Cómo agregar manualmente un enlace de anclaje en el editor clásico

Si todavía estás usando el editor clásico más antiguo para WordPress, aquí te mostramos cómo puedes agregar el enlace de ancla/enlace de salto.

Paso 1. Crea el enlace de ancla

Primero, necesitarás editar o crear una nueva publicación o página. Luego, selecciona el texto que deseas convertir en el enlace ancla y haz clic en el botón ‘Insertar enlace’.

Después de eso, debes agregar tu enlace ancla con un prefijo # seguido de la fracción que deseas usar para el enlace.

Paso 2. Agrega el atributo ID a la sección enlazada

El siguiente paso es dirigir los navegadores a la sección que deseas mostrar cuando los usuarios hagan clic en tu enlace ancla.

Para hacerlo, necesitarás cambiar al modo 'Texto' en el editor clásico. Después de eso, desplázate hacia abajo hasta la sección a la que deseas enlazar.

Ahora, localiza la etiqueta HTML que deseas como destino. Por ejemplo, <h2>, <h3>, <p>, y así sucesivamente.

Necesitas agregarle el atributo ID con el slug de tu enlace de ancla sin el prefijo #, así:

<h2 id="best-coffee-shops-new-york">

Ahora puedes guardar tus cambios y hacer clic en el botón de vista previa para ver tu enlace de ancla en acción.

Cómo agregar manualmente enlaces de anclaje en HTML

Si estás acostumbrado a escribir en el modo de Texto del antiguo Editor Clásico en WordPress, aquí te explicamos cómo crear manualmente un enlace de ancla en HTML.

Primero, necesitas crear el enlace de ancla con un prefijo # usando la etiqueta <a href=""> habitual, así:

<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

A continuación, necesitas desplazarte hacia abajo hasta la sección que deseas mostrar cuando los usuarios hagan clic en el enlace.

Por lo general, esta sección es un encabezado, pero podría ser cualquier otro elemento HTML o incluso una etiqueta de párrafo simple <p>.

Necesitas agregar el atributo ID a la etiqueta HTML y luego agregar el slug del enlace de ancla sin el prefijo #.

<h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h2>

Ahora puedes guardar tus cambios y previsualizar tu sitio web para probar el enlace de ancla.

Cómo agregar automáticamente encabezados como enlaces de anclaje en WordPress (recomendado)

La mejor manera de agregar automáticamente enlaces de ancla en WordPress es usando All in One SEO (AIOSEO), el mejor plugin de SEO para WordPress.

Este método es adecuado para usuarios que publican regularmente artículos largos y necesitan crear una tabla de contenido con enlaces de ancla. Además, AIOSEO viene con un bloque de WordPress incorporado para agregar una tabla de contenido.

Somos grandes fans nosotros mismos, y hemos estado confiando en AIOSEO para diversas tareas de SEO, incluyendo la gestión de sitemaps XML, la configuración de OpenGraph para Facebook y X, las meta descripciones y las etiquetas de título. Vea nuestra reseña detallada de AIOSEO para más detalles.

Para este tutorial, usaremos la versión gratuita AIOSEO Lite porque incluye el bloque de tabla de contenidos. También existe una versión AIOSEO Pro que incluye más funciones para ayudarte a clasificar mejor en los motores de búsqueda.

Lo primero que debes hacer es instalar y activar el plugin AIOSEO Lite. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, verás el asistente de configuración. Simplemente haz clic en el botón 'Empecemos' y sigue las instrucciones en pantalla.

Para más detalles, por favor consulta nuestra guía sobre cómo configurar All in One SEO para WordPress.

A continuación, puedes crear o editar una nueva publicación o página donde quieras añadir enlaces de anclaje. Una vez que estés en el editor de contenido, simplemente haz clic en el botón '+' y añade el bloque 'AIOSEO – Tabla de Contenidos'.

El plugin detectará automáticamente los diferentes encabezados de tu página y los mostrará en la tabla de contenidos.

Puedes personalizar cada enlace de ancla en el bloque aún más. Por ejemplo, el panel de configuración a la derecha ofrece la opción de cambiar el 'Estilo de lista' de viñetas a números.

Además, puedes renombrar los encabezados, reorganizar su orden en el bloque de tabla de contenido y ocultar encabezados específicos.

Ahora puedes guardar tus cambios y previsualizar tu artículo. El plugin mostrará automáticamente una lista de enlaces de ancla como tu tabla de contenido.

Para obtener instrucciones más detalladas, consulta nuestro artículo sobre cómo agregar una tabla de contenido en WordPress.

Consejo adicional: combine enlaces de anclaje con enlaces internos para mejorar el SEO

Mientras que los enlaces de ancla ayudan a los usuarios a navegar dentro de una sola página, los enlaces internos los llevan a otras publicaciones o páginas relacionadas en tu sitio. Juntas, estas estrategias pueden crear una experiencia de navegación fluida y mejorar tu SEO de WordPress.

Los enlaces internos ayudan a los motores de búsqueda como Google a rastrear tu sitio, descubrir contenido nuevo y clasificar tus páginas. Las páginas con más enlaces que apuntan a ellas a menudo se clasifican más alto en los resultados de búsqueda.

Al usar enlaces internos estratégicamente, puedes guiar a los visitantes a tus páginas más importantes y generar más tráfico.

Ahora, agregar enlaces de anclaje hace que tu contenido sea más fácil de usar, mientras que los enlaces internos animan a los lectores a explorar más. Juntos, mantienen a los visitantes interesados, aumentan las visitas a las páginas y reducen tu tasa de rebote, todo lo cual contribuye a una mejor experiencia de usuario y a un SEO más sólido.

Para obtener más información, consulta nuestra guía definitiva sobre enlaces internos para SEO.

Preguntas frecuentes: Cómo agregar enlaces de anclaje en WordPress

¿Todavía tienes preguntas sobre el uso de enlaces de anclaje en WordPress? Aquí hay algunas preguntas comunes que recibimos de los lectores, junto con respuestas rápidas para ayudarte.

¿Qué son los enlaces de anclaje y por qué debería usarlos?

Los enlaces de anclaje son enlaces que llevan a los usuarios a una sección específica de la misma página.

Son excelentes para mejorar la navegación, facilitar la lectura de publicaciones largas y crear una mejor experiencia general para tus lectores. Incluso pueden ayudar con el SEO al hacer que tu contenido sea más accesible para los motores de búsqueda.

¿Puedo agregar enlaces de anclaje si no estoy familiarizado con la codificación?

¡Absolutamente! Si bien puedes agregarlos manualmente con un poco de HTML, los plugins de SEO como All in One SEO (AIOSEO) lo hacen súper fácil, incluso si no tienes experiencia en codificación.

¿Los enlaces de anclaje afectan el SEO de mi sitio?

¡Sí, en el buen sentido! Los enlaces de anclaje ayudan a los usuarios a encontrar lo que buscan más rápido, lo que puede llevar a un mayor tiempo en la página y tasas de rebote más bajas. Todas estas son señales positivas para el SEO.

¿Hay algún plugin que pueda ayudar a agregar enlaces de anclaje automáticamente?

¡Sí! Plugins como All in One SEO (AIOSEO) incluyen funciones para generar automáticamente una tabla de contenido con enlaces de anclaje. Ahorra tiempo y reduce la posibilidad de errores.

¿Puedo usar enlaces de anclaje para mejorar la navegación de mi sitio?

¡Definitivamente! Los enlaces de anclaje son una excelente manera de dividir el contenido extenso y ayudar a los lectores a saltar directamente a las secciones que más les importan.

Recursos adicionales: Mejora tu SEO en WordPress

Esperamos que este artículo te haya ayudado a aprender cómo agregar fácilmente enlaces de anclaje en WordPress. A continuación, también puedes consultar nuestras guías sobre:

• Cómo agregar esquema de preguntas frecuentes (FAQ) en WordPress
• Cómo eliminar números de las URL de WordPress
• Cómo optimizar correctamente tus publicaciones de blog para SEO
• Cómo hacer una redirección completa del sitio en WordPress
• Cómo recuperar un sitio de WordPress de una penalización de búsqueda de Google
• Los mejores plugins de marcado de esquema para WordPress
• La guía definitiva de SEO para WordPress

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.