Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

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 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.
Cómo agregar fácilmente un enlace en WordPress
Como se trata de un tutorial detallado, utilice la navegación a continuación para saltar 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 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 el término 'web' o 'World Wide Web' en primer lugar.
Estos son el texto hipervinculado, 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.
Imagine visitar una página web sin ningún enlace para que haga clic. No tendrá más opción que hacer clic en el botón Atrás de su navegador.
Para los sitios web individuales, los enlaces le indican a sus usuarios dónde hacer clic para ver más información.
La colocación correcta 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 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 tu 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. Por ejemplo, la guía de WPBeginner sobre cómo iniciar un blog de WordPress tiene la URL https://www.wpbeginner.com/start-a-wordpress-blog .
Simplemente puede copiar y pegar la URL de la publicación o página a la que desea vincular, de esta manera:
Crear un enlace pegando una URL usando el editor de bloques de WordPress
Haga clic en el botón Aplicar (Entrar) para insertar el enlace en su publicación.
Si está vinculando contenido en su propio sitio, entonces podría ser más rápido buscarlo. Escriba una o dos palabras de su título de contenido, y WordPress lo encontrará:
Buscando una página para vincular usando el editor de bloques de WordPress
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 a la derecha. Luego puede hacer clic en el botón y configurar su enlace para que se abra en una pestaña nueva.
Configurar su enlace para que se abra en una pestaña nueva usando el editor de bloques de WordPress
Nota: Recomendamos que solo use esta opción para enlaces a sitios web de terceros. De esta manera, sus usuarios no abandonan su sitio web mientras lo visitan.
Agregar 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. Encuentre 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.
Crear un enlace usando el editor clásico de WordPress
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.
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.
Pegue su enlace directamente en su contenido
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 el uso eficaz del editor de bloques.

Cómo agregar enlaces en 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 Publicaciones recientes mostrará automáticamente enlaces a sus publicaciones recientes. No necesitas hacer nada extra.
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.
Agregar un enlace en un widget
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

¿Desea 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 elementos de menú y arriba y abajo para reorganizarlos.
También puede agregar cualquier enlace que desee a su menú. No tiene que ser una página o 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 al lado de la sección 'Enlaces personalizados' a la izquierda. Luego puede escribir la URL y el texto que desea usar para el enlace.
Agregar un enlace personalizado a su menú de navegación
Para obtener más ayuda con la creación de su menú, consulte 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

A menudo es útil dar un título a tus enlaces. Este es el texto que aparece cuando alguien pasa el cursor del mouse sobre el enlace, así:
Un enlace con un título
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. Todavía puede agregarlo, y le mostraremos cómo hacerlo en un momento.
También es posible que desee agregar una etiqueta nofollow a enlaces externos. Esto le dice a los motores de búsqueda que no pasen el puntaje de SEO de su sitio a ese enlace porque no posee ni controla el contenido de ese sitio web.
WordPress tampoco es compatible con nofollow por defecto tampoco.
Método 1. Use el complemento AIOSEO en Gutenberg
El complemento SEO todo en uno (AIOSEO) para WordPress agrega automáticamente los atributos de título, nofollow, patrocinado y UGC a sus enlaces.
Todo en un título de SEO y Nofollow
Método 2. Usa el código HTML en Gutenberg
Si está utilizando el editor Gutenberg y no desea utilizar AIOSEO, deberá editar manualmente el HTML para agregar atributos de título y nofollow a sus enlaces.
Primero, agregue su enlace dentro de su bloque de párrafo de la manera habitual. Luego, haga clic en los tres puntos verticales y seleccione 'Editar como HTML' como se muestra aquí:
Cambiar a la vista HTML de un bloque en el editor de bloques de WordPress
Ahora verá el código HTML para su bloque.
Ver el código HTML de un bloque en el editor de WordPress
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 quiera. Con el atributo nofollow, esto siempre debería ser 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. Use 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 .
Este complemento agregará título, nofollow y opciones de casilla de verificación patrocinadas a la ventana emergente de inserción de enlace.
Resalte el texto de anclaje y haga clic en el botón 'Enlace', luego haga clic en el engranaje:
Ubicar el icono de engranaje para un enlace en el editor clásico
Luego verás las opciones adicionales:
Opciones adicionales creadas por el complemento de WordPress Title and Nofollow for Links
Para obtener más ayuda, eche un vistazo a nuestra guía sobre cómo agregar título y no seguir a la ventana emergente de inserción de enlaces en WordPress para obtener más información sobre este complemento.

Cómo agregar botones de enlace en WordPress

¿Desea agregar un botón a sus publicaciones o páginas de WordPress? Hay muchas formas de hacer esto. Lo más fácil es usar el bloque de botones incorporado de WordPress.
Cree una nueva publicación o página, o edite una existente. Luego, haga clic en el icono (+) para crear un nuevo bloque. Seleccione 'Botón' de las opciones 'Elementos de diseño', o simplemente busque el bloque de botones.
Agregar un bloque de 'Botón' a su publicación o página en WordPress
Puede escribir el texto de su botón haciendo clic en el área coloreada. Ingrese la URL a la que debe ir el botón en el cuadro 'Enlace'.
Agregar el texto y el enlace para su botón
Para cambiar la alineación del botón, o para poner el texto en negrita o cursiva, solo use los controles en la parte superior del bloque.
Puede realizar más cambios en el aspecto del botón en las opciones de bloqueo 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 'Enlace rel'.
El panel de la derecha donde puede editar el diseño de su botón y cómo funciona el enlace
¿Qué pasa si todavía estás usando 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 Olvídate de los botones de código corto . 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:
El ícono Insertar botón en el lado derecho de la barra de herramientas del editor clásico
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 en sí mientras ve una vista previa en vivo.
Crear un botón para su enlace y personalizar el diseño
Para obtener más información y detalles, eche un vistazo a nuestra guía sobre cómo agregar botones en WordPress sin usar códigos cortos .

