Cómo crear enlaces de anclaje en WordPress (4 métodos fáciles)

enlaces de anclaje no es un tema que se discute mucho, pero hemos tenido excelentes resultados con ellos! Hoy vamos a bucear en cómo crear enlaces de anclaje en WordPress y explorar por qué es posible que desee comenzar a usarlos. Según nuestra experiencia, los enlaces de anclaje pueden ayudar a mejorar la experiencia del usuario, hacer que navegar por el contenido de formato largo sea mucho más fácil e incluso darte una ligera ventaja en Google. ¿Quién no quiere una ventaja gratuita en Google? 😉

Ejemplo de un Vínculo de Anclaje

Si usted todavía está un poco confundido en lo de anclaje de los enlaces, no se preocupe. Vea la imagen de ejemplo a continuación. Estamos utilizando enlaces de anclaje en cada uno de estos elementos de la lista con viñetas. Cuando haces clic en ellos, te lleva directamente al encabezado H2 que contiene ese contenido. Puedes comprobarlo por ti mismo más abajo en el post., Los enlaces de anclaje se pueden usar en cualquier cosa, como texto, imágenes y encabezados H1-H6.

en muchos sitios, los enlaces de anclaje se utilizan simplemente para crear una tabla de contenido al comienzo de las publicaciones de formato largo. Si sabes un poco de CSS, puedes ser creativo y hacer que se vean un poco más elegantes, como hemos hecho en nuestras landing pages.,

en otros sitios, es posible que no vea el enlace de anclaje, sino que se utilizan en encabezados simplemente para que puedan compartir enlaces directamente a las secciones específicas.

Pros y contras de los enlaces de anclaje

solo porque estemos haciendo algo no siempre significa que debas hacerlo. Aquí hay algunos pros y contras a considerar al usar enlaces de anclaje en su sitio de WordPress.,

Pros

• Una de las mayores ventajas de los enlaces de anclaje es crear una mejor experiencia de usuario al navegar por su sitio. Esto es especialmente cierto cuando se trata de artículos de formato largo. Publicamos una gran cantidad de contenido en profundidad (más de 4,000 palabras) y el desplazamiento puede convertirse en un dolor. El uso de enlaces de anclaje permite al usuario saltar instantáneamente a la sección que le interesa. Deje que sus usuarios encuentren lo que necesitan más rápido.
• El uso de enlaces de anclaje en encabezados le permite compartir enlaces directos a diferentes secciones dentro de un artículo. Esto es increíble para las redes sociales e incluso los equipos de soporte., Por ejemplo, nuestro equipo de soporte en Kinsta depende en gran medida de los enlaces de anclaje en nuestros artículos de la base de Conocimientos para que podamos enviar al usuario al paso exacto de solución de problemas que necesita seguir. Nuestro equipo de ventas también utiliza estos para responder más rápidamente a las consultas relacionadas con Kinsta.
• cuando se trata de páginas de resultados de motores de búsqueda (SERPs), los resultados siempre pueden variar en función de lo que aparece. Sin embargo, hemos visto una y otra vez los enlaces de anclaje (menús de salto) aparecen en nuestra lista de SERP porque los hemos utilizado en nuestros artículos., Estos son increíbles porque esencialmente te dan otra línea de texto para tu listado orgánico. También pueden ayudar a aumentar el CTR, ya que el usuario puede ver algo relacionado con su consulta que usted no transmitió en la meta descripción o título.
  

  enlaces de anclaje en Google ejemplo

• Los enlaces de anclaje también se pueden usar para otras cosas, como el enlace» volver al principio » que Wikipedia usa junto con sus citas ^ o notas al pie.,

Cons

Si bien creemos que los pros definitivamente superan a los contras, aquí hay algunos contratiempos que puede considerar.

