Homo-Digital Idea guardada 0 veces
La valoración media de 2 personas es: Normal

Agregar enlaces a tus imágenes mejora la experiencia de usuario.

 Agregar enlaces a tus imágenes mejora la experiencia de usuario


Mejora la experiencia de uso de tu sitio web o blog agregando enlaces a tus imágenes.

En esta nota queremos darte un consejo que te puede de ser de mucha ayuda sobre todo si desarrollas sitios web o escribes un blog. El consejo se trata básicamente de agregar enlaces a las imágenes que usamos para publicar en la web, aunque esto es algo muy sencillo de realizar en esta nota te queremos compartir la importancia que tiene el realizar esta acción en nuestras publicaciones y el porque deberíamos incorporarlo en nuestro desarrollo de contenido para la web.
Algo que pasamos muchas veces por alto es el hecho de agregar enlaces a la imágenes que acompañan nuestra publicaciones, cuando haces clic en alguna imagen que integra una publicación dentro de un blog por lo regular el enlace nos lleva a ver la imagen sobrepuesta al sitio en que la estemos viendo.
Te sorprendería saber la gran cantidad de clic que reciben las imágenes que hemos publicado en nuestro blog o sitio web, esto te lo comentamos porque en alguna ocasión estábamos presentado un proyecto de sitio web a un conocido y este de manera intuitiva y sin que nosotros le mencionáramos algo le dio clic a una de las imágenes que aparecía en nuestro sitio. La sorpresa para el es que no le habíamos colocado enlace alguno a la imagen sino al texto que la acompañba.
Esto para nosotros fue una valiosa experiencia ya que pudimos ver como interactuaba el usuario con nuestro sitio y por supuesto de inmediato lo corregimos. Ahora bien el uso de las imágenes nos ayuda a comunicar de una mejor manera las ideas que queremos transmitir a través de nuestras publicaciones.¿Cómo agregar enlaces a tus imágenes?

De manera muy breve ejemplificaremos como podemos agregar enlaces a nuestras imágenes usando Blogger.

Primero subiremos la imagen haciendo clic en el icono de subir imagen de la bara de formato.

Ahí tan solo tendremos que buscar y subir la imagen a utilizar, posteriormente haremos clic en el botón Agregar imagen seleccionada. Una vez hecho esto tendremos que hacer clic sobre la imagen y elegir la opción de vínculo, para que nos abra la ventana de editar vínculo.
Editar vínculo


En al ventana de Editar vínculo escribiremos la dirección web a la cual queremos que vayan los usuarios que hagan clic en la imagen. Es muy recomendable dejar marcada la opción de Abrir este vínculo en una ventana nueva. Esto hará que el sitio se despliegue en otra ventana del navegador.
Como ejemplo te dejamos una imagen que contiene un enlace a nuestra nota: Convierte archivos PDF escaneados a Word gratis.

Convierte archivos PDF escaneados a Word gratis.
Sabemos que esto es muy sencillo de realizar y que puede parecer innecesario pero es algo muy importante de hacer ya que puede mejorar mucho la experiencia del usuario en nuestro sitio web o blog.

También existe la opción de entrar en el modo de edición de HTML para hacer alguna adecuación directamente al código y generar las imágenes con enlaces, en este caso te dejamos el código HTML que nos genera, como resultado, la imagen anterior con su enlace.

El uso de esta estrategia es recomendable para que la imagen de nuestro encabezado siempre tenga un enlace a la nota que esta encabezando. Esto es muy útil incluso para los lectores que esten suscritos a nuestro servicio de RSS.
Otro punto importante antes de concluir es el de usar compresores de imágenes para reducir su tamaño sin sacrificar la calidad esto también hará que podamos entregar una mejor experiencia al usuario al tener que esperar menos tiempo en que se vea la página.
Dos opciones muy interesantes que te podemos recomendar son:
- Compressor.io
- TinyPNG
Esperamos que puedas implementar esta sencilla técnica y que logres mejorar la experiencia de tus usuarios.
Como ejemplo práctico te invitamos a consultar nuestra nota: Las 10 notas, de Homo-Digital, más Leídas de Mayo del 2015 la cual esta desarrollada usando la técnica que te comentamos en esta nota:
Las 10 notas, de Homo-Digital, más Leídas de Mayo del 2015

Top 10 Mayo 2015


Enlaces:
- Cómo crear enlaces en las imágenes con Facebook.

Fuente: este post proviene de Homo-Digital, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Cómo mejorar la velocidad de tu web

Imagen propiedad de Rogatnev con licencia de AdobeStock Si quieres que tu web funcione de la mejor manera para tus usuarios, debes tener en cuenta algunos factores para optimizar la velocidad de carga ...

Recomendamos

Relacionado

general blogger blogs

Agregar enlaces a tus imágenes mejora la experiencia de usuario.

