Exposiciones y anuncios para agentes inmobiliarios y clientes

Muchos sitios fracasan porque los visitantes que atraen no se sienten 100% cómodos. Esto puede deberse a que las imágenes no están comprimidas y una página tarda 30 o 40 segundos en cargarse. Especialmente en las zonas rurales, donde no hay una conexión rápida a Internet, cargar fotos con un gran tamaño de archivo y quizás un vídeo adicional puede paralizar rápidamente el ordenador. Por supuesto, no hay que esperar eternamente, sino simplemente cambiar de página. ¡Debes evitar esta interrupción!

Hay varias formas de reducir la tasa de abandono. Puedes encontrar información y vídeos importantes en mi blog o en mi canal de YouTube.

Hoy nos ocupamos específicamente del tema de la compresión y el mantenimiento con aspectos de la optimización de los motores de búsqueda.

¿Selección de formato de cámara con 4:3 o 16:9?

Antes de que podamos empezar a construir nuestro sitio, tenemos que abordar si los elementos inmobiliarios que salen a través de nuestro tema de WordPress están bien formateados. Esto significa que el CSS del tema de WordPress está escrito de tal manera que todas las fotos, independientemente de cómo se carguen, siempre salen correctamente. En la práctica, sin embargo, esto puede no funcionar porque, por ejemplo, también se hacen fotos con formato vertical. Los formatos de retrato en las fotografías se centran automáticamente en el centro y, por lo tanto, no reflejan la sección de la imagen que estaba prevista originalmente para el proyecto. Otro punto importante es que los deslizadores se utilizan a menudo en los listados de propiedades individuales. De nuevo, esto está diseñado para tener un determinado tamaño para que se reproduzca correctamente en todos los dispositivos finales, desde el portátil hasta el ordenador de sobremesa, pasando por la tableta o el smartphone.

Entonces, ¿cómo podemos garantizar un buen funcionamiento?

Para cada nuevo anuncio inmobiliario y cada nueva foto de un piso o casa, debe haber un formato uniforme. Todas las fotos se recortan exactamente a este formato antes de cargarlas en el sistema de WordPress.

¿Cuáles son las ventajas?

• El mismo diseño en todas las páginas y en las páginas individuales
• Fotos comprimidas para una carga rápida
• Nombres de archivos optimizados para los motores de búsqueda

Cuanto más similares sean los elementos, mayor será la calidad de un sitio web. Los sitios web de alta calidad son una garantía y, para nosotros, generan buenas ventas. Por eso hay que prestar atención a esos detalles desde el principio. Una vez que haya establecido esta plantilla en su empresa, sus empleados o usted mismo podrán recurrir a ella en cualquier momento. Esto le ahorrará mucho tiempo y costes de personal y le permitirá aumentar las ventas. Su sitio web también será mejor valorado por los motores de búsqueda, ya que el tiempo de permanencia en su sitio web suele aumentar cuando los elementos de diseño son perfectos. Por eso nos centramos en la creación de anuncios.

En principio, todas las cámaras tienen dos formatos con los que se pueden hacer fotos. Esto se puede cambiar muy fácilmente en la configuración, ya sea Canon, Sony u otros fabricantes de cámaras. Es importante elegir un solo formato. El formato que sale de la cámara no suele ser tan importante. Lo importante es que ahora se introduce correctamente en la plantilla de Photoshop.

Videotutorial – Cómo funciona

Plantilla de archivos de Photoshop

Ahora que hemos aprendido todo lo importante sobre el motivo de la optimización, podemos echar un vistazo más de cerca a la plantilla de Photoshop. Por supuesto, como siempre, esta plantilla es de descarga gratuita, para agentes inmobiliarios, agencias de publicidad y gestores de medios.

Ambos archivos de Photoshop ya están configurados en un formato más pequeño, con una anchura máxima de 1920 y 2000 píxeles respectivamente. Esto significa que sus fotos siguen siendo lo suficientemente grandes como para que un visitante pueda verlas a plena resolución en el ordenador. Sólo tienes que descargar el archivo de Photoshop.

Descarga gratuita: Plantilla de Photoshop para agentes inmobiliarios

• Descargar – Plantilla de Photoshop – formato de cámara 3:4 ( archivo ZIP)
• Descargar – Plantilla de Photoshop – formato de cámara 16:9 ( archivo ZIP)

Pegar en Photoshop