• Los enlaces de anclaje o una tabla de contenidos podrían disminuir el tiempo promedio en el sitio por visitante. ¿Por qué? Porque están saltando directamente al contenido que quieren en lugar de leer todo tu artículo. Sin embargo, si haces feliz a tu visitante desde el principio, esto podría resultar en que se registren en tu boletín o investiguen más sobre lo que estás vendiendo. Así que esto podría ser visto como un pro o un contra.,
• directamente relacionado con el problema anterior, los enlaces de anclaje podrían afectar tus ingresos por publicidad. Los visitantes que saltan directamente a una determinada sección podrían disminuir las impresiones y los clics. Los sitios que dependen en gran medida de la publicidad podrían querer a / b prueba utilizando enlaces de anclaje y tabla de contenido.
• si está cambiando dominios o necesita agregar redirecciones 301, es importante tener en cuenta que el identificador de fragmento (#) nunca se envía al servidor. Esto puede complicar las cosas si cambia las cosas en el futuro con sus enlaces de anclaje., Hay maneras de evitar esto con JavaScript, pero esto no es de ninguna manera una tarea fácil.

transición de enlace de anclaje

es posible que también desee pensar en cambiar la transición de enlace de anclaje. De forma predeterminada, los enlaces de anclaje saltarán repentinamente al ID más abajo de la página. Esto puede ser discordante para algunos. Puede cambiar esto para que sea una transición de desplazamiento suave. Esto es realmente lo que hacemos en el blog de Kinsta. Puedes utilizar un plugin gratuito como page scroll to id o añadir CSS a tu sitio, como scroll-behavior: smooth;., Esta publicación de Stack Overflow tiene algunos consejos adicionales para desarrolladores.

al igual que con la mayoría de los consejos de WordPress, hay algunas maneras diferentes de agregar enlaces de anclaje en WordPress. Echa un vistazo a estos cuatro métodos fáciles diferentes. Y sí, estos enlaces directamente a continuación están utilizando texto de anclaje., 😁

• Cómo Crear Manualmente los Vínculos de Anclaje en WordPress
• Cómo Crear Vínculos de Anclaje en WordPress con un Plugin
• Cómo Crear Vínculos de Anclaje en WordPress con Gutenberg
• Cómo Crear Vínculos de Anclaje en WordPress con la Extensión de Chrome

Cómo Crear Manualmente los Vínculos de Anclaje en WordPress

La primera forma de crear vínculos de anclaje en WordPress es simplemente hacerlo manualmente con HTML en cada uno de tus mensajes. Vamos a crear uno para que puedas ver cómo funcionan.,

Paso 1

cree el texto para su enlace y agregue un hipervínculo en él como lo haría normalmente para cualquier otro enlace.

Paso 2

en lugar de vincularlo a una URL, publicación o página; le asignará un nombre de anclaje. Los URI que designan anclajes contienen un carácter » # » seguido del nombre del ancla. Puedes ponerle el nombre que quieras, aunque normalmente recomendamos mantenerlos cortos y relacionados con el nombre real del encabezado.,

Si miras la vista de texto (HTML) se ve así:

<a href="#manually-create-anchor-links-wordpress">How to Manually Create Anchor Links in WordPress</a>

Aquí hay un ejemplo de todos los enlaces de anclaje que estamos usando en esta publicación:

Paso 3

a continuación, debes agregar un ID en el encabezado al que deseas que salte tu enlace de anclaje. Para hacer esto, tendrá que cambiar a la vista de texto (HTML) en el editor de WordPress. En el encabezado, en este caso, un encabezado H2, agregue el ID junto con el nombre de anclaje que eligió en el paso 2. El nombre del ancla y el atributo ID tienen que ser exactamente los mismos para que el enlace funcione.,

<h2>How to Manually Create Anchors Link in WordPress</h2>

Cómo Crear Vínculos de Anclaje en WordPress con un Plugin

no quieres complicarte con el código HTML en cada momento? No te preocupes, hay algunos plugins de WordPress gratuitos impresionantes que puedes utilizar para agregar fácilmente enlaces de anclaje e incluso una tabla de contenido a cada publicación.,

Añadir enlace de anclaje con un Plugin

Una de las formas más fáciles de añadir un enlace de anclaje es con el plugin gratuito TinyMCE Advanced. Este plugin básicamente añade funcionalidad adicional al editor con botones de acceso directo rápido. Al escribir esto, el plugin tiene más de 2 millones de instalaciones activas con una calificación de 4.5 de 5 estrellas.

Paso 1

después de instalar y activar el plugin, entra en tu post y crea un hipervínculo en tu texto de anclaje., En lugar de vincularlo a una URL, publicación o página; le asignará un nombre de anclaje con un # antes de él.

Paso 2

Resalte el encabezado que desea vincular a. A continuación, haga clic en «Insertar» desde el botón en la parte superior y seleccione «ancla.»Este botón aparece en el editor debido al plugin TinyMCE Advanced.

Paso 3

ingrese el nombre de ancla que le dio en El Paso 1 y haga clic en «Aceptar.,»Este plugin te ahorra tiempo porque nunca tienes que salir de la vista del editor visual. Si lo haces manualmente con HTML, tienes que rebotar entre las vistas del editor visual y del editor de texto (HTML).

Agregar Tabla de Contenidos con un Plugin

tal vez usted desea acelerar el proceso aún más. If si estás escribiendo mucho contenido en profundidad y siempre quieres incluir una tabla de contenidos (anchor link lists/jump menu) en tus posts, entonces deberías aprovechar un plugin de tabla de contenidos.,

Uno de los mejores plugins gratuitos es Fácil Tabla de Contenido. Este plugin genera automáticamente enlaces de anclaje para sus encabezados y le permite insertar su tabla de contenidos en cualquier lugar de su publicación con un código corto simple. Al escribir esto, el plugin tiene más de 30,000 instalaciones activas con una calificación de 4.5 de 5 estrellas.,

Paso 1

después de haber instalado y activado el plugin, hay algunas configuraciones que probablemente querrá cambiar. Estos se pueden encontrar en «Configuración → tabla de contenido.»

• La opción» Habilitar soporte » le permite elegir en qué tipos de publicaciones desea usar la tabla de contenido. Lo más probable es que este sea tu tipo de «publicaciones».
• A continuación, puede elegir si desea o no insertar una tabla de contenido automáticamente o si desea insertarla manualmente., Probablemente recomendaríamos hacer manual si tus publicaciones cambian un poco.
• La opción» Mostrar cuándo » te permite definir cuántos encabezados debe tener la publicación antes de que aparezca una tabla de contenido. Por ejemplo, probablemente no quieras que aparezca una tabla de contenidos en una publicación de blog corta, por lo que hacer al menos cuatro o más encabezados es probablemente lo mejor.,

Paso 2

Para insertar la tabla de contenido de forma manual, basta con insertar la etiqueta shortcode donde desea que se muestre en el post.

La tabla de contenido automáticamente, se genera para todos los encabezados en el post. ¿Qué tan increíble es eso?,

también puede hacer más cambios en la configuración con respecto a lo que debería mostrar, exclusiones, apariencia, etc. Por ejemplo, quizás siempre tengas un encabezado de «resumen» al final de tus publicaciones. Puede ingresar ese encabezado en la lista de exclusiones en la configuración para que no se incluya en la tabla de contenido.

otro plugin de tabla de contenidos que puede que desee comprobar es shortcode Table of Contents., Este es un plugin más nuevo en el mercado, pero está desarrollado por James Kemp, a quien hemos tenido el placer de entrevistar.

añadir enlaces de anclaje en encabezados automáticamente con un Plugin

¿quieres simplemente añadir enlaces de anclaje en todos tus encabezados automáticamente? Entonces usted debe comprobar hacia fuera el plugin de cabecera de anclaje WP libre. Esto agregará enlaces de anclaje a todos sus encabezados H1-H6.

Este es un muy básico plugin y no hay ninguna configuración. Simplemente instálalo, actívalo y listo., Cada encabezado obtendrá automáticamente un nombre de anclaje (derivado del nombre del encabezado), e incluso obtendrán un pequeño icono de anclaje que se muestra cuando pasa el cursor sobre el encabezado. Esto permite a los visitantes ver fácilmente que hay un enlace allí que podrían copiar si lo desearan.

cómo crear enlaces de anclaje en WordPress con Gutenberg

el nuevo editor de Gutenberg está a la vuelta de la esquina y se proyecta que se envíe con WordPress 5.0., Con él se mejora y soporte incorporado para agregar ID de anclaje a los encabezados.

Paso 1

resalte el encabezado en el bloque Gutenberg y haga clic en» Avanzado » en el lado derecho. A continuación, verá una opción para agregar un anclaje HTML.

Paso 2

Si desea vincularlo, simplemente cree un hipervínculo en su texto de anclaje. En lugar de vincularlo a una URL, publicación o página; le asignará un nombre de anclaje con un # antes de él.,

cómo crear enlaces de anclaje en WordPress con extensión de Chrome

¿no desea crear enlaces de anclaje con HTML o instalar un plugin? Entonces usted debe comprobar hacia fuera la extensión gratuita de anclaje enlaces Chrome. Esto es totalmente compatible con WordPress auto-alojado, WordPress.com y medio.

Paso 1

después de instalar la extensión de Chrome, simplemente resalte el encabezado en el que desea agregar el enlace de anclaje. A continuación, haga clic en el icono de la extensión de Chrome enlace de anclaje poco en la barra de herramientas de su navegador.,

entre bastidores, crea el anchor ID (derivado del nombre del encabezado). En este ejemplo: #Header_1. Al hacer clic en el icono, lo copia automáticamente en el portapapeles.

Paso 2

luego vaya al texto al que desea agregar el enlace de anclaje, cree un hipervínculo como lo haría normalmente y presione «pegar.,»

Y eso es todo! La extensión de Chrome ayuda a que sea rápido y fácil sin depender de ningún complemento de terceros.

resumen

Como puedes ver, hay muchas formas creativas de agregar enlaces de anclaje en WordPress. Algunos son más fáciles que otros. Si estás publicando mucho contenido más largo, esto ayuda a tus visitantes a obtener el contenido que desean de inmediato. También hemos visto que los enlaces de anclaje ayudan a obtener «saltar a los menús» en las SERPs, lo que ayuda a aumentar el CTR en tu listado orgánico.,

¿está utilizando enlaces de anclaje aún en su sitio de WordPress? Si es así, nos encantaría escuchar su experiencia o pensamientos.