Cómo agregar un icono de enlace externo a su sitio de WordPress
¿Quiere agregar un icono de enlace externo a su sitio de WordPress?
Al resaltar claramente sus URL externas, puede mantener a las personas en su sitio por más tiempo y dejar en claro que al hacer clic en un enlace en particular se abre una nueva ventana o pestaña.
En este artículo, le mostraremos cómo agregar un ícono de enlace externo a WordPress.
¿Por qué agregar un icono de enlace externo a su sitio de WordPress??
Un icono de enlace externo es una pequeña imagen que aparece junto a un enlace que lleva al usuario a otro sitio web.
Por ejemplo, puede desplazarse hasta la parte inferior de una entrada de Wikipedia y ver que la mayoría de los enlaces en la sección Referencias tienen un icono de enlace externo.
Al usar íconos de enlaces externos en su blog de WordPress, sus visitantes pueden diferenciar fácilmente entre enlaces salientes y enlaces internos. Muchos sitios también usan íconos de enlaces externos para indicar que el enlace se abrirá en una nueva ventana o pestaña.
Estos íconos pueden mantener a los visitantes en su sitio por más tiempo y aumentar las vistas de su página porque hay menos riesgo de que hagan clic en un enlace externo y abandonen accidentalmente su sitio web.
Dicho esto, echemos un vistazo a cómo agregar un ícono de enlace externo a su sitio de WordPress.
Cómo agregar un icono de enlace externo a su sitio de WordPress
La forma más fácil de agregar un ícono de enlace externo a su sitio web es usar Enlaces externos de WP.
Puede usar este complemento para agregar automáticamente varias imágenes, Dashicons e íconos de Font Awesome a sus enlaces externos.
Primero necesitas el . instalar y activarEnlaces externos de WP enchufar. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.
Luego haga clic en el nuevo Enlaces externos de WP ajuste en el menú de la izquierda.
Si aparece una ventana emergente que le pide que actualice, simplemente haga clic en cualquier lugar fuera de la ventana emergente para cerrarla.
Como puede ver, el complemento puede hacer mucho más que simplemente agregar un ícono de enlace externo a su sitio. Por ejemplo, puede agregar automáticamente nofollow a todos los enlaces externos en WordPress.
Los enlaces externos de WP también pueden mantener a las personas en su sitio al abrir todos los enlaces externos en una nueva ventana o pestaña. Recomendamos habilitar esta función ya que muchos usuarios asumen que los enlaces con un icono de enlace externo se abrirán en una nueva ventana o pestaña de todos modos.
Para abrir todas las URL externas en una nueva ventana o pestaña, abra el menú desplegable «Abrir enlaces externos» y haga clic en «cada una en una nueva ventana o pestaña».
De forma predeterminada, WP External Links aplica esta regla a cada nuevo enlace externo que cree.
Sin embargo, también puede escanear su sitio y cambiar cualquier URL externa que haya agregado previamente a su sitio web. Esto hace que la experiencia sea más consistente para sus usuarios, por lo que es una buena idea continuar y hacer clic en el cuadro «Sobrescribir valores existentes».
Una vez que haya hecho eso, estará listo para crear un ícono para sus enlaces externos. Para comenzar, desplácese hasta la sección «Elegir tipo de icono».
Ahora puede hacer clic donde dice «sin icono» para abrir la lista desplegable.
Sus opciones son Imagen, Font Awesome o Dashicon.
Tanto Font Awesome como Dashicon vienen con un solo ícono de cuadro con flecha que puede usar como su ícono de enlace externo. Este ícono siempre aparecerá en azul en tu sitio, como puedes ver en la siguiente imagen.
Este es el ícono exacto que muchos sitios web usan para sus enlaces externos, por lo que la mayoría de los visitantes entenderán lo que significa el ícono del cuadro de flecha.
Imagen, sin embargo, le permite elegir entre varios iconos de cuadro de flecha, incluidos algunos con un estilo y color ligeramente diferentes.
La siguiente imagen muestra un ejemplo de cómo se verá un icono colorido de cuadro con flecha en su sitio web de WordPress.
Para agregar un ícono colorido a su sitio, debe seleccionar «Imagen» en el menú desplegable «Elegir tipo de ícono».
Luego puede hacer clic en el que desea usar para sus enlaces externos.
Una vez que haya hecho eso, abra el menú desplegable «Posición del icono».
Elija aquí si el icono se muestra en el ‘lado derecho del enlace’ o en el ‘lado izquierdo del enlace’. La mayoría de los sitios web muestran el ícono externo a la derecha del enlace.
¿Quiere usar el cuadro azul con flecha predeterminado en su lugar?
Luego, puede abrir el menú desplegable «Elegir tipo de icono» y hacer clic en «Fuente impresionante» o «Dashicon».
Luego abra el menú desplegable junto a «Elegir Dashicon» o «Elegir FA» y luego haga clic en el icono de cuadro con la flecha.
Observación: Tanto Font Awesome como Dashicons te dan acceso a docenas de otros íconos. Sin embargo, recomendamos usar el ícono de cuadro de flecha ya que más personas lo reconocerán como un ícono de enlace externo.
Después de hacer clic en Font Awesome o Dashicon que desea usar, puede especificar si debe aparecer a la derecha o a la izquierda del enlace siguiendo exactamente el mismo proceso descrito anteriormente.
Una vez que esté satisfecho con el icono de enlace externo que ha elegido, haga clic en «Guardar cambios».
Luego, el complemento agregará automáticamente el ícono a todas las URL externas en su sitio.
Esperamos que este artículo le haya ayudado a aprender cómo agregar un ícono de enlace externo a su sitio de WordPress. También puede leer nuestra guía de formas comprobadas de ganar dinero con los blogs en línea y cómo rastrear a los visitantes del sitio web a su sitio de WordPress.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.
