Te mostramos imágenes de un editor, que usamos para cambiar el tamaño de una imagen para tu gestor de contenidos web.

Dimensión de la imagen original
A. Detalle con las dimensiones de la imagen original

 

Dimensión de la imagen para la web
B. Detalle de la dimensión del tamaño de la imagen requerida.

Consejos:

  • Redimensiona la imagen manteniendo el ratio o proporción.
  • Guarda la imagen original.

Cambiar el tamaño de una imagen para tu gestor de contenidos web

Este artículo está destinado a usuarios que se inician y necesitan cambiar el tamaño de una imagen para tu gestor de contenidos web. Solo necesitan un manejo elemental para modificar las imágenes que desean mostrar en su página web, ya sea una web tienda online, una web inmobiliaria, etc.


Hay muchos programas para editar imágenes, muchos vienen ya instalados en nuestros dispositivos (ordenador, portátil, tablet o smartphone). También podemos hacer uso de herramientas online para editar imágenes.

Para cambiar el tamaño de una imagen para tu gestor de contenidos web, básicamente, deberías saber lo que es un píxel y qué relación tiene con las imágenes.
Pues bien, según la Wikipedia, ‘un píxel es la menor unidad homogénea en color que forma parte de una imagen digital’ y las imágenes están formadas por un conjunto de píxeles. (px = píxeles)

Vamos a explicar cómo hacerlo con un ejemplo.

Supongamos que la ‘imagen A’ es la original que tienes es de ancho 1000px y alto 200 px (abreviado 1200 x 300px). Y tu gestor de contenidos web requiere que subas una imagen con un ancho de 400px y alto de 80px (abreviado 400 x 80px), llamaremos ‘imagen B’.

Abrimos nuestro editor de imágenes, en lineas generales:

  1. Abrimos en el programa la ‘imagen A’ de 1200 x 300px
  2. Busca en la pestaña generalmente de ‘Archivo’ > ‘Configuración del documentos’ > ‘Dimensiones’, asegúrate que el candado entre las dimensiones de ancho y alto esté cerrado para mantener el ratio de la imagen (evita que se deforme). Cambia ancho: 1000 px por 400px y alto: 200 px por 80px. Por último pulsa ‘ok’ o ‘aceptar’ según el programa que tengas.
  3. Ahora tendrás la imagen con las dimensiones 400px de ancho y 80 px de alto.
  4. Guarda la ‘imagen B’ con otro nombre distinto a la ‘imagen A’ original para no perderla.

La posición en buscadores web es muy importante porque si un enlace a su página web no aparece en los resultados de búsqueda cuando alguien busca algo relacionado con el contenido de tu web, no tendrás muchas visitas y tu web no dará los resultados que esperabas.

SEO es un acrónimo de Search Engine Optimization que significa Optimización para Buscadores.

SEM es un acrónimo de Search Engine Marketing que significa Marketing o Promoción en Buscadores. La diferencia es que el SEM puede usar técnicas SEO y/o anuncios de pago para aparecer en buscadores.

Mejora los resultados de tu página web

Mejora los resultados de tu página web

¿Qué puedo hacer para mejorar mi Posición en buscadores web?
1. Tener una página web con código correcto y sin errores.

Si tu página tiene errores o no está bien programada tal vez los buscadores no puedan leer tu web.El principal buscador Google considera actualmente que una web responsive o multidispositivo (‘responsive web design’) le da ventajas. En esto podemos ayudarte, las webs que diseñamos y programamos son testeadas concienzudamente para estar libre de errores.

2. Los URLs o direcciones que forman tu página web deben describir o dar una idea de su contenido.

Esto es bueno para los humanos y para los programas de los buscadores que visitan tu web inmobiliaria o web tienda online. Por ejemplo, es mucho mejor http://www.mitienda.com/ropa-deportiva-mujer/chandal-lycra.php?id=135 que http://www.mitienda.com/producto.php?id=135. Aquí también podemos ayudarte, nosotros programamos webs dinámicas que crean URLs semánticos o explicativos de su contenido, tanto en nuestras páginas a web a medida, nuestras páginas tienda online o nuestras páginas web para inmobiliarias.

3. Contenido original de calidad.

Esta parte depende de ti. ¡No es tan difícil! Escribe en tu web sobre tus productos, tus servicios y asuntos relacionados. Piensa ¿qué me gustaria leer en una web como la mia? ¿que le puede interesar a mis clientes? escribe sobre tus productos, como usarlos, como conseguir piezas de repuesto, como tunearlos, sobre la zona en la que quieres vender inmuebles si es una inmobiliaria… lo que se te ocurra que puede ser interesante y genere confianza.

Sí, la palabra de oro hoy día en cuanto a SEO es confianza. Demuestra que eres un experto en tu campo, sobre tus productos o servicios y haz esto en tu web. Sí, en tu web, no en las redes sociales, coloca el contenido de calidad que generes en tu web, bajo tu dominio que tú controlas. Luego puedes divulgarlo a través de las redes sociales, pero no pierdas tu contenido.

Tu contenido debe residir permanentemente en tu página web.

