Enlazado en Imágenes – Cómo hacerlo por HTML – Word – Excel o WordPress.

Con el enlazado de imágenes lo que hacemos es colocar imágenes en sitios web a través de HTML con un enlace, o a través de plugins de WordPress, etc y de esta forma el usuario accederá a un nuevo sitio web cuando hace clic en esa imágen.

Lo más normal es que utilices imágenes con enlaces para un trabajo que vas presentar en Pdf, en Word o en el formato que quieras, o también para ir de una página web de tu dominio a otra, o a otro dominio, las posibilidades son múltiples y con tu imaginación ni que decir.

Para crear una imagen online en la que se pueda hacer clic, todo lo que necesitas es un archivo JPG y una dirección de sitio web (la URL).

Al igual que puede añadir un enlace a cualquier texto de una página web o un documento de Word, puede añadir un enlace a cualquier archivo de imagen, incluidos los JPG, PNG y GIF.

Te puede interesar este artículo: Los 5 +38 Mejores Bancos de Imágenes Gratuitos +6 Por Temáticas

Cómo añadir un enlace a una imagen mediante HTML

Las imágenes desempeñan un papel crucial en el diseño web. Atraen al usuario, pero también pueden ser útiles.

Si quiere enlazar su dominio con otro sitio web, por ejemplo, puede utilizar una imagen.

De esta manera, no sólo sirve como un diagrama atractivo, sino que también conduce al lector directamente a otros contenidos.

  1. Primero inserta la imagen deseada en su sitio web como de costumbre, luego configura el enlace con “a href”, excepto que en lugar de una palabra para el enlace, se agrega otro comando, a saber, “img src”.
  2. Se ve así, por ejemplo: <a href=”Link.html”><img src=”image1.png” alt=”alternative_text”></a>
  3. Con el comando <a href=”Link.html”> enlazas a la página externa.
  4. Para hacer esto, simplemente cambie “Link.html” por el hipervínculo que desea usar.
  5. No obstante, también existen usuarios que tienen una discapacidad visual o tienen desactivada la visualización de imágenes en el navegador. En estos casos, el texto alternativo describe lo que se muestra en la imagen. Puede insertar esto a través de alt=”texto_alternativo”.
  6. El comando </a> se utiliza para completar el enlace.

Un ejemplo de como hacerlo utilizando una página web como, https://configurarmidispositivo.com/ sería de la siguiente manera;

<a href=”https://configurarmidispositivo.com/”> <img src=”laquetuquieras.jpg”> </a>

Cómo añadir un enlace a una imagen en Word, Excel, Pdf, etc.

Si aún no sabes como hacerlo es por que estás empezando y nadie hemos nacido enseñado, pero a continuación vas a ver lo fácil y sencillo que es.

1. Lo primero es insertar la imagen que lo puedes hacer copiando y pegando o arriba en la parte azul en “Insertar” – “Imagen”.

2. Tras esto con el botón izquierdo del ratón encima de la foto insertada se te despliega lo que ves en la imagen y tienes que seleccionar “Hipervínculo”

3. Tras esto en la casilla de dirección copias la dirección de la web que quieres que enlace la página y ya lo tienes tras darle a aceptar, así de fácil.

Cómo añadir un enlace a una imagen en WordPress

Si estás empezando a utilizar WordPress podrás añadirle un enlace a una foto como hemos echo arriba mediante Html, aunque puede ser un poco tedioso.

Por lo que lo más recomendable es entre otros métodos instalar un plugin y en este caso puede ser, Page Links To.

Solo tienes que instalarlo y te saldrá una opción en las imágenes para poder meter el enlace a la página web que quieras.

Cuándo este en Medios o si has insertado una imagen, solo tienes que buscar la opción de editar (el lapicero), y tras seleccionarlo te saldrá la opción que puedes ver en la imagen.

Selecciona una Url Personalizada e introducir la web que quieras en el recuadro donde veras https:// y ya lo tendrás, si alguien pincha en la imagen lo mandará a la web que hayas introducido.

Pues como has visto cualquiera de estos métodos te puede valer para conseguir enlaces en las imágenes. Esto te puede ayudar de distintas maneras:

  1. Como ayuda o dar un valor añadido, que haga que tu lector o quién te está examinado te de más puntos a favor.
  2. Si es para un blog o un artículo que va a aparecer en internet, esa imagen con el enlace puede indexarse y aparecer en primera página si alguien busca algo relacionado con la imagen y llevarte más tráfico a ese artículo.

Al principio puede parecer una pérdida de tiempo y algo tedioso, pero cuando lo hagas más de 20 veces se convertirá en algo cotidiano y que te saldrá de manera intuitiva.

Los beneficios son más que los inconvenientes sin duda alguna y tu lector te lo agradecerá sin duda y si eso te parece poco Google te recompensará con una mejor posición.

Tienes que tener en cuenta que te dan la opción en todos los casos de abandonar la página en la que tienes la imagen con el enlace o que se cierre esta y se habla la otra, cuando hagan clic en la imagen.

Un consejo muy extendido es que cuando sean enlaces de paginas web distintas, selecciones esa opción y se abra en una pestaña nueva. Y cuando sea en la misma web se cierre esa pestaña y se abra la de la imagen.

Eso ya tienes que elegirlo tú, en mi caso siempre pongo que se abra en una pestaña nueva pero para gustos los colores sin duda.