Saltar al contenido

Guía para principiantes sobre cómo agregar un enlace en WordPress

¿Quieres agregar un hipervínculo en WordPress? Recientemente, uno de nuestros usuarios nos preguntó cómo agregar un enlace en WordPress.

Hay varias formas diferentes de agregar enlaces en WordPress. Puede agregar enlaces en sus publicaciones, páginas, menú de navegación, widgets de la barra lateral, área de pie de página y más.

En esta guía completa para principiantes, le mostraremos cómo agregar un enlace en publicaciones, páginas, widgets, menús de navegación y más de WordPress.

20201127 9

Dado que este es un tutorial detallado, utilice la navegación a continuación para ir rápidamente a la sección que necesita:

  • Cómo agregar un enlace en publicaciones y páginas de WordPress
  • Cómo agregar un enlace en los widgets de texto de WordPress
  • Cómo agregar un enlace en los menús de navegación de WordPress
  • Cómo agregar título y NoFollow a enlaces
  • Cómo crear un enlace de botón en WordPress
  • Cómo incrustar contenido vinculado en WordPress
  • Cómo agregar enlaces de afiliados en WordPress
  • Cómo agregar manualmente un enlace en HTML
  • Cómo agregar enlaces de anclaje en WordPress
  • Cómo agregar enlaces de redes sociales en WordPress

¿Por qué son importantes los enlaces?

Los enlaces son el torrente sanguíneo de Internet, lo que los hace realmente importantes.

Básicamente, la mayoría de los sitios web en Internet están conectados a través de enlaces, por lo que se introdujo en primer lugar el término “web” o “World Wide Web”.

Estos son el texto con hipervínculos, los botones y otros elementos en los que hace clic para ir de una página a otra o de un sitio web a otro.

Imagínese visitar una página web sin un vínculo en el que pueda hacer clic. No tendrá más opción que hacer clic en el botón Atrás de su navegador.

Para sitios web individuales, los enlaces indican a los usuarios dónde hacer clic para ver más información.

La colocación adecuada de enlaces en su sitio web le permite aumentar el tiempo que los usuarios pasan en su sitio web. También ayuda a los usuarios a descubrir más contenido, realizar una compra en su tienda en línea o suscribirse a su boletín por correo electrónico .

Dicho esto, echemos un vistazo a cómo agregar fácilmente enlaces en diferentes áreas de su sitio web de WordPress.

Cómo agregar enlaces en publicaciones y páginas de WordPress

WordPress hace que sea realmente fácil agregar enlaces en las publicaciones y páginas de su blog usando el editor de bloques.

Simplemente edite su publicación o página , o cree una nueva.

A continuación, resalte el texto al que desea adjuntar el enlace. Este texto seleccionado se denomina texto de anclaje para el enlace. Ahora haga clic en el botón ‘Enlace’:

Verá un cuadro donde puede ingresar una URL. Una URL es una dirección web.

Simplemente puede copiar y pegar la URL de la publicación o página a la que desea vincular, así:

20201127 10

Haga clic en el botón Aplicar (Entrar) para insertar el enlace en su publicación.

Si está enlazando a contenido en su propio sitio, entonces podría ser más rápido buscarlo. Escriba una palabra o dos del título de su contenido y WordPress lo encontrará:

20201127 11

Haga clic en el título de la página o publicación a la que desea vincular, y la URL se agregará automáticamente. Nuevamente, deberá hacer clic en el botón Aplicar para colocar el enlace en su publicación.

Si desea configurar su enlace para que se abra en una nueva pestaña, haga clic en la flecha de la derecha. Luego puede hacer clic en el interruptor y configurar su enlace para que se abra en una nueva pestaña.

20201127 12

Nota: Le recomendamos que utilice esta opción únicamente para los enlaces a sitios web de terceros. De esta forma, sus usuarios no abandonan su sitio web mientras lo visitan.

Agregar un enlace en el antiguo editor de WordPress

Si está utilizando el editor clásico más antiguo en lugar del editor de bloques , el proceso para agregar un enlace es bastante similar.

Abra la publicación que desea editar o cree una nueva. Busque el texto que desea usar como ancla del enlace y resáltelo. Luego, haga clic en el botón ‘Enlace’ que debería aparecer en la primera fila de botones de la barra de herramientas.

20201127 13

Luego puede copiar y pegar la URL a la que desea vincular, o buscarla, como en el editor de bloques.

Pegar su URL directamente en el texto de anclaje

Otra forma, incluso más rápida, de agregar un enlace tanto en el editor de bloques como en el editor clásico es simplemente pegar la URL en el texto de anclaje.

Primero, copie la URL a la que desea vincular. Luego, resalte el texto de anclaje elegido en su publicación.

Leer más  Las 37 marcas más grandes del mundo que utilizan WordPress de forma activa

