contenido

Dropbox como alojamiento de imágenes para usar en HTML.

Dropbox como alojamiento de imágenes para usar en HTML.

Destacado

La mayoría de veces que vayamos a necesitar insertar imágenes en una página web usaremos un servicio de alojamiento que hayamos contratado, pero dichos servicios suelen ser de pago y a veces son soluciones demasiado grandes para proyectos tan pequeños como, por ejemplo, una firma de email. En estos casos, en las que necesitamos pocas imágenes, contratar un servicio de hosting es innecesario, por lo que podríamos optar por utilizar un servicio de alojamiento de imágenes gratuito.

La mayoría de estos servicios (como Imageshack, Imgur o Minus) tienen un tiempo de expiración limitado tras el cual borran las imágenes de su servidor. Ésto nos puede causar problemas, por lo que necesitamos encontrar una solución permanente y gratuita.

Dropbox es la opción que proponemos, ya que el servicio gratuito de alojamiento de archivos con el que cuenta nos permite subir y compartir archivos multiformato. Debemos comentar que también cuenta con un servicio de pago, pero el tema que estamos tratando en esta entrada en concreto, con la opción gratuita sería más que suficiente.

1.- Crear una cuenta de Dropbox e iniciar sesión.

Primero nos dirigimos a Dropbox.com y creamos una nueva cuenta. Dropbox pide nuestros nombres y apellidos, un correo electrónico y una contraseña. Una vez creada la cuenta tendremos 2gb de alojamiento gratuito en la nube.

Podemos vincular Dropbox con nuestro Smartphone descargando la aplicación en la AppStore (iPhone) o Play Store (Android), o podemos descargar la versión PC/MacOsX. No es necesario tener nuestra cuenta vinculada con nuestro teléfono u ordenador, pero mejoraremos la productividad y la podremos usar más fácilmente.

Dropbox como alojamiento de imágenes para usar en HTML

2.- Subir archivos a Dropbox.

El proceso de subida de archivos a Dropbox es muy fácil. Si tenemos Dropbox abierto en el navegador sólo debemos coger y arrastrar los archivos deseados desde nuestro ordenador hasta la ventana de Dropbox y soltarlos. También podemos clickar en el icono de la hoja de papel con un plus para poder añadir uno o más archivos.

Si hemos instalado Dropbox en nuestro PC o MacOSx habrá creado una carpeta llamada Dropbox en el escritorio o en Mis Documentos al que podemos arrastrar los archivos para subirlos.

Podemos crear carpetas para mantener nuestros archivos organizados.

Dropbox como alojamiento de imágenes para usar en HTML

3.- Cómo conseguir el link al archivo en el servidor.

Si vamos a Dropbox.com, clickamos sobre el archivo que queremos usar y vamos a Compartir veremos que nos facilita una URL. Esa URL nos llevará al archivo que hemos subido, pero no a la URL de la carpeta del servidor en la que se encuentra alojado. Si usamos esta primera URL en un archivo HTML como fuente (source o src en HTML) de una etiqueta de imagen no podremos ver el archivo, ya que es necesario tener la dirección de la carpeta del servidor en la que se encuentra alojado.

Dropbox no nos facilita esa URL, sólo nos da una URL que nos lleva a la galería y abre esa imagen. Pongamos como ejemplo la siguiente imagen: https://www.dropbox.com/s/oo4yazg7rwiug3x/imagen-destacada-dropbox.jpg

Dropbox como alojamiento de imágenes para usar en HTML

La URL nos lleva a la imagen, pero si la usamos como src de una imagen no nos servirá. ¿Por qué? Porque es la URL a una galería, no al archivo de imagen nativo.

Existe una manera de modificar la URL y poder apuntar directamente al archivo alojado en el servidor. Para eso, únicamente debemos cambiar https://www.dropbox.com/ por https://dl.dropboxusercontent.com/.

Nuestra nueva URL sería: https://dl.dropboxusercontent.com/s/oo4yazg7rwiug3x/imagen-destacada-dropbox.jpg.

Esta URL apunta directamente a la imagen, sin más código HTML, por lo que la podemos usar en nuestras firmas de email o webs sin miedo a que caduquen y nos las borren.

Esperamos que os sea de utilidad y si tenéis cualquier duda no dudéis en contárnoslas.

read more >
Inbound Marketing y la Importancia en el Diseño

Inbound Marketing y la Importancia en el Diseño

Bloggers

