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

Ocasionalmente usamos enlaces de anclaje en nuestras publicaciones más largas de WordPress para ayudar a los usuarios a saltar rápidamente a la sección que desean leer..


Los enlaces de anclaje a menudo se usan en la tabla de secciones de contenido porque ayudan a los usuarios a subir y bajar un artículo más largo sin volver a cargar la página. También puede ayudar con el SEO, ya que Google puede mostrarlos debajo de sus listados de búsqueda para facilitar la navegación (más sobre esto más adelante).

En esta guía paso a paso, explicaremos qué son los enlaces de anclaje y le mostraremos cómo agregar fácilmente enlaces de anclaje en WordPress.

Agregar enlaces de anclaje en WordPress

Listo? Comencemos con un ejemplo en vivo de enlaces de anclaje.

A continuación hay una lista de todos los temas que cubriremos en esta guía. Siga adelante y haga clic en cualquiera de estos enlaces, y será dirigido a esa sección específica.

    ¿Qué es un enlace de anclaje??

    Un enlace de anclaje es un tipo de enlace en la página que lo lleva a un lugar específico en esa misma página. Permite a los usuarios saltar a la sección que más les interesa.

    Echa un vistazo a la captura de pantalla animada a continuación:

    Vista previa del enlace de anclaje

    Como puede ver, hacer clic en el enlace de anclaje lleva al usuario a la sección específica en la misma página.

    Los enlaces de anclaje se usan comúnmente en artículos más largos como la tabla de contenido que permite a los usuarios saltar rápidamente a las secciones que desean leer..

    Por qué y cuándo debes usar enlaces de anclaje?

    Un usuario promedio gasta menos de unos segundos antes de decidir si quiere quedarse o abandonar su sitio web. Tienes solo esos 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 están buscando..

    Los enlaces de anclaje facilitan esto al permitir a los usuarios omitir 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 enlaces de anclaje también son geniales para WordPress SEO. Google puede mostrar un enlace de anclaje en los resultados de búsqueda como un “salto al enlace”.

    Saltar al enlace en los resultados de búsqueda

    A veces, Google también puede mostrar varios enlaces desde esa página como salto a enlaces, y se ha demostrado que esto aumenta la tasa de clics en los resultados de búsqueda. En otras palabras, obtienes más tráfico a tu sitio web.

    Salto múltiple a enlaces debajo de un resultado de búsqueda

    Dicho esto, echemos un vistazo a cómo agregar fácilmente enlaces de anclaje en WordPress.

    Cómo agregar manualmente enlaces de anclaje en WordPress

    Si solo desea agregar algunos enlaces de anclaje en su artículo, puede hacerlo fácilmente manualmente.

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

    1. Cree un enlace de anclaje con un signo # antes del texto de anclaje.
    2. Agregue el atributo id al texto donde desea que se lleve al usuario.

    Comencemos con la parte del enlace de anclaje.

    Paso 1. Crear un enlace de anclaje

    Primero debe seleccionar el texto que desea vincular y luego hacer clic en el botón Insertar vínculo en el editor de WordPress Gutenberg.

    Agregar un enlace en WordPress

    Esto abrirá la ventana emergente de inserción de enlaces donde generalmente agrega la URL o busca una publicación o página para vincular.

    Sin embargo, para un enlace de anclaje, simplemente usará # como prefijo e ingresará las palabras clave para la sección a la que desea que el usuario salte.

    Crear enlace de anclaje

    Después de eso, haga clic en el botón Intro para crear el enlace..

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

    • Use las palabras clave relacionadas con la sección a la que está vinculando.
    • No haga que su enlace de anclaje sea innecesariamente largo o complejo.
    • Usa guiones para separar palabras y hacerlas más legibles.
    • Puede usar mayúsculas en el texto de anclaje para que sea más legible. Por ejemplo: # Best-Coffee-Shops-Manhattan.

    Una vez que agregue el enlace, podrá ver el enlace que ha creado 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 anclaje como ID.

    Arreglemos eso apuntando los navegadores al área, sección o texto que desea mostrar cuando los usuarios hacen clic en el enlace de anclaje.

    Paso 2. Agregue el atributo ID a la sección vinculada

    En el editor de contenido, desplácese hacia abajo hasta la sección que desea que el usuario navegue cuando haga clic en el enlace de anclaje. Por lo general, es un título para una nueva sección..

    A continuación, haga clic para seleccionar el bloque y luego, en la configuración del bloque, haga clic en la pestaña Avanzado para expandirlo. Simplemente puede hacer clic en la pestaña “Avanzado” debajo de la configuración del bloque de encabezado.

    Ancla HTML

    Después de eso, debe agregar el mismo texto que agregó como enlace de anclaje en el campo “Anclaje HTML”. Asegúrese de agregar el texto sin el prefijo #.

    Ahora puede guardar su publicación y ver su enlace de anclaje en acción haciendo clic en la pestaña de vista previa.

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

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

    Editar como HTML

    Esto le permitirá editar el código HTML para ese bloque en particular. Debe seleccionar buscar la etiqueta HTML para el elemento al que desea apuntar. Por ejemplo,

    si es un gráfico, o

    si es un bloque de mesa, etc..

    Ahora, debe agregar su ancla como el atributo de ID a esa etiqueta, como el siguiente código:

    Ahora verá un aviso de que este bloque contiene contenido inesperado o no válido. Debe hacer clic en la conversión a HTML para conservar los cambios que realizó..

    Convertir a HTML

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

    Si todavía está utilizando el editor clásico más antiguo para WordPress, así es como puede agregar el enlace de anclaje.

    Paso 1. Crear el enlace de anclaje

    Primero, seleccione el texto que desea cambiar en el enlace de anclaje y luego haga clic en el botón “Insertar enlace”.

    Agregar un enlace de anclaje en el Editor clásico

    Después de eso, debe agregar su enlace de anclaje con un prefijo de signo # seguido de la babosa que desea usar para el enlace.

    Paso 2. Agregue el atributo ID a la sección vinculada

    El siguiente paso es apuntar los navegadores a la sección que desea mostrar cuando los usuarios hagan clic en su enlace de anclaje.

    Para eso, deberá cambiar al modo “Texto” en el editor clásico. Después de eso, desplácese hacia abajo a la sección que desea mostrar.

    Agregar ID de ancla en el Editor clásico

    Ahora busque la etiqueta HTML que desea orientar. Por ejemplo,

    ,

    ,

    , y así.

    Debe agregarle el atributo de ID con la babosa de su enlace de anclaje sin el prefijo #, de esta manera:

    Ahora puede guardar sus cambios y hacer clic en el botón de vista previa para ver su enlace de anclaje en acción.

    Cómo agregar manualmente enlaces de anclaje en HTML

    Si está acostumbrado a escribir en el modo de texto del antiguo editor clásico en WordPress, así es como crearía manualmente un enlace de anclaje en HTML.

    Primero, debe crear el enlace de anclaje con un prefijo # usando la etiqueta habitual, como esta:

    Las mejores cafeterías de Manhattan

    A continuación, 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 encabezado (h2, h3, h4, etc.), pero podría ser cualquier otro elemento HTML o incluso un simple párrafo

    etiqueta.

    Debe agregar el atributo de ID a la etiqueta HTML y luego agregar la babosa de enlace de anclaje sin el prefijo #.

    Las mejores cafeterías de Manhattan

    Ahora puede guardar sus cambios y obtener una vista previa de su sitio web para probar el enlace de anclaje.

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

    Este método es adecuado para usuarios que publican regularmente artículos largos y necesitan crear enlaces de anclaje..

    Lo primero que debe hacer es instalar y activar el complemento Easy. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

    Este complemento le permite generar automáticamente un enlace de anclaje. Utiliza encabezados para adivinar las secciones de contenido, y puede personalizarlo completamente para satisfacer sus necesidades.

    Tras la activación, simplemente vaya a Configuraciones » página para configurar los ajustes del complemento.

    Fácil configuración de complementos

    Primero, debe habilitarlo para los tipos de publicación donde desea agregar. De forma predeterminada, el complemento está habilitado para páginas, pero también puede habilitarlo para sus publicaciones..

    También puede habilitar la opción de inserción automática. Esto permite que el complemento genere automáticamente todos los artículos, incluidos los artículos más antiguos que coinciden con los criterios..

    Si solo desea generar automáticamente artículos específicos, puede dejar esta opción sin marcar.

    A continuación, desplácese un poco hacia abajo para seleccionar dónde desea mostrar y cuándo desea que se active.

    Seleccione dónde y cuándo mostrar

    Puede revisar otras configuraciones avanzadas en la página y cambiarlas según sea necesario.

    No olvides hacer clic en el botón “Guardar cambios” para almacenar tu configuración.

    Si habilitó la opción de inserción automática, ahora puede ver un artículo existente con el número especificado de encabezados.

    Notarás que el complemento se mostrará automáticamente antes del primer encabezado del artículo.

    Si desea generar manualmente para artículos específicos, debe editar el artículo donde desea mostrar un enlace de anclaje.

    En la pantalla de edición de publicaciones, desplácese hacia abajo hasta la pestaña ” debajo del editor.

    Agregar manualmente con enlaces de anclaje

    Desde aquí, puede marcar la opción “Insertar” y seleccionar los encabezados que desea incluir como enlaces de anclaje.

    Ahora puede guardar sus cambios y obtener una vista previa de su artículo. El complemento mostrará automáticamente una lista de enlaces de anclaje como su .

    avance

    Para obtener instrucciones más detalladas, consulte nuestro artículo sobre cómo agregar en WordPress.

    Esperamos que este artículo te haya ayudado a aprender cómo agregar fácilmente enlaces de anclaje en WordPress. Es posible que también desee ver nuestros consejos sobre cómo optimizar correctamente las publicaciones de su blog para SEO y nuestra selección de los mejores complementos de generador de páginas de WordPress.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map