Google admite que le dará valor a contenido original y elimina contenido copiado. Bueno, en algo podemos ayudarte en esta parte, ya que podemos hacer que tu web sea fácil de actualizar y solo tengas que escribir o cortar y pegar tu texto en un formulario para añadirlo a tu web.

Título y descripción de sus productos
Desde el gestor de contenidos web de tu Tienda Online Natural una vez que hayas añadido tus categorías y productos, puedes controlar la información para los buscadores (Google, Bing, etc.): título y descripción (etiqueta meta ‘description’). El objetivo es que tu tienda sea visible para los buscadores y te ayudará con la posición en buscadores web

4. Envíale a Google su Sitemap.

Un sitemap es una lista de los URL o direcciones que forman parte de tu página web, es una especie de aviso para que venga a revisar tu página, sobre todo si has añadido nuevos artículos o productos. En nuestros paneles de control de las páginas web que creamos incluimos una herramienta para hacer esto en un solo click.

Enviar Sitemap a Google con un solo click
Envia el Sitemap de tu web a Google con un solo click
5. Revisa las metadescripciones de las páginas que forman tu web.

Los «metas» son datos sobre datos, son campos en los que puedes decirle al buscador cual es el contenido más relevante en cada página. En el panel de control de tanto nuestras páginas a web a medida, nuestras páginas web tienda online o nuestras páginas web para inmobiliarias dispondrás de formularios para controlar estos campos. Es más, te los rellenamos automáticamente con los datos principales de la página, ya sea un producto de tu tienda online, un inmueble en tu web inmobiliaria o una página de servicios de tu web corporativa a medida. Pero es mejor que revises estos textos ya que el experto sobre sus productos y servicios eres tú.


Los algoritmos de los buscadores están en constante cambio y los programadores profesionales web estamos pendientes de estos cambios para darte todas las herramientas necesarias para que tu página web tenga una buena posición en buscadores web para que obtengas los mejores resultados.

Símbolo herramienta recorte
Fig.1 – Símbolo herramienta recorte
Modos de recorte según sus dimensiones
Fig.2 – Modos de recorte según sus dimensiones
Recorte rectangular de una imagen
Fig. 3 – Recorte rectangular de una imagen
Recorte de una imagen
Fig. 4 – Selección área de recorte de una imagen
Imagen recortada
Fig. 5 – Imagen recortada

 

 

Recortar una imagen para gestor de contenidos web con forma rectangular

Recortar una imagen para gestor de contenidos web con forma rectangular para añadir a tu web eCommerce, web catálogo online, web inmobiliaria, o tu web corporativa a medida.

Como ya hemos indicado en nuestro artículo Redimensionar una imagen, hay muchos programas para editar imágenes, algunos ya instalados en nuestros dispositivos. Otras opciones son las herramientas online para la edición de imágenes.

Con un ejemplo se verá más claro. Abreviaremos píxel como ‘px’ (píxel según la Wikipedia, ‘es la menor unidad homogénea en color que forma parte de una imagen digital’ y las imágenes están formadas por un conjunto de píxeles).

Algunas veces tenemos que redimensionar y recortar la imagen, aquí te explicamos como recortarla para no complicar el aprendizaje. Una vez que comprendas el mecanismo, podrás conjuntar ambos.

Supongamos una imagen que quieres usar en tu web, la llamamos ‘imagen A’ cuyas dimensiones son: ancho 3000px y alto 2000 px (abreviado 3000 x 2000 px).
Y el gestor de contenidos de tu web requiere que subas una imagen con las siguientes dimensiones: ancho de 1180px y alto de 200px (abreviado 1180 x 200 px), que llamaremos ‘imagen B’.


Consejos:

  • Seleccionar las unidades adecuadas, en nuestro caso ‘px’
  • A la ahora de aplicar el recorte, asegúrate cambiar el ancho y alto por separado. Haz clic en el icono de candado (para desbloquear) normalmente situado entre los cuadros de ancho y alto.

Abrimos nuestro editor de imágenes:

  1. Abrimos en el programa la ‘imagen A’ (dimensión: 3000 x 2000 px).
  2. Activamos la herramienta de para recortar (Fig. 1 –  Símbolo herramienta de recorte).
  3. Investiga si tu programa ofrece la posibilidad de recortar manteniendo el aspecto original, personalizarlo, etc.. (Fig. 2: Modos de recorte).
    Si has activado el recorte verás una cuadrícula dividida por lineas en tercios, ver fig.3  (Recorte rectangular de una imagen). En este caso no te interesa un recorte que mantenga el ratio.
  4. Cambiando las dimensiones a 1180 x 200 px (tal como se ve en la fig.4, selecciona el  recorte). Vemos como el área de recorte cambia y muestra un área más pequeña con la cuadrícula de tercios. Esa área es la que necesitamos para tener nuestra imagen B, ahora podemos moverla dentro del área de la imagen A para obtener la imagen que con el fondo adecuado.
  5. Haz clic en ‘cambiar tamaño’ (o botón similar), a veces basta con pulsa tecla ‘enter’ (retorno de carro) y obtendrás la imagen recortada (Fig.5 – Imagen  recortada).

Añadir un producto a mi Tienda Online Natural es rápido y fácil.