A continuación, puede hacer clic con el botón derecho y seleccionar ‘Pegar’ o simplemente presionar Ctrl + V (Windows) o Comando + V (Mac) para pegar la URL.

20201127 14

WordPress detectará automáticamente que está pegando una URL, no texto, y convertirá el texto de anclaje en un enlace.

Eche un vistazo a nuestros consejos para dominar el editor de contenido de WordPress para obtener más información sobre cómo usar el editor de bloques de manera efectiva.

Cómo agregar enlaces en los widgets de texto de WordPress

WordPress le permite agregar widgets a las áreas sin contenido de su sitio, como la barra lateral, el pie de página u otras áreas de widgets.

Algunos de estos widgets están automatizados y no tienen muchas opciones. Por ejemplo, el widget de publicaciones recientes mostrará automáticamente enlaces a sus publicaciones recientes. No necesitas hacer nada adicional.

Sin embargo, si desea agregar texto personalizado con enlaces en su barra lateral, puede usar el widget de texto.

Vaya a la página Apariencia »Widgets y luego arrastre el widget ‘Texto’ a su barra lateral u otra área de widgets.

Luego puede escribir su texto y agregar un enlace tal como lo haría al agregar uno a una publicación o página.

20201127 15

Asegúrese de hacer clic en el botón ‘Guardar’ debajo de su widget después de realizar cambios.

Cómo agregar enlaces en los menús de navegación de WordPress

¿Quiere agregar enlaces al menú de navegación de su sitio? WordPress viene con un editor de menú de arrastrar y soltar incorporado que le permite crear y administrar menús de navegación en su sitio de WordPress.

Vaya a la página Apariencia »Menús . Si aún no tiene un menú configurado, puede crear uno ingresando un nombre de menú.

A continuación, seleccione las páginas que desea agregar a su menú en el lado izquierdo, luego haga clic en el botón ‘Agregar al menú’.

WordPress se vinculará automáticamente a sus publicaciones y páginas seleccionadas. Puede mover los elementos del menú hacia arriba y hacia abajo para reorganizarlos.

También puede agregar cualquier enlace que desee a su menú. No tiene que ser una página o una publicación en su sitio. Por ejemplo, puede ingresar la URL de su perfil de Twitter y agregarla a su menú de navegación.

Para ingresar un enlace, simplemente haga clic en la flecha junto a la sección ‘Enlaces personalizados’ a la izquierda. Luego puede escribir la URL y el texto que desea utilizar para el enlace.

20201127 16

Para obtener más ayuda con la creación de su menú, eche un vistazo a nuestra guía para principiantes sobre cómo agregar menús de navegación en WordPress .

Cómo agregar título y nofollow en enlaces de WordPress

Suele ser útil poner un título a los enlaces. Este es el texto que aparece cuando alguien pasa el cursor del mouse sobre el enlace, así:

Agregar un título a menudo deja en claro a dónde conduce el enlace. Puede ser útil o incluso tranquilizador para sus lectores.

Sin embargo, WordPress no le permite agregar títulos a los enlaces con el editor predeterminado. Aún puede agregarlo, y le mostraremos cómo hacerlo en un momento.

Es posible que también desee agregar una etiqueta nofollow a los enlaces externos. Esto le dice a los motores de búsqueda que no pasen la puntuación SEO de su sitio a ese enlace porque usted no posee ni controla el contenido de ese sitio web.

WordPress tampoco es compatible con nofollow de forma predeterminada.

Método 1. Utilice el complemento AIOSEO en Gutenberg

El complemento All in One SEO (AIOSEO) para WordPress agrega automáticamente los atributos de título, nofollow, patrocinado y UGC a sus enlaces.

20201127 17

Método 2. Usa código HTML en Gutenberg

Si está utilizando el editor de Gutenberg y no desea utilizar AIOSEO, deberá editar manualmente el HTML para agregar títulos y atributos nofollow a sus enlaces.

Primero, agregue su enlace dentro de su bloque de párrafo de la manera habitual. A continuación, haga clic en los tres puntos verticales y seleccione ‘Editar como HTML’ como se muestra aquí:

20201127 18

Ahora verá el código HTML de su bloque.

20201127 19

Puede agregar un título y / o un atributo nofollow al enlace de esta manera:
<p>You can find out more about our company on our <a href="https://www.examplecompany.com/about-us/" title="About Us" rel="nofollow">About Us</a> page.</p>

Para el título, puede cambiar “Acerca de nosotros” para que sea lo que desee. Con el atributo nofollow, esto debería ser siempre rel="nofollow" . No olvide las comillas dobles alrededor del título y el “nofollow”, ya que su enlace no funcionará correctamente sin ellos.

Método 3. Utilice un complemento con el editor clásico

Si está utilizando el Editor clásico, puede instalar y activar el complemento Título y Nofollow para enlaces .