Mejora la experiencia de uso de tu sitio web o blog agregando enlaces a tus imágenes. En esta nota queremos darte un consejo que te puede de ser de mucha ayuda sobre todo si desarrollas sitios web o escribes un blog. El consejo se trata básicamente de agregar enlaces a las imágenes que usamos para publicar en la web, aunque esto es algo muy sencillo de realizar en esta nota te queremos compartir l ...

general blogger twitter

Cómo agregar Twitter cards a Blogger.

Integra Twitter cards a tu blog creado en Blogger. Las Twitter Cards son elementos que nos permiten enriquecer nuestras publicaciones en la red social de información. En esencia las Twitter Cards nos permiten generar vistas previas de imágenes, galerías, videos, resúmenes de publicaciones de sitios web entre otras. Estos elementos son un medio fantástico para aumentar la interacción de nuestras pu ...

general seo

Cómo desautorizar enlaces a nuestra página web en Google

En Internet pueden existir sitios web que enlacen al nuestro y afecten negativamente a nuestro posicionamiento. Unas veces por provenir de sitios de dudosa reputación u otras por ser directamente páginas generadoras de SPAM, el control periódico de los enlaces que apuntan a nuestro sitio web es importante. ¿Cómo enlaza un sitio web a otro en Internet? Es muy sencillo, desde una dirección externa a ...

Inicio Programas propios informatica ...

Enlaces de la web

Para el que quiera ver el diseño de la web, aquí les dejo los enlaces donde la he subido para que se vea lo que yo quería, que es el efecto que hace la imagen cuando le pasas el ratón por encima y se queda la imagen en blanco y negro. No sé a vosotros pero a mi ese efecto me encanta. Como el lugar donde lo he puesto va un poco de aquella manera porque hay cosas que no las carga bien , aquí os dejo ...

Lincking Noti Google SEO ...

Enlaces salientes ¿Son buenos para el SEO? Ep1 de #AskGoogleWM

Este es el primer episodio de la nueva serie #AskGoogleWebmasters. La pregunta: ¿Son los enlaces salientes buenos para el SEO? Pero como he dicho en este tweet: fue un poco desilusionante. Quiero decir: de verdad esperaba algo un poco más avanzado Pero no importa ¿Quieres saber si verdaderamente estos enlaces ayudan nuestro SEO? entonces ¡Vamos! Quiero aclarar algo antes; tengo unos cuantos artíc ...

Google Chrome Tips Servicios Web

Guarda tus enlaces favoritos en Pocket desde Google Chrome.

Pocket es un servicio en línea que nos permitirá guardar nuestros enlaces favoritos para recuperarlos y consultarlos después. En general pocket nos permite guardar enlaces, videos e imágenes, esta última opción puede ser muy útil para guardar infografías. Además de esto puedes etiquetar tus enlaces para clarsificarlos. La versión de Pocket para Google Chrome nos ofrece la ventaja de usar Pocket s ...

Alojamiento Web consejos seo linkbuilding ...

5 consejos útiles para conseguir enlaces

A la hora de hacer linkbuilding nuestro objetivo es conseguir el mayor número de enlaces posibles de manera rápida y sencilla. En realidad, esto no es muy difícil. Pero, claro, no nos vale cualquier tipo de enlace, únicamente nos son útiles los enlaces de calidad. Por lo tanto, nos preguntamos: ¿cuál es la mejor manera de conseguir enlaces? Esta cuestión es una de las más frecuentes cuando hablamo ...

Google Tips Trucos

13 enlaces que cualquier usuario de Google debería conocer

Una de las principales fortalezas de Google es sin duda la gran cantidad de usuarios cautivos que ha captado a través de cualquiera de sus productos, y por supuesto, la información que conoce sobre cada uno de ellos. Información, que muchas veces incluye datos reveladores sobre tus hábitos de navegación y los lugares (físicos) en los que has estado últimamente, entre otros. Enseguida 13 enlaces qu ...

seo marketing marca personal

¿Que es el SEO?

Esto parece bastante fácil: SEO es la optimización de motores de búsqueda. Pero el simple hecho de saber lo que significa el SEO no le dice todo al respecto, no es que debamos sorprendernos. Lo que queremos decir cuando nos referimos a SEO, es la práctica de actualizar el contenido de su sitio web para que se muestre orgánicamente en los resultados de un motor de búsqueda (como Google o Bing). El ...

internet productividad herramientas ...

4# Enlaces Internos: 15 Estrategias de Marketing Viral

Una buena Estrategia de Marketing Viral de Contenidos, es aprovechar los artículos mas populares de nuestro blog, para promocionar el nuevo contenido mediante enlaces internos. Hoy vamos a dar otro paso mas en nuestra guia "15 Definitivas Estrategias de Marketing Viral para Promoción de Contenidos" utilizando los post mas populares que hemos tenido en nuestro blog o web, traspasando un ...