Primero tendrás que acceder al Gestor de Contenidos web de tu Tienda Online Natural con tu usuario y contraseña.

Una vez dentro despliega Productos del menú de la izquierda. Ahora haz click en Añadir.

Verás un simple formulario que tendrás que rellenar con el Nombre que le quieras dar a tu producto en tu Tienda Online. Después selecciona una categoría para este producto, escribe una descripción y añade el precio. Si quieres puedes poner un precio de oferta para hacer tu producto más atractivo, también puedes añadir una oferta más adelante.

Antes de pulsar en Guardar puedes elegir si publicar en la web directamente o guardar la publicación para más tarde. En el video que puedes visualizar debajo hemos publicado el producto directamente.

Ahora puedes completar la ficha de tu producto con unas buenas fotos.

Tienes las pestañas Datos, Fotos, Video, SEO y Test A/B. Para añadir las fotos ve a Fotos y selecciona las fotos que quieras subir. 

Te recomendamos que veas el video y si quieres probar tú mismo solicita el acceso a nuestra Demostración Online para que puedas probar como sería manejar y publicar tu propia Tienda Online Natural.

Importancia de las fotos del producto

¿Cómo hacer una buena foto para mi tienda online?

Cómo sabes el contenido en una página web es determinante y su calidad fundamental. En este artículo vamos a darte algunos consejos o ‘tips’ de cómo hacer una buena foto para mi tienda online.

Muchas veces buscas un producto en una tienda online por la imagen, ya sea porque la reconoces, la has visto en algún anuncio, etc.; y otras veces, porque una buena imagen te llama la atención para querer saber más sobre el producto.

Si las fotos de ese producto son buenas darás una visión más real de tu producto al cliente.

Cuando inicias el proceso para realizar las fotos del producto, es mejor seguir un proceso y organizarte:

  1. Analiza tus necesidades: ¿Qué tipo de fotos queremos?
  2. Práctica y selección: Elige un producto y práctica haciéndole fotografías. Elige la que mejor se adapte a las características del producto y a la visualización de tu web.
  3. Edición de la imagen, lo que es igual a la postproducción: renombre, clasificar y procesar (retoques con un editor de imágenes).

Consejos generales

Según el tipo del producto, los consejos pueden variar y en general podemos darte algunos tips para cuando hagas las fotografías del producto:

Evita las superficies reflectantes (como pantallas)
Cuida los fondos: es mejor un fondo diáfano, que evita distracciones y simplifica. El fondo de un color con cartulinas de colores para que contrasten con el producto.

Si usas un fondo:

  1. Negro: es elegante, aumenta la fuerza del producto.
  2. Blanco: el más usado y sencillo, facilita el recorte (en la postproducción) y da suavidad al producto.
  3. Con texturas: crea un ambiente que envuelve al producto.

Iluminación:

  1. La Luz natural es la más sencilla, nos basta con una ventana cerca para que ilumine nuestro producto. Si hay mucha luz una cortina fina nos sirve para atenuar la luz.
  2. Ángulo de disparo, según La Luz.
  3. Flashes: son luces más complejas, si las tienes puedes practicar con ellas.
  4. Focos: nos proporciona luz continua, una lámpara de casa nos sirve.

practica con lo que tengas

Si tus productos son objetos de tamaño pequeño (tipo elementos de un bodegón), con una caja de cartón y una lámpara podemos empezar a realizar fotografías a los productos, como se muestra en la imagen.

Como hacer fotos a tus productos
Como hacer fotos a tus productos

En el caso que los productos que tengas sean reflectantes, existen «tiendas» de macro plegables que evitan la reflexión, tamizan la luz (aproximadamente 20 euros, algunas menos). Puedes encontrarlas buscando ‘caja de estudio fotográfico’, ‘estudio fotográfico portátil’ o ‘caja de luz portátil para hacer fotos’ a objetos pequeños, algunas incorporan diferentes colores de fondo y luz LED en la caja.

– Encuadre: de las fotos de tus productos le dará la expresividad. El encuadre en horizontal da calma, estabilidad y equilibrio naturales. Si usas la ‘Regla de los dos tercios‘ coloca los puntos de interés en la intersección.
Regla de los dos tercios: dividimos el fotograma con dos líneas horizontales y dos verticales. Los puntos que destacan son donde se entrecruzan dichas líneas.

Equipo:

  1. Carta de grises para la calibración fotográfica. Imprescindible para el balance de blancos, haz primera foto en RAW de la carta de grises como referencia.
  2. Objetivos en función de la foto, 50mm o 35mm.
  3. Trípode es fundamental, el ‘GorillaPod’ puede sujetar cámara o flashes.
  4. Lámparas de igual luz, intentar no mezclar luces.
  5. Otros: Cartulinas de colores (Dina A3), plastilina o ‘blutack’ es buena aliada, la laca elimina reflejos en los metales…

Entonces, ¿cómo hacer una buena foto para mi tienda online? Piensa  que la composición fotográfica es importante pero las normas en el arte están hechas para romperse. Así que, lo principal es disfrutar fotografiando y fotografiar a tu manera con tu propio estilo