Cómo incrustar contenido vinculado en WordPress

Puede insertar fácilmente ciertos tipos de contenido en WordPress simplemente insertando su URL en su publicación. Esto a veces se llama crear una "tarjeta de contenido" en su publicación.
Simplemente pegue la URL completa en su propio bloque de párrafo. Todo el tweet, incluidas las imágenes, los me gusta, la marca de tiempo y más, se incrustará de esta manera:
Incrustar un tweet pegando el enlace en WordPress
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:
Obtenga el enlace a su video de YouTube elegido de la barra de direcciones de su navegador
A continuación, pegue el enlace en su publicación o página. Insertará automáticamente el video:
Incrustar un video de YouTube en tu publicación
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 encontrar más información en el artículo de soporte de WordPress sobre 'Embebidos' .

Cómo agregar enlaces de afiliados en WordPress

¿Desea aumentar los ingresos de su sitio utilizando enlaces de afiliados? El marketing de afiliación proporciona un ingreso constante a muchos blogs y sitios web.
Todo lo que necesita hacer es agregar enlaces de referencia especiales a los productos y servicios que recomiende. Cuando sus visitantes compran estos productos después de hacer clic en sus enlaces, obtiene una comisión.
El problema que enfrentan la mayoría de los principiantes es que cada producto o sitio web que desean recomendar tiene una URL diferente. Es difícil hacer un seguimiento de estos, especialmente si está recomendando muchos productos.
La mejor manera de agregar y administrar enlaces de afiliados es mediante el uso de un complemento de administración de afiliados. Recomendamos usar Pretty Links o Thirsty Affiliates .
Ambos complementos funcionan creando enlaces de redireccionamiento como www.yoursite.com/refer/partnersitename que envían personas a su enlace especial de afiliado.
Los complementos agregarán una nueva opción a su menú de WordPress donde puede agregar sus enlaces de afiliado. Así es como se ve con ThirstyAffiliates. Simplemente copie y pegue su enlace de afiliado especial en el cuadro 'URL de destino'.
Agregar un enlace en ThirstyAffiliates
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.
Establecer las opciones para su enlace de afiliado con ThirstyAffiliates
Una vez que haya terminado, haga clic en 'Guardar enlace'.
Después de configurar sus enlaces de afiliado, puede agregarlos fácilmente en 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 afiliado':
Agregar un enlace de afiliado a tu publicación
A continuación, escriba el comienzo de lo que haya llamado ese enlace de afiliado. En nuestro ejemplo, ese es "Nuestro socio afiliado".
Encontrar su enlace de afiliado buscándolo
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 compañía a la que se está vinculando se muda a un programa de afiliado diferente), eso es realmente fácil de hacer.
Simplemente cámbielo una vez en su panel de control, en " ThirstyAffiliates " o "Pretty Links". El enlace de redireccionamiento permanece igual que antes, pero ahora redirigirá al nuevo enlace de afiliado en todas partes donde se use.
Para obtener complementos de afiliación más útiles, consulte nuestra publicación sobre las mejores herramientas y complementos de marketing de afiliación para WordPress .

Cómo agregar manualmente un enlace en HTML

Ocasionalmente, es posible que desee agregar un enlace a su sitio utilizando código HTML. Esto podría suceder si necesita usar un bloque o widget HTML personalizado.
Es posible que también necesite editar directamente un enlace en su archivo de tema. Solo asegúrese de usar siempre un tema secundario para no perder sus 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 'Formateo' o puede buscarlo usando la barra de búsqueda.
Agregar un bloque HTML personalizado a su publicación o página
A continuación, verá un cuadro donde puede escribir HTML. Copie este código en el cuadro:
1
<a href="https://www.yourlinkhere.com">Text</a>
Debe tener un aspecto como este:
El código HTML para crear un enlace.
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:
Vista previa de cómo se mostrará el HTML en la publicación o página
Ahora haga clic de nuevo en la etiqueta 'HTML'. Cambie la URL a la URL que desea vincular. Cambia la palabra 'Texto' a cualquier palabra o palabras que quieras usar para tu enlace.
Para agregar un título a su enlace, deberá incluirlo en el código como este. Puede cambiar "Este es el título" a lo que desee.
1
<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 agregue target="_blank"al código HTML, así:
1
<a href="https://www.yourlinkhere.com" target="_blank">Text</a>
Si desea que su enlace no se siga, agregue rel="nofollow", así:
1
<a href="https://www.yourlinkhere.com" rel="nofollow">Text</a>
Puede incluir todo esto 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:
1
<a href="https://www.yourlinkhere.com" title="This is the title" target="_blank" rel="nofollow">Text</a>
Así es como se crea un enlace en HTML, si alguna vez lo necesita.
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 siguiente captura de pantalla animada:
Vista previa del enlace de anclaje
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 .
¿Desea 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 de un recuento total de acciones.
Botón de compartir en redes sociales de Facebook
No recomendamos a los usuarios que agreguen estos enlaces manualmente. En su lugar, siempre debe 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 te haya ayudado a aprender cómo agregar un enlace en WordPress. También es posible que desee ver nuestra guía para principiantes sobre cómo crear una dirección de correo electrónico comercial profesional y cómo comenzar un boletín de correo electrónico para aumentar su audiencia.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas