Cómo “agregar fácilmente” enlaces de anclaje en WordPress (paso a paso)

De vez en cuando usamos enlaces de anclaje en nuestras publicaciones de WordPress por más tiempo para ayudar a los usuarios a pasar rápidamente la sección que quieren leer. Los enlaces de anclaje a menudo se usan en la tabla de secciones de contenido, ya que ayuda a los usuarios a mover hacia arriba y hacia abajo un artículo más largo, sin recargar la página. También puede ayudarlo con SEO, porque Google puede mostrarlos en sus listas de búsqueda para una fácil navegación (más sobre eso más adelante). En esta guía de paso por paso, explicaremos cuáles son los enlaces de anclaje y le mostraremos cómo agregar fácilmente los enlaces de anclaje a WordPress.

¿Listo? Comencemos con un ejemplo en vivo de enlaces de anclaje. A continuación se muestra una lista de todos los temas que nos acercaremos en esta guía. Continúe y haga clic en cualquiera de estos enlaces y se le dirigirá a esa sección.
¿Qué es un enlace de anclaje?
¿Cómo agregar manualmente los enlaces de anclaje a WordPress?
¿Cómo agregar manualmente los enlaces de anclaje usando el editor clásico en WordPress?
¿Cómo agregar manualmente los enlaces de anclaje a HTML?
¿Cómo agregar automáticamente títulos como enlaces de anclaje en WordPress?
¿Qué es un enlace de anclaje? Un enlace de anclaje es un tipo de enlace en la página que lo lleva a cierto lugar en la misma página. Permite a los usuarios pasar a la sección que más les interese.
Eche un vistazo a la captura de pantalla animada a continuación:

Como puede ver, haciendo clic en el enlace de anclaje, el usuario llega a la sección específica de la misma página. Los enlaces de anclaje se usan comúnmente en elementos más largos como una tabla de contenido que permite a los usuarios saltar rápidamente en las secciones que desean leer. Otro uso de Anchor Bonds es crear marcadores en su sitio web de WordPress. Esto le permite compartir el enlace de marcado en las redes sociales o mediante boletines de correo electrónico, de modo que cuando se cargue la página, sus usuarios saltan inmediatamente a la sección para ver. ¿Por qué y cuándo debe usar enlaces de anclaje? Un usuario promedio pasa menos de unos pocos segundos antes de decidir si quiere quedarse o salir de su sitio web. Solo tiene unos segundos para persuadir a los usuarios de que se queden. La mejor manera de hacerlo es ayudarlos a ver la información que buscan rápidamente. Los enlaces de anclaje facilitan esto, lo que permite a los usuarios saltar sobre el resto del contenido y saltar directamente a la parte que les interesa. Esto mejora la experiencia del usuario y lo ayuda a ganar nuevos clientes / lectores.
Los lazos de anclaje también son excelentes para WordPress SEO. Google puede mostrar un enlace de anclaje en los resultados de búsqueda como “saltar al enlace”.
A veces, Google también puede mostrar varios enlaces en esa página como un salto a los enlaces, y se ha demostrado que esto aumenta la tasa de clics en los resultados de búsqueda. En otras palabras, obtendrá más tráfico a su sitio web.

Dicho esto, echemos un vistazo a cómo agregar fácilmente enlaces de anclaje a WordPress. Cómo agregar manualmente enlaces de anclaje a WordPress Si solo desea agregar algunos enlaces o marcas de anclaje en su artículo, puede hacerlo fácilmente. Intención.

Cree un enlace de anclaje con un signo # antes del texto de anclaje.
Agregue el atributo de identificación al texto en el que desea que se tome el usuario.
Comencemos con la parte de conexión de anclaje. Paso 1. La creación de un enlace de anclaje primero debe seleccionar el texto que desea atar y luego hacer clic en el enlace Insertar en el editor de WordPress Gutenberg.
Esto mostrará la ventana emergente para insertar el enlace en el que suele agregar URL o buscar una publicación o página para conectarse.
Sin embargo, para un enlace de anclaje, simplemente usará # como prefijo e ingresará las palabras clave para la sección que desea pasar.

Después de eso, haga clic en el botón Intro para crear el enlace. Algunos consejos útiles para elegir el texto para usar como enlace de # de anclaje:
Use las palabras clave relacionadas con la sección a la que inicia sesión.

No haga que el vínculo de ansiedad sea innecesario largo o complejo.
Use guiones para separar las palabras y hacerlas más fáciles de leer.
Puede usar mayúsculas en el texto de anclaje para que sea más fácil de leer. Por ejemplo: #Best-Coffee-Shop-Manhattan.
Después de agregar el enlace, podrá ver el enlace que creó en el editor. Sin embargo, hacer clic en el enlace no hace nada.
Esto se debe a que los navegadores no pueden encontrar el enlace de ancla como una identificación. Solucionemos esto mostrando navegadores en el área, sección o texto que desea mostrar cuando los usuarios hacen clic en el enlace de anclaje. Paso 2. Agregue el atributo de ID a la sección conectada en el editor de contenido, desplácese hacia abajo a la sección a la que desea explorar al usuario al hacer clic en el enlace de anclaje. Por lo general, es un título para una nueva sección. Luego haga clic para seleccionar el bloque y luego en la configuración del bloque Haga clic en la pestaña Avanzada para extenderlo. Simplemente puede hacer clic en la pestaña “Avanzado” en la configuración del bloque de encabezado. Asegúrese de agregar el texto sin el prefijo #. Ahora puede guardar su publicación y ver su conexión de anclaje haciendo clic en la pestaña Vista previa. ¿Qué sucede si la sección que desea mostrar no es un título, sino solo un párrafo regular o cualquier otro bloque? En este caso, debe hacer clic en el menú de tres puntos en la configuración del bloque y seleccionar “Editar como HTML”.
Esto le permitirá editar el código HTML para ese bloque. Debe seleccionar buscar la etiqueta HTML para el elemento que desea indicar. Por ejemplo,
si se trata de un pagrafo o si es un bloque de tabla, etc.
Ahora debe agregar su ancla como ID de atributo a esa etiqueta, como el siguiente código:

Ahora verá una notificación de que este bloque contiene contenido inesperado o inválido. Debe hacer clic en la conversión al HTML para mantener los cambios que ha realizado. Cómo es el manual de enlace de anclaje en el editor clásico si todavía usa el editor de WordPress anterior, así es como puede agregar el enlace de anclaje / salto. Paso 1. Cree primero el enlace de anclaje, seleccione el texto que desea cambiar en el enlace de anclaje y luego haga clic en el botón “Insertar enlace”.


Después de eso, debe agregar su enlace de anclaje con un letrero de prefijo # seguido del sirviente que desea usar para el enlace. Paso 2. Agregue el atributo de ID a la sección conectada El siguiente paso es enderezar los navegadores a la sección que desea mostrar cuando los usuarios hacen clic en su enlace de anclaje. Para esto, tendrá que moverse al modo “Texto” en el editor clásico. Luego corre hacia la sección que desea mostrar.
Ahora localice la etiqueta HTML que desea apuntar. Por ejemplo,

,

,
y así sucesivamente. Tengo que agregar el atributo de identificación con la babosa del enlace de anclaje sin el prefijo #, como sigue:

Ahora puede guardar los cambios y hacer clic en el botón Vista previa para ver su enlace de anclaje en acción. Cómo agregar manualmente los enlaces de anclaje a HTML Si está acostumbrado a escribir en el texto del antiguo editor clásico en WordPress, así es como crearía un enlace de anclaje en HTML. Primero, debe crear la conexión de anclaje con un prefijo # utilizando la etiqueta habitual , de la siguiente manera: mejores cafeterías en Manhattan Luego Debe desplazarse hacia abajo hasta la sección que desea mostrar cuando los usuarios hacen clic en el enlace. Por lo general, esta sección es un título (H2, H3, H4, etc.), pero podría ser cualquier otro elemento HTML o incluso una etiqueta de párrafo simple
. Debe agregar el atributo ID a la etiqueta HTML, luego agregar la babosa de conexión de anclaje sin el #de prefijo.

Ahora puede guardar los cambios y obtener una vista previa del sitio web para probar el enlace de anclaje. Cómo agregar automáticamente títulos como enlaces de anclaje en WordPress Este método es adecuado para los usuarios que publican regularmente elementos en forma de larga duración y deben crear un enlace de anclaje. Lo primero que debe hacer es instalar y activar la tabla fácil del complemento de contenido. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Este complemento le permite generar automáticamente un enlace de anclaje. Use títulos para adivinar las secciones de contenido y puede personalizarlo por completo para satisfacer sus necesidades. Después de la activación, simplemente vaya a la página Configuración »incluida para configurar la configuración del complemento. Primero, debe activarlo para los tipos de publicaciones en las que desea agregar contenido. Por defecto, el complemento se activa para páginas, pero también puede activarlo para sus publicaciones. También puede activar la opción de inserción automática. Esto permite que el complemento genere automáticamente el contenido de todos los artículos, incluidos los artículos más antiguos que corresponden a los criterios. Si desea generar automáticamente para ciertos elementos, puede dejar que esta opción se verifique. Luego desplácese ligeramente hacia abajo para seleccionar dónde desea mostrar el contenido y cuándo desea que lo activen.

Puede consultar otras configuraciones avanzadas en la página y cambiarlas según sea necesario. Recuerde hacer clic en el botón “Guardar los cambios” para almacenar la configuración. Si ha activado la opción de inserción automática, ahora puede ver un elemento existente con el número especificado de títulos. Notará que el complemento mostrará automáticamente un contenido antes de la primera sección en el artículo. Si desea generar manualmente incluidos para ciertos elementos, debe editar el artículo en el que desea mostrar un contenido de anclaje. En la pantalla de publicación, desplácese hacia abajo hasta la pestaña “Contenido” desde el editor. Desde aquí, puede verificar la opción “Insertar contenido” y puede seleccionar los títulos que desea incluir como enlaces de anclaje. Ahora puede guardar los cambios y obtener una vista previa del elemento. El complemento mostrará automáticamente una lista de enlaces de anclaje como contenido.

Para obtener instrucciones más detalladas, consulte nuestro artículo sobre cómo agregar contenido a WordPress. Esperamos que este artículo lo haya ayudado a aprender cómo agregar fácilmente enlaces de anclaje a WordPress. También le recomendamos que vea nuestros consejos sobre cómo optimizar correctamente las publicaciones de blog para SEO y elegir los mejores complementos para el generador de páginas de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.