Cómo crear un enlace de anclaje en WordPress y cuándo usarlos










  • Sin duda ha leído o escuchado el término "enlace de anclaje". Al hacer clic en un enlace de anclaje, se lleva al visitante a otra sección de la misma página.

    Los enlaces de anclaje se utilizan en un par de formas diferentes. El complemento del que vamos a hablar crea automáticamente una ID de anclaje en cada encabezado de una página o publicación. Eso crea un enlace copiable al encabezado. Permite a los visitantes guardar un enlace a una sección específica de una de sus páginas.

    La otra forma en que se utilizan los enlaces de anclaje es en una tabla de contenido. Entonces, por ejemplo, estos enlaces ancla crean una tabla de contenido (en miniatura):

    • Creación de enlaces de anclaje en WordPress con un complemento
    • Crear enlaces de anclaje en WordPress manualmente

    Si hace clic en ellos, verá que salta directamente a esa sección particular del artículo. En este caso, los enlaces ancla enlazan con las etiquetas <h> que crean los encabezados.

    Una etiqueta de anclaje no necesariamente tiene que vincularse a una etiqueta HTML en la página. Puede vincular a cualquier ubicación en una página que especifique.

    Usaremos el complemento Add Anchor Links para crear nuestros enlaces de anclaje.

    El complemento crea automáticamente enlaces de anclaje en todas las etiquetas de encabezado en una página o en una publicación. Los visitantes pueden copiar esos enlaces a partes específicas de la página.

    El complemento no crea una tabla de contenido. Pero te mostraré cómo hacerlo en la sección Crear enlaces de anclaje en WordPress manualmente . También puede usar el complemento Easy Table of Contents junto con el complemento Add Anchor Links. Sin embargo, no probé los dos juntos.

    Instalación del complemento Agregar enlaces de anclaje

    Inicie sesión en su panel de administración de WordPress.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo".

    En el cuadro "Buscar complementos...", ingrese "Agregar enlaces de anclaje".

    busque el complemento WordPress Add Anchor Links

    Cuando encuentre el complemento, haga clic en el botón "Instalar ahora".

    haga clic para instalar el complemento WordPress Add Anchor Links

    Ahora el complemento está instalado, pero debe activarse antes de poder usarlo.

    Haga clic en el botón "Activar".

    haga clic para activar el complemento Agregar enlaces de anclaje de WordPress

    Eso es todo al respecto. Ahora pongamos el plugin a trabajar.

    Configuración de Agregar enlaces de anclaje

    En la columna de navegación de la izquierda, pase el mouse sobre el enlace "Configuración" y haga clic en el enlace "Agregar enlaces de anclaje".

    haga clic en el enlace "Agregar enlaces de anclaje"

    Las opciones de configuración son bastante simples.

    agregar configuración de enlaces de anclaje

    La primera opción, "Usar tu propio CSS", controla cómo aparecen los enlaces ancla. Si marca esa casilla, el icono del enlace siempre estará visible en todos los encabezados.

    icono de enlace visible en todos los encabezados

    Si deja esa casilla sin marcar, el ícono del enlace solo será visible cuando un visitante pase el mouse sobre un encabezado.

    La configuración "Agregar anclas en" le permite elegir dónde se crearán las anclas. Puede elegir cualquier combinación de publicaciones, páginas o archivos adjuntos.

    Haga clic en el botón "Guardar cambios" para guardar su configuración.

    haga clic en el botón "Guardar cambios"

    El complemento Agregar enlaces de anclaje en acción

    Cuando pasa el mouse sobre un icono de enlace, puede ver el enlace ancla. El enlace se compone de la URL de la página, luego un hashtag y la identificación del ancla.

    cómo se ve el enlace de anclaje

    Qué sucede si desinstala el complemento Add Anchor Links

    Los enlaces de anclaje creados por el complemento se crean "sobre la marcha". Eso significa que el código no se agrega a la página o publicación. Se inserta en el código del navegador. Entonces, si desinstala el complemento, los enlaces de anclaje ya no se generarán.

    El complemento Add Anchor Links es una forma conveniente de agregar automáticamente enlaces de anclaje a las etiquetas HTML <h>. Pero es un poco limitado en lo que puede hacer. Para aprovechar realmente los enlaces ancla, puede crearlos manualmente.

    Usaré la tabla de contenido al comienzo de este artículo para mostrarle cómo crear enlaces ancla.

    A Google le gustan las tablas de contenido vinculadas porque les ayuda a comprender el propósito de la página. Como beneficio adicional, el uso de una tabla de contenido vinculada mejora sus posibilidades de que los vínculos a sitios aparezcan en los resultados de búsqueda. Eso es bueno.

    Empezamos con una lista. Puede ser ordenada (numerada) o desordenada. Empecé con una lista desordenada.

    1
    2
    3
    4
    <ul>
      <li></li>
      <li></li>
    </ul>

    A continuación, agregamos los enlaces. El texto del enlace es el mismo texto que usaré en las etiquetas de encabezado.

    1
    2
    3
    4
    <ul>
      <li><a href="">Creating Anchor Links in WordPress With a Plugin</a></li>
      <li><a href="">Creating Anchor Links in WordPress Manually</a></li>
    </ul>

    A continuación, agregamos los identificadores de anclaje. Comienzan con un hashtag.

    Tome nota de cómo los formateé: todo en minúsculas, con guiones en lugar de espacios. Desea seguir ese formato ya que las ID de anclaje se convertirán en parte de la URL (para esa sección). Y dado que serán parte de la URL, también querrá que sean descriptivos.

    1
    2
    3
    4
    <ul>
      <li><a href="#creating-anchor-links-with-a-plugin">Creating Anchor Links in WordPress With a Plugin</a></li>
      <li><a href="#creating-anchor-links-manually">Creating Anchor Links in WordPress Manually</a></li>
    </ul>

    Eso completa la tabla de contenidos. Ahora nos moveremos hacia abajo en la página para crear los anclajes en las etiquetas de encabezado.

    Vaya al encabezado al que está enlazando y agregue id=”” a la etiqueta h.

    Dentro de las comillas de identificación, agregaremos las identificaciones de anclaje de nuestra tabla de contenido. Pero no uses el hashtag aquí.

    1
    <h2 id="creating-anchor-links-with-a-plugin">Creating Anchor Links in WordPress With a Plugin</h2>

    Luego el segundo encabezado.

    1
    <h2 id="creating-anchor-links-manually">Creating Anchor Links in WordPress Manually</h2>   

    Así es como se ve el marcado cuando está completo.

    marcado completo

    Colocación de enlaces de anclaje fuera de las etiquetas de encabezado

    Mencioné que los enlaces ancla no necesariamente tienen que apuntar a una etiqueta de encabezado. Para enlazar a una sección específica de una página, crea los enlaces de la tabla de contenido de la misma manera que lo hicimos anteriormente. Pero en lugar de agregar el identificador de anclaje a una etiqueta HTML, cree una nueva etiqueta 'a' y colóquela donde desee que conduzca el enlace de la tabla de contenido.

    Entonces, por ejemplo, en lugar de hacer esto para saltar al encabezado:

    <h2 id=”creating-anchor-links-with-a-plugin”>Creación de enlaces de anclaje en WordPress con un complemento</h2>

    Podrías hacer esto:

    <a id=”creación-de-enlaces-de-anclaje-con-un-complemento”></a>

    <h2>Creación de enlaces de anclaje en WordPress con un complemento</h2>

    Tenga en cuenta que no hay texto de anclaje en la etiqueta 'a'.

    Puede colocar esa etiqueta 'a' en cualquier lugar de la página.

    Uso de enlaces de anclaje manual en WordPress

    Si usa el método manual, simplemente puede pegar el código del enlace en un bloque de WordPress Gutenberg. WordPress sabrá que son enlaces ancla.

    agregar enlaces de anclaje manuales en Gutenberg

    Pero si aún usa el editor de WordPress "clásico", debe agregar el código en modo texto, no en el modo visual predeterminado.

    agregar enlaces de anclaje manuales en el editor clásico

    Vinculación con Google en mente

    Mencioné que a Google le gustan las tablas de contenido vinculadas, por lo que agregarlas es beneficioso. Si desea profundizar más, Backlinko tiene un artículo bastante completo sobre los factores de clasificación de Google .

    Y hay un excelente artículo en SEMrush que detalla el tema del texto del enlace ancla. El texto que usa en sus enlaces de anclaje puede ayudar con la clasificación de los resultados de búsqueda.

    Como puede ver en el artículo de Backlinko, muchos factores intervienen en el ranking de resultados de búsqueda de Google. Pero todo lo que puedas hacer para darte una ventaja vale la pena.

    Una tabla de contenido vinculada no tiene más "peso" que muchos otros factores en el algoritmo de Google. Pero puede ver por sí mismo en los resultados de búsqueda que los artículos con tablas de contenido vinculadas aparecen regularmente en posiciones más altas que muchos otros artículos similares.

    ¿Alguna vez ha usado un complemento de WordPress para crear enlaces (o una tabla de contenido)? ¿Crees que intentarás agregar tablas de contenido a cualquiera de tus artículos futuros o existentes?

    Me encantaría saber de usted. Házmelo saber en los comentarios.










  • Subir