M谩s

    C贸mo agregar un 铆cono de enlace externo en su sitio de WordPress

    - Advertisement -

    驴Desea agregar un icono de enlace externo a su sitio de WordPress?

    Al marcar 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 abrir谩 una nueva ventana o pesta帽a.

    En este art铆culo, le mostraremos c贸mo puede agregar un 铆cono de enlace externo a WordPress.

    驴Por qu茅 agregar un icono de enlace externo en su sitio de WordPress??

    Un icono de enlace externo es una imagen peque帽a que aparece junto a un enlace que llevar谩 al usuario a un sitio web diferente.

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

    Un ejemplo de iconos de enlace externo

    Al usar 铆conos de enlaces externos en su blog de WordPress, sus visitantes podr谩n distinguir f谩cilmente la diferencia entre enlaces salientes y enlaces internos. Muchos sitios tambi茅n usan 铆conos de enlaces externos para dejar en claro 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 visitas a la p谩gina, 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 agregar un 铆cono de enlace externo a su sitio de WordPress.

    C贸mo agregar un 铆cono de enlace externo en su sitio de WordPress

    La forma m谩s f谩cil de agregar un 铆cono de enlace externo a su sitio web es usando Enlaces externos de WP.

    Puede usar este complemento para agregar diferentes im谩genes, Dashicons e 铆conos de Font Awesome a sus enlaces externos autom谩ticamente.

    Un icono de enlace externo creado en WordPress

    En primer lugar, deber谩 instalar y activar el Enlaces externos de WP enchufar. Si necesita ayuda, consulte nuestra gu铆a sobre c贸mo instalar un complemento de WordPress.

    Despu茅s de eso, simplemente haga clic en el nuevo Enlaces externos de WP ajuste en el men煤 de la izquierda.

    El complemento de WordPress de enlaces externos de WP

    鉂 Tambi茅n te interesa:Las 6 mejores opciones de CMS para dise帽adores web en 2022Las 6 mejores opciones de CMS para dise帽adores web en 2022

    Si aparece una ventana emergente que le pide que actualice, simplemente puede hacer 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 铆cono 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 separada’.

    Abrir enlaces externos en una nueva pesta帽a o ventana

    De forma predeterminada, WP External Links aplicar谩 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 proporcionar谩 una experiencia m谩s consistente para sus usuarios, por lo que es una buena idea continuar y hacer clic en el cuadro 芦Sobrescribir valores existentes禄.

    Sobrescribir la configuraci贸n del enlace externo anterior

    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 el men煤 desplegable.

    Seleccionar un tipo de icono para su URL externa

    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.

    Un ejemplo de un dashicon de enlace externo

    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 de cuadro con flecha.

    Sin embargo, ‘Imagen’ le permite elegir entre varios 铆conos de cuadro con flecha, incluidos algunos que tienen un estilo y color ligeramente diferente.

    En la siguiente imagen, puede ver un ejemplo de c贸mo se ver谩 un icono colorido de cuadro con flecha en su sitio web de WordPress.

    鉂 Tambi茅n te interesa:馃摲 Los 5 mejores software de firma electronica para WordPress 2022Los 5 mejores software de firma electr贸nica para WordPress

    Un icono de enlace externo basado en im谩genes

    Si desea agregar un 铆cono colorido a su sitio, deber谩 seleccionar ‘Imagen’ en el men煤 desplegable ‘Elegir tipo de 铆cono’.

    Luego puede hacer clic en el que desea usar para sus enlaces externos.

    Elegir un icono de flecha para sus enlaces externos

    Una vez que haya hecho eso, abra el men煤 desplegable ‘Posici贸n del icono’.

    Aqu铆, elija si el icono aparecer谩 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.

    Cambiar la posici贸n de su icono de URL externo

    驴Desea utilizar el icono est谩ndar de cuadro azul con flecha en su lugar?

    Luego puede abrir el men煤 desplegable ‘Elegir tipo de icono’ y hacer clic en ‘Fuente impresionante’ o ‘Dashicon’ en su lugar.

    A continuaci贸n, abra el men煤 desplegable junto a ‘Elegir Dashicon’ o ‘Elegir FA’ y luego haga clic en el icono de cuadro con flecha.

    Uso de un dashicon como icono de enlace externo

    Nota: Tanto Font Awesome como Dashicons te dan acceso a docenas de otros 铆conos. Sin embargo, recomendamos usar el 铆cono de cuadro con 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.

    Cuando est茅 satisfecho con el icono de enlace externo que ha elegido, simplemente haga clic en ‘Guardar cambios’.

    Luego, el complemento agregar谩 el 铆cono a todas las URL externas en su sitio autom谩ticamente.

    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 consultar nuestra gu铆a sobre 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 te interesa:馃摲 驴Por que bloguear 14 beneficios de los blogs en 2023驴Por qu茅 bloguear? 14 beneficios de los blogs (en 2023)

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.