Hoy en día todo el mundo habla del inbound marketing pero, ¿cuántos saben realmente lo que es?

Este nuevo concepto nació para dar respuesta a los cambios en el comportamiento de los consumidores, que ya ni son receptores pasivos ni están dispuestos a permitir las interrupciones publicitarias de los medios tradicionales. El inbound marketing nació para dar respuesta a esta nueva realidad en la que los clientes son los que se encuentran con las marcas e interactúan con ellas de forma consentida y sin interrupciones no deseadas.

El inbound marketing se basa en tres pilares fundamentales: SEO, Marketing de Contenidos y Social Media Marketing, que trabajan de forma integrada y forman parte de una estrategia global, en la que se combinan todas las acciones, canales y técnicas para mejorar la reputación de la marca y conseguir una mayor visibilidad online.

Muchas personas piensan que el Inbound Marketing se centran en el contenido por sí solo (y eso no es del todo falso). Podemos decir que el contenido es muy importante para una estrategia de inbound marketing éxitosa. Pero lo que muchos pasan por alto es la gran importancia en el diseño. Un diseño inteligente y coherente puede tener tanto impacto como el contenido de su sitio web, lo que lleva a los visitantes a pasar más tiempo en su sitio y por lo tanto conduce a un mayor porcentaje de conversiones.

Entonces, ¿Qué es lo que tiene el diseño que es tan importante para el inbound marketing? Aquí hay algunas cosas notables:

Una Primera Impresión de tu Marca

Si alguna vez has estado navegando por la web para algo y llegaste a uno de esos sitios que parece viejo y anticuado, y decidiste no hacer una compra allí, entonces podras entender de lo que hablamos. El diseño de tu sitio es una investigación inmediata, es la primera impresión de tu marca. Antes de que cualquier visitante lea lo que está en tu página, ellos seran absorvidos por las imágenes, los colores y la sensación que tu sitio proboca en cuestión de segundos.

De la misma manera que haces una impresión cuando conoces a alguien por primera vez, también lo hace tu sitio web. Esta impresión es muy real y tiene un impacto tangible en el comportamiento final del usuario. Si tu pagina luce descuidada, inestable o confusa, entonces se reflejara muy dramaticamente en el numero de tus ventas.

Debe ser Fácil de Entender

Si un sitio está mal diseñado, te darás cuenta porque es probable que tengas una mala experiencia al navegar en él. Puedes pasar unos segundos haciendo clic alrededor, y finalmente frustrarte de no estar seguro a dónde ir. Por otro lado, si un sitio web está bien diseñado, es elegante y sutil, lograra que tus clientes entiendan lo que está pasando en el sitio y dónde tiene que navegar. Ellos entenderán cual es la naturaleza del negocio y donde pueden encontrar las ofertas.

Una experiencia con un sitio mal diseñado puede sacar corriendo a tus clientes de tu página y enviarlos en busca de tus competidores. Un diseño inteligente les animará a quedarse por un tiempo.

Un Fuerte Llamado a la Acción

Un diseño fuerte a su vez tiene un fuerte llamado a la acción. El diseño guiará a tus visitantes para que sepan dónde hacer clic y cuál es el siguiente paso a tomar. El diseño de la llamada a la acción deberá conducir al siguiente paso, ya sea para comprar, leer más o moverse a través de una presentación.

Diseño Móvil Optimizado

Solía ser que el tener un Diseño Móvil Optimizado era “bueno de tener”, pero hoy en día, tener un Diseño Móvil Optimizado es una necesidad absoluta. Más de dos tercios de las personas están navegando sus mensajes de correo electrónico y sitios Web en sus dispositivos móviles. Los sitios web que no están diseñados adecuadamente van a ser cortado de sus preferencias de navegación. Por lo que es necesario actualizar tu sitio web con un diseño responsivo y así el sitio pueda lucir bien a través de todos los dispositivos y navegadores.

Dar al Diseño el Respeto que se Merece

Diseño, Experiencia de Usuario y Contenido, todos tienen un lugar en la mesa, y los tres deben estar bien asociados para lograr una buena experiencia web y contribuir con un inbound marketing exitoso. Nosotros en Neo Genesis WEB estamos orgullosos de nuestra experiencia en el desarrollo y diseño web; es nuestro pan de cada día.

¿Quieres saber cómo mejorar el diseño de tu sitio web?

Nos encantaría ayudar. Ponte en contacto con nosotros para decirnos más.

read more >