Leer más  Cómo agregar fácilmente el atributo de título a las imágenes en WordPress

Este complemento agregará opciones de casilla de verificación de título, nofollow y patrocinado a la ventana emergente de inserción de enlace.

Resalte su texto de anclaje y haga clic en el botón ‘Enlace’, luego haga clic en el engranaje:

20201127 20

Luego verá las opciones adicionales:

20201127 21

Para obtener más ayuda, eche un vistazo a nuestra guía sobre cómo agregar título y nofollow a la ventana emergente de enlace de inserción en WordPress para obtener más información sobre este complemento.

Cómo agregar botones de enlace en WordPress

¿Quieres agregar un botón a tus publicaciones o páginas de WordPress? Hay muchas formas de hacerlo. Lo más fácil es usar el bloque de botones integrado de WordPress.

Crea una nueva publicación o página, o edita una existente. Luego, haga clic en el icono (+) para crear un nuevo bloque. Seleccione ‘Botón’ de las opciones de ‘Elementos de diseño’ o simplemente busque el bloque Botón.

20201127 22

Puede escribir el texto de su botón haciendo clic en el área coloreada. Ingrese la URL a la que debe dirigirse el botón en el cuadro ‘Enlace’.

20201127 23

Para cambiar la alineación del botón, o poner el texto en negrita o cursiva, simplemente use los controles en la parte superior del bloque.

Puede realizar más cambios en el aspecto del botón en las opciones de bloque en el lado derecho de la pantalla. Por ejemplo, es posible que desee cambiar el color o agregar un borde más ancho.

También puede cambiar la configuración del enlace aquí. Puede configurar su enlace para que se abra en una nueva pestaña y, si lo desea, también puede agregar el atributo ‘nofollow’ al enlace escribiéndolo en el cuadro ‘Link rel’.

20201127 24

¿Qué pasa si todavía usa el antiguo editor clásico de WordPress? Puede instalar el complemento “Olvídese de los botones de código corto” para crear botones fácilmente mientras edita una publicación o página.

Simplemente instale y active el complemento Forget About Shortcode Buttons . Luego, crea una nueva publicación o edita una existente.

Verá el icono ‘Insertar botón’ en la barra de herramientas, en el lado derecho:

20201127 25

Haga clic en el botón y verá una ventana emergente. Aquí, puede personalizar su botón, elegir colores, bordes, agregar texto, agregar un icono e incluir el enlace mientras ve una vista previa en vivo.

20201127 26

Para obtener más información y detalles, consulte nuestra guía sobre cómo agregar botones en WordPress sin usar códigos cortos .

Cómo incrustar contenido vinculado en WordPress

Puede incrustar fácilmente ciertos tipos de contenido en WordPress simplemente insertando su URL en su publicación. A esto a veces se le llama crear una “tarjeta de contenido” en su publicación.

Simplemente pegue la URL completa en su propio bloque de párrafo. El tweet completo, incluidas las imágenes, los me gusta, la marca de tiempo y más, se incrustará así:

20201127 1

El proceso es el mismo para los videos de YouTube. Simplemente busque el video que desea usar en YouTube y copie la URL desde la parte superior de la ventana de su navegador:

A continuación, pegue el enlace en su publicación o página. Insertará automáticamente el video:

20201127

Además de ser excelente para publicaciones de Twitter y videos de YouTube, este método también funciona para muchos otros tipos de contenido. Puede obtener más información en el artículo de soporte de WordPress sobre ‘Incrustaciones’ .

Cómo agregar enlaces de afiliados en WordPress

¿Quiere aumentar los ingresos de su sitio mediante el uso de enlaces de afiliados? El marketing de afiliación proporciona ingresos constantes a muchos blogs y sitios web.

Todo lo que necesita hacer es agregar enlaces de referencia especiales a los productos y servicios que recomienda. Cuando sus visitantes compran estos productos después de hacer clic en sus enlaces, obtiene una comisión.

El problema al que se enfrentan la mayoría de los principiantes es que cada producto o sitio web que desean recomendar tiene una URL diferente. Es complicado hacer un seguimiento de estos, especialmente si está recomendando muchos productos.

La mejor manera de agregar y administrar enlaces de afiliados es utilizando un complemento de administración de afiliados. Recomendamos utilizar Pretty Links o Thirsty Affiliates .

Ambos complementos funcionan creando enlaces de redireccionamiento como www.yoursite.com/refer/partnersitename que envían a las personas a su enlace de afiliado especial.

Los complementos agregarán una nueva opción a su menú de WordPress donde puede agregar sus enlaces de afiliados. Así es como se ve con ThirstyAffiliates . Simplemente copie y pegue su enlace de afiliado especial en el cuadro ‘URL de destino’.

20201127 27