Después de tomar las fotos, todo lo que tienes que hacer es arrastrar las imágenes desde la tarjeta de memoria a tu ordenador. Para ello, basta con introducir la tarjeta de memoria SD en la ranura correspondiente del ordenador o del lector de tarjetas. Se abrirá una carpeta de archivos desde la que podrás arrastrar las imágenes a tu archivo de Photoshop. Proceda de la siguiente manera:

• Activa el lector de tarjetas o inserta la tarjeta SD directamente en el ordenador
• Abra la carpeta con los archivos de imagen y haga la selección
• Colocar la selección en Photoshop

Reducir el tamaño de las imágenes con el acceso directo

Como todas las imágenes están en el mismo formato, como puedes ver en el vídeo tutorial, puedes ampliar o reducir todas las imágenes al mismo tiempo. Para ello, seleccione todas las capas, empiece por la primera y pulse la última capa con el ratón mientras mantiene pulsada la tecla Shift. En el siguiente paso, pulse Ctrl+T para acceder al modelo de transformación. Esto parece complejo al principio, pero en realidad es bastante sencillo, para ampliar o reducir las imágenes. Asegúrese siempre de que sólo arrastra las imágenes por los bordes, no por los lados. Para ello, pulse siempre la tecla Shift. Esto amplía o reduce las imágenes proporcionalmente. El formato no está distorsionado. Aquí, una vez más, en resumen

• Coloque su selección de forma colectiva en Photoshop
• Confirme con Enter para colocar las imágenes
• Una vez archivadas todas las imágenes, seleccione las capas y pulse Ctrl+T.
• Ahora, escalar las imágenes en tamaño manteniendo pulsada la tecla Shift

Almacenamiento comprimido para la web y los dispositivos

Ahora pasamos a guardar las imágenes para nuestro anuncio inmobiliario. Aquí viene el truco, guarda siempre tus fotos comprimidas. Mientras que una foto en el mismo formato sin compresión sigue siendo fácilmente de 1,5 MB, podemos comprimirla entre un 60 y un 80% de esta manera, tal vez incluso de 200 a 300 KB.

Para ello, sólo tiene que seleccionar Archivo en Photoshop y Guardar para Web y Dispositivos en Photoshop debajo de la versión en la nube. Aquí sólo tienes que hacer los siguientes ajustes

• Salida – JPEG
• Calidad de la compresión – 50%

El siguiente paso es asignar el nombre del archivo, aquí también se puede hacer un poco para optimizar su clasificación.

Nombres de archivos optimizados para los motores de búsqueda

Al asignar un nombre de archivo, tenga cuidado de no adoptar el formato de nombre de archivo de su cámara. Las cámaras sólo emiten imágenes numeradas, por lo que no pueden describir qué emociones refleja una imagen o qué objetos o lugares se esconden en ella. Por eso renombramos nuestras imágenes y las nombramos en lugar de la salida estándar:

• DCIM45592.JPEG
• Casa-berlín-friedrichshain-venta-balcón-vista-parque.JPEG

Lo hacemos con todas las fotos de nuestra propiedad actual y variamos las fichas individuales en función de lo que se puede ver en esta imagen. Se mantiene el prefijo con el objeto inmobiliario respectivo, la ubicación y el distrito.

Insertar en WordPress

Lo hemos conseguido. Ahora tenemos perfectamente preparada nuestra nueva página de inicio de la inmobiliaria y no sólo tenemos un hermoso tema de WordPress sino también imágenes perfectas que se ven igual en todas las páginas. En lugar de formato horizontal y vertical, sólo utilizamos imágenes en formato horizontal y, por supuesto, todas están comprimidas y optimizadas para el motor de búsqueda por el nombre del archivo.

Si todavía estás buscando el tema de WordPress adecuado, ¡aquí tienes mis recomendaciones!

• Tema de WordPress para inmobiliarias

Aprender SEO: Consejos en vídeo

Aprenda a optimizar los motores de búsqueda y el software. Siempre que hay algo de tiempo por la tarde en la agencia, hago vídeos explicativos sobre marketing en redes sociales, Photoshop y también sobre optimización de motores de búsqueda. Unos cuantos trucos de vida SEO gratuitos en nuestra agencia. ¿Cuánto cuesta una buena optimización SEO? Nada, si lo haces tú mismo. Como ya he mostrado en mi canal de Youtube y en muchas entradas del blog, WordPress en particular es una excelente manera de construir tus propios sitios grandes, incluso tiendas online enteras con un fuerte rendimiento previo. Buena suerte con su aprendizaje:

• Aprender SEO: Consejos en vídeo

Inmobiliario: Enlaces útiles

• Contrato de sociedad inmobiliaria – Revista FIV
• Agente inmobiliario de lujo – Lukinski Property
• Inversiones – Revista FIV
• Inversión inmobiliaria – Revista FIV
• Entrevista sobre la inversión inmobiliaria – FIV Magazine
• ¿Tiene sentido el sector inmobiliario como inversión? – Immo AO

Edición automática de imágenes en Photoshop: Video Tutorial

El principio es relativamente sencillo: ordenamos a Photoshop que grabe una acción, la guarde y la reproduzca más tarde. Al final del vídeo, hay un consejo especial para el SEO (optimización de motores de búsqueda) rápido de las imágenes.

Puedes encontrar más consejos y una descripción detallada directamente debajo del video tutorial.

Abrir la ventana de acción para crear nuevos procesos por lotes

Para abrir la ventana de acciones, vaya a la opción «Ventana» del menú principal y allí encontrará «Acciones». A continuación, la ventana se abre en Photoshop, al igual que ya tiene capas o caracteres de la configuración estándar en la pantalla. La ventana de acción se configura de la misma manera que las capas. Tiene diferentes grupos, aquí llamados «set», el «símbolo de la capa» prevé una nueva «acción». Así que podemos crear un nuevo conjunto, por ejemplo, para un determinado cliente o un proyecto, en este conjunto almacenamos diferentes automatizaciones.

Abrimos un nuevo conjunto, lo llamamos Cliente XY y luego iniciamos una nueva acción, a la que llamamos, por ejemplo, «Comprimir > JPG > w1080».

En el siguiente paso, todo tiene que encajar, así que para guardar los cambios, hay que pensar bien el proceso antes de la automatización. Con animaciones sencillas, esto es relativamente simple, pero como describí en mi artículo sobre la producción de imágenes de productos de joyería para tiendas en línea mediante la automatización, dicha automatización puede llegar a ser muy compleja y requerir también la reescritura de ciertos scripts de Photoshop, por ejemplo, para nombrar las imágenes en las dependencias de la base de datos según los números de los artículos. Pero volvamos a nuestro sencillo ejemplo.

Cómo: Ahora empieza la acción

Creamos nuestro plató e iniciamos nuestra acción. Haga clic en el símbolo «Niveles» para empezar. En primer lugar, aparece una pequeña ventana nueva en la que hay que introducir el nombre de la acción. Aquí siempre recomiendo un título que indique exactamente lo que ocurre durante la acción (como en el caso anterior).

«Comprimir > JPG > w1080» significa

• Compresión
• Guardar como JPG
• Con una anchura de 1080 píxeles

Inicio de la acción: Abrir la foto, redimensionar y guardar

A partir de ahora debemos trabajar exactamente, abrimos la primera imagen en Photoshop. A continuación, cambiamos el tamaño de la imagen, ya sea a través del menú principal «Imagen», «Cambiar tamaño de la imagen» o mediante el atajo de teclado Ctrl + Alt + I. El tamaño de la imagen se establece ahora, por ejemplo, en 1080 píxeles de ancho. Esto significa que nuestra imagen es nítida y relativamente pequeña tanto en el escritorio como en la tableta y en el móvil.

A continuación guardamos la imagen comprimida «Para web y dispositivos», aquí de nuevo el recordatorio a mi tutorial de compresión de imágenes en Photoshop. Ahora definimos una carpeta en la que se guardarán todas las imágenes de esta acción cada vez. También en el futuro. Por ejemplo, siempre tengo una carpeta de exportación en la que va todo lo nuevo, así que siempre sé dónde va cada acción. Todas las imágenes exportadas de la acción y otras suelen ir en una carpeta. Ahora vamos a Guardar, ponemos la calidad al 40%, y JPG. Esto suele comprimir nuestras imágenes entre un 5 y un 10% del tamaño original, lo que las hace mucho más relevantes para la optimización de los motores de búsqueda que otras. Por ejemplo, si tenemos una colección de imágenes en una página de inicio, nuestra página se carga entre 10 y 20 veces más rápido que las de la competencia. Una clara ventaja de mercado en el posicionamiento en buscadores. Ahora cerramos la imagen mediante «Archivo» y «Cerrar» en el menú principal o mediante el atajo de teclado Ctrl + W. Nuestra imagen no se guarda ahora. Después, terminamos la acción pulsando el botón «Stop» en nuestra barra de acción.

El procesamiento por lotes o la acción se guardan ahora.

Ahora eliminamos la imagen de prueba de nuestra carpeta y podemos empezar con nuestra automatización.

¡Hecho! Ahora pasamos al tratamiento automático de las fotos

Para iniciar la automatización, vamos a «Archivo», «Automatizar», «Lote» en el menú principal. Allí seleccionamos ahora nuestro conjunto respectivo y la acción. Nuestra nueva acción ya debería estar seleccionada automáticamente. En el siguiente paso sólo seleccionamos nuestra carpeta de origen, ¿de dónde vienen los archivos? En nuestro ejemplo la carpeta donde tenemos todas nuestras fotos de prensa, de ferias u otras. Si ahora pulsamos OK, todas las fotos se procesarán una a una, de forma totalmente automática y se guardarán en la carpeta.

Ahorro extremo de tiempo con Photoshop

Dominar el procesamiento por lotes y la automatización en Photoshop ahorra mucho tiempo. Por mi propia experiencia, puedo informar de que puede superar a equipos enteros en la asignación de proyectos. Al igual que en mi artículo sobre la automatización de Photoshop para imágenes de joyería en línea, también puede crear decenas de miles de archivos con un aspecto ultrarrealista, ya sea de bronce, plata u oro. Pero incluso lo más básico es suficiente, como este procesamiento por lotes en el tamaño y la compresión de las imágenes, que con 100 imágenes ahorra fácilmente toda una jornada laboral a un empleado. Y eso con una inversión de tiempo de 10 minutos. Diviértete probando, aprendiendo y mejorando.

Consejos adicionales para el procesamiento por lotes: marcas de agua y diferentes formatos

1. ¡Tip! Este tutorial también funciona con las marcas de agua o los logotipos que se van a mostrar en los vídeos. Sólo tienes que coger una foto, cambiar el tamaño de la imagen y añadir el logotipo. El resto del proceso es completamente igual. Cuando se inicia la automatización, cada foto individual no sólo recibe el cambio de tamaño de la imagen, sino también el logotipo colocado en el lugar deseado.
2. ¡Tip! Asegúrese de separar las imágenes en formato vertical de las imágenes en formato horizontal cuando coloque los logotipos, por ejemplo. Debido a que Photoshop necesita los mismos fundamentos, si, por ejemplo, el formato de la imagen cambia, así como en formato vertical y horizontal, los logotipos se colocarán incorrectamente si están, por ejemplo, en el borde. Aquí hay que asegurarse de que el logotipo puede utilizarse tanto con imágenes en vertical como en horizontal.

Imagen SEO tras el tratamiento por lotes

Al final del vídeo, hay un consejo especial para una rápida optimización de las imágenes. Después de que Google cambió las directrices y las imágenes, después de la búsqueda de imágenes, de nuevo proporcionar un enlace directo a su propio sitio web, la optimización de motores de búsqueda para las imágenes y fotos juega un papel más importante de nuevo.

¿Más Photoshop?

Siempre puedes encontrar más vídeos en mi canal de Youtube: Photoshop.

Recorte con Photoshop – Parte 1

Crear GIF – Parte 1

Crear una infografía – Parte 1

Videotutorial – Compresión de imágenes y fotos para la optimización de los motores de búsqueda

1. Comprimir fotos e imágenes en Photoshop («Guardar para web y dispositivos»)
2. Comprime las fotos en línea: encontrarás enlaces recomendados al final de este artículo.

Videotutorial – Photoshop y compresión en línea

Comprimir imágenes online – Recomendaciones de enlaces

• TinyPNG
• Optimizilla
• CompressJPG

Aprender SEO: Consejos en vídeo

Aprenda a optimizar los motores de búsqueda y el software. Siempre que hay algo de tiempo por la tarde en la agencia, hago vídeos explicativos sobre marketing en redes sociales, Photoshop y también sobre optimización de motores de búsqueda. Unos cuantos trucos de vida SEO gratuitos en nuestra agencia. ¿Cuánto cuesta una buena optimización SEO? Nada, si lo haces tú mismo. Como ya he mostrado en mi canal de Youtube y en muchas entradas del blog, puedes construir tus propios sitios geniales especialmente con WordPress, incluso tiendas online enteras con un fuerte rendimiento previo. Buena suerte con su aprendizaje!