Cómo añadir un icono de enlace externo en su sitio WordPress

¿Desea añadir un icono de enlace externo a su sitio WordPress?

Si marca claramente las URL externas, conseguirá que los usuarios permanezcan más tiempo en su sitio y dejará claro que al hacer clic en un determinado enlace se abrirá una nueva ventana o pestaña.

En este artículo, le mostraremos cómo puede añadir un icono de enlace externo a WordPress.

¿Por qué añadir un icono de enlace externo en su sitio WordPress?

Un icono de enlace externo es una pequeña imagen que aparece a continuación de un enlace que lleva al usuario a otro sitio web.

Por ejemplo, puede desplazarse hasta la parte inferior de cualquier entrada de Wikipedia y ver que la mayoría de los enlaces de la sección Referencias tienen un icono de enlace externo.

Si utiliza iconos de enlaces externos en su blog de WordPress, sus visitantes podrán distinguir fácilmente entre enlaces salientes y enlaces internos. Muchos sitios también utilizan iconos de enlaces externos para vaciar el mensaje de que el enlace se abrirá en una nueva ventana o pestaña.

Estos iconos pueden hacer que los visitantes permanezcan más tiempo en su sitio y aumentar las páginas vistas, ya que hay menos riesgo de que hagan clic en un enlace externo y abandonen su sitio web por accidente.

Dicho esto, veamos cómo puede añadir un icono de enlace externo a su sitio WordPress.

Cómo añadir un icono de enlace externo en su sitio de WordPress

La forma más fácil de añadir un icono de enlace externo a su sitio web es mediante el uso de WP External Links.

Puedes usar este plugin para añadir diferentes imágenes, Dashicons e iconos Font Awesome a tus enlaces externos automáticamente.

En primer lugar, tendrás que instalar y activar el plugin WP External Links. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Después de eso, simplemente haga clic en el nuevo WP Enlaces Externos ajustes en el menú de la izquierda.

Si aparece un mensaje / ventana emergente pidiéndole que se actualice, sólo tiene que hacer clic fuera del mensaje para cerrarlo.

Como puedes ver, el plugin puede hacer mucho más que añadir un icono de enlace externo a tu sitio. Por ejemplo, puede añadir automáticamente nofollow a todos los enlaces externos en WordPress.

WP Enlaces Externos también puede mantener a la gente en su sitio mediante la apertura de todos los enlaces externos en una nueva ventana o pestaña. Recomendamos activar esta característica 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”.

Por defecto, WP External Links aplicará esta regla a cada nuevo enlace externo que cree.

Sin embargo, también puede explorar su sitio y cambiar cualquier URL externa que haya añadido anteriormente a su sitio web. Esto proporcionará una experiencia más coherente a sus usuarios, por lo que es una buena idea seguir adelante y hacer clic en la casilla “Sobrescribir valores existentes”.

Una vez hecho esto, ya puedes crear un icono para tus enlaces externos. Para empezar, desplácese hasta la sección “Elegir tipo de icono”.

Ahora puedes hacer clic donde dice ‘sin icono’ para abrir el desplegable.

Tus opciones son Imagen, Font Awesome o Dashicon.

Tanto Font Awesome como Dashicon vienen con un único icono en forma de caja con una flecha que puedes utilizar como icono de tu enlace externo. Este icono siempre aparecerá en azul en tu sitio, como puedes ver en la siguiente imagen.

Este es el icono exacto que muchos sitios web utilizan para sus enlaces externos, por lo que la mayoría de los visitantes entenderán lo que significa el icono del recuadro con una flecha.

Sin embargo, “Imagen” le permite elegir entre varios iconos de caja con flecha, incluidos algunos que tienen un estilo y un color ligeramente diferentes.

En la siguiente imagen, puede ver un ejemplo de cómo se vería un colorido icono de caja con flecha en su sitio web de WordPress.

Si quieres añadir un icono de colores a tu sitio, selecciona “Imagen” en el menú desplegable “Elegir tipo de icono”.

A continuación, puede hacer clic en el que desee utilizar para sus enlaces externos.

Una vez hecho esto, abre el desplegable “Posición del icono”.

Aquí, elija si el icono aparecerá en el ‘Lado derecho del enlazar’ o en el ‘Lado izquierdo del enlazar’. La mayoría de los sitios web muestran el icono externo a la derecha del enlazar.

¿Desea utilizar el icono estándar de la caja azul con una flecha?

A continuación, puedes abrir el menú desplegable “Elegir tipo de icono” y hacer clic en “Font Awesome” o “Dashicon”.

A continuación, abra el menú desplegable junto a “Elegir Dashicon” o “Elegir FA” y haga clic en el icono de la caja con flecha.

Nota: Tanto Font Awesome como Dashicons te dan acceso a docenas de otros iconos. Sin embargo, recomendamos utilizar el icono de la caja con flecha, ya que más gente lo reconocerá como un icono de enlace externo.

Después de hacer clic en el Font Awesome o Dashicon que desea utilizar, puede especificar si debe aparecer a la derecha o a la izquierda del enlace siguiendo exactamente el mismo proceso descrito anteriormente.

Cuando estés satisfecho con el icono de enlace externo que has elegido, sólo tienes que hacer clic en “Guardar cambios”.

El plugin añadirá automáticamente el icono a todas las URL externas de su sitio.

Esperamos que este artículo te haya ayudado a aprender cómo añadir un icono de enlace externo a tu sitio WordPress. También puedes consultar nuestra guía sobre formas probadas de ganar dinero en línea con un blog y cómo hacer un seguimiento de los visitantes de tu sitio web en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.