Puede establecer opciones específicas para su enlace en el lado derecho, decidir si no seguirlo, abrirlo en una nueva ventana / pestaña, y más.

Leer más  Los 14 mejores complementos y herramientas de SEO de WordPress que debe usar
20201127 28

Una vez que haya terminado, haga clic en ‘Guardar enlace’.

Una vez que haya configurado sus enlaces de afiliados, puede agregarlos fácilmente a sus publicaciones y páginas. En un bloque de párrafo, haga clic en la flecha hacia abajo y luego seleccione la opción ‘Enlace de afiliado’:

20201127 29

A continuación, escriba el inicio de lo que haya nombrado ese enlace de afiliado. En nuestro ejemplo, ese es “Nuestro socio afiliado”.

20201127 30

Luego puede hacer clic en el nombre y hacer clic en ‘Aplicar’ para agregar el enlace de afiliado a su publicación.

Si alguna vez necesita cambiar un enlace de afiliado (por ejemplo, si la empresa a la que está enlazando cambia a un programa de afiliados diferente), entonces es muy fácil de hacer.

Simplemente cámbielo una vez en su panel de control, en “Afiliados sedientos” o “Enlaces bonitos”. El enlace de redireccionamiento sigue siendo el mismo que antes, pero ahora redireccionará al nuevo enlace de afiliado en todos los lugares donde se utilice.

Para obtener complementos de afiliados más útiles, consulte nuestra publicación sobre las mejores herramientas y complementos de marketing de afiliados para WordPress .

Cómo agregar manualmente un enlace en HTML

De vez en cuando, es posible que desee agregar un enlace a su sitio utilizando código HTML. Esto podría suceder si necesita utilizar un bloque o widget HTML personalizado.

También es posible que deba editar directamente un enlace en su archivo de tema. Solo asegúrese de usar siempre un tema secundario para no perder los cambios cuando actualice el tema principal.

Es fácil crear un enlace en HTML. Para probarlo, agregue un bloque HTML personalizado a una publicación o página. Puede encontrar este bloque en ‘Formato’ o puede buscarlo usando la barra de búsqueda.

20201127 31

A continuación, verá un cuadro donde puede escribir HTML. Copie este código en el cuadro:


<a href=”https://www.yourlinkhere.com”> Texto </a>

Debe tener un aspecto como este:

20201127 32

Puede hacer clic en la pestaña ‘Vista previa’ para ver cómo se verá su código en su publicación o página:

20201127 33

Ahora haga clic de nuevo en la etiqueta ‘HTML’. Cambie la URL a la URL a la que desea vincular. Cambie la palabra ‘Texto’ por cualquier palabra o palabras que desee usar para su enlace.

Para agregar un título a su enlace, deberá incluirlo en el código de esta manera. Puede cambiar “Este es el título” a lo que desee.

<a href="https://www.yourlinkhere.com" title="This is the title"> Text </a>

Si desea que su enlace se abra en una nueva pestaña, simplemente agréguelo target="_blank" al código HTML, así:

<a href="https://www.yourlinkhere.com" target="_blank"> Texto </a>

Si desea que su enlace no se siga, agregue rel="nofollow" , así:

<a href="https://www.yourlinkhere.com" rel="nofollow"> Texto </a>

Puede incluir todos estos a la vez. Así es como se vería un enlace con un título, que se abre en una nueva pestaña y no se sigue:

<a href="https://www.yourlinkhere.com" title="This is the title" target="_blank" rel="nofollow"> Text </a>

Así es como crea un enlace en HTML, si alguna vez lo necesita.

Cómo agregar fácilmente enlaces de anclaje en WordPress

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 interese.

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

20201127 1

Este tipo de enlaces son realmente útiles al escribir tutoriales o contenido más largos, por lo que sus usuarios pueden saltar fácilmente a la sección que más les interesa.

Hemos creado una guía detallada paso a paso sobre cómo agregar fácilmente enlaces de anclaje en WordPress .

Cómo agregar fácilmente enlaces para compartir en redes sociales en WordPress

¿Quiere agregar enlaces o botones para compartir en redes sociales en su sitio?

Estos enlaces facilitan a sus usuarios compartir su contenido en sus redes sociales favoritas. A veces, los enlaces o botones para compartir en redes sociales también van acompañados del recuento total de acciones.

20201127 2

No recomendamos a los usuarios que agreguen estos enlaces manualmente. En su lugar, siempre debes usar un complemento para compartir en redes sociales.

Tenemos una guía paso a paso sobre cómo agregar botones para compartir en redes sociales en WordPress .

Esperamos que este artículo le haya ayudado a aprender cómo agregar un enlace en WordPress. Es posible que también desee ver nuestra guía para principiantes sobre cómo crear una dirección de correo electrónico comercial profesional y cómo iniciar un boletín informativo por correo electrónico para aumentar su audiencia.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook .