Las imágenes forman parte importante del diseño de un blogEl término blog se usa para describir un diario virtual en Internet. El autor de un blogger puede publicar posts sobre cualquier tema. Los posts suelen estar presente de forma cronológica. El estilo de redacción de un blog suele ser informal y se escribe en primera persona. No obstante, además son posibles otros estilos, por ejemplo en el caso de los periódicos online, en los que la atención se centra más o la presentación de un artículo. En este tutorial aprenderás cómo trabajar las imágenes para WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, más.
¿Por qué son importantes las imágenes?
Una de las principales ventajas de los contenidos en la web es la interactividad que ofrecen. Y la posibilidad de mostrar a un clic de distancia información complementaria. Información complementaria como un gráfico, infografíaLas infografías son representaciones gráficas que se usan para ilustrar claramente relaciones complejas y conjuntos de datos completos de una manera rápida y fácil de comprender, entender e interpretar. Requerimientos para una infografía El requerimiento más importante de una infografía es que las interrelaciones entre los diferentes aspectos se ilustren correctamente. Para este caso, es esencial asegurarse de que los datos utilizados se investiguen correctamente y de que las interrelaciones más, foto, audio, video. En definitiva, cualquier archivo que permita ampliar los datos que presentamos con palabras.
Y los archivos más utilizados son los archivos de gráficos o las imágenes.
A nosotros como bloggers nos encanta trabajar con imágenes. Y a la audiencia que lo hagamos.
Es por esto que hemos preparado diversos tutoriales donde la imagen es la protagonista. Tutoriales como:
En cada uno de ellos hemos hablado de lo vital que resulta trabajar con imágenes. Y a la vez hemos insistido en que ilustres tu contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más con buenas fotos o gráficos.
Pero a la vez que lo hagas bien. Es por esto que te mostramos:
¿Cómo se deben trabajar las imágenes para WordPress?
Para trabajar con imágenes tenemos varias opciones. La idea es que antes de subirlas a tu WordPress ya estén optimizadas.
Cómo optimizar imágenes antes de subirlas a WordPress
Para optimizar archivos de gráficos antes de subirlos a tu blog es necesario considerar algunos factores importantes. Como el tamaño.
El tamaño (y el peso) si importan
Sí, aparte de que nuestro contenido sea de forma visual atractivo queremos que cargue rápido. Ya sabemos la relevancia que tiene para el SEO ¿Qué es SEO o search engine optimization? Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar más y para la experiencia de usuarioEl término experiencia de usuario (UX) se refiere a la experiencia que un usuario tiene con un producto o servicio. En cuanto a Internet, el término se usa frecuentemente al examinar la experiencia que los usuarios disponen con una web. Esto además puede ser en referencia al uso de un dispositivo smartphone (UX smartphone). Items de la experiencia del usuario La experiencia del usuario y la usabilidad se usan frecuentemente más en general los tiempos de carga.
Para nuestro blog, web o ecommerceConcepto de Ecommerce¿Qué es un Ecommerce?Un Ecommerce o comercio electrónico es el traslado del comercio tradicional al ámbito digital. Se trata de toda la distribución, la venta, el procedimiento de compra, el marketing y el suministro de información sobre productos y/o servicios tomando como base Internet. Es la actividad comercial en su estado más simple, pero llevada a Internet para sacar provecho de sus posibilidades tanto de cara a la más necesitamos fotos livianas.
¿Cómo disminuir el peso de nuestras imágenes?
Tenemos varias opciones.
1. Comienza desde la fuente
La primera opción y una de las más efectivas es sin lugar a dudas comenzar desde tus archivos fuente. Si eres fotógrafo y tienes un portafolioConcepto de Portafolio¿Qué es un Portafolio?Un Portafolio es una definición que posee gran cantidad de acepciones pero que, no obstante, dentro del marketing se queda con dos: el conjunto de proyectos acabados, de trabajos realizados, de estudios, de maquetas o de todo aquello llevado a cabo por un profesional o un grupo de profesional que avale su experiencia y preparación.La segunda definición es la del grupo de productos que una más en la web tal vez quieras subir tus mejores disparos en la mejor calidad viable.
Pero sería contraproducente para tus tiempos de carga, navegabilidadConcepto de Navegabilidad¿Qué es la Navegabilidad?La Navegabilidad es la facilidad que cuenta con una persona al momento de desplazarse por todas las páginas de una web. Es el buen o mal funcionamiento de todo el entramado de categorías y/o menús que componen un portal web y que hacen que el usuario tenga una mejor o peor experiencia.Por el concepto que es, guarda cierta vinculación con la arquitectura de la información, más y SEO subir los archivos RAW desde tu cámara réflex a tu WordPress. Eso sin contar con todo el espacio de almacenamiento que consumirías en tu host.
Es por esto que debes trabajar archivos que sean amigables con la web y los navegadoresConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet más.
2. Elige formatos de archivos de imagen con “perdida”
Los archivos más amigables con la experiencia de navegación web son:
Nada de estar subiendo cosas en RAW, TIFF o tus archivos de PhotoshopConcepto de Photoshop¿Qué es Photoshop?Photoshop es el nombre de una más que conocida herramienta de edición de imágenes y fotografía, un programa que se usa en ordenador para retocar fotos y hacer montajes de carácter profesional, aún cuando además alcanzable para usuarios que llevan poco tiempo experimentando en ese terreno.Con la innovación tecnológica de los últimos años, las empresas se han lanzado cada vez más a recurrir a este programa más con capas.
3. Reduce el peso de tus archivos.
Se recomienda que antes de subir nuestras imágenes a WordPress sigamos una serie de pasos que nos permitan obtener una imagen liviana. Y que aún conserve la calidad.
El primero sin lugar a dudas es comprimirlas. Pero vale, calma, no estamos hablando de pasarlas por el compresor y dejarlas en RAR o ZIP.
Para disminuir el tamaño de las imágenes tenemos varias opciones.
Disminuir el peso de las imágenes con Photoshop
Disminuir el peso de una imagen con Photoshop es sencillo.
Sigue los siguientes pasos (la ubicación de los menús y las rutas pueden variar ligeramente en función de la versión del programa que utilices).
- Abre tu imagen en Photoshop.
- Ve a través de de la siguiente ruta:
Archivo > Guardar para web y dispositivos
- Ajusta la calidad de la imagen modificando los parámetros que se muestran a continuación.
Esto hasta que el elemento grafico que deseas subir tenga en peso deseado (no más de 70 kbs).
- Guarda el archivo.
- Cambia el nombre del archivo. Photoshop guarda las imágenes con-nombres-así-usando-guiones. Pero de cara al SEO no es muy bueno. Quítale los guiones a los títulos de tus imágenes.
Disminuir el peso de las imágenes con Microsoft Office
En caso que no tengas editores de imágenes dedicados como Photoshop o su alternativa gratuita el Gimp. Puedes disminuir el peso de tus imágenes con una herramienta que viene por default en la suite ofimática.
Para ello ubicamos nuestra imagen. Le damos clic derecho: Abrir con Microsoft Office.
Una vez abierta la imagen ubicamos la barra de tareas. Y seguimos esta ruta:
Imagen > Cambiar tamaño
Lo ideal es que tengan un tamaño que no exceda los: 1024 x 768 px.
Una vez reducido el tamaño necesitamos disminuir el peso.
Seguimos la siguiente ruta:
Imagen > Comprimir >
Seleccionamos la opción que nos ofrezca el mejor peso. Nosotros recomendamos elegir la opción: Documentos.
Disminuir el peso de una imagen usando RIOT
RIOT o Radical Image Optimization Tool es una herramienta gratuita muy potente. Esta te ayudará a disminuir el peso de tus imágenes antes de subirlas a tu web. A la vez con RIOT resulta muy sencillo optimizar imágenes.
Finalmente
Las imágenes son un elemento importante para las webs y los blogs. Ofrecen muchas posibilidades de cara al atractivo visual y posicionamiento de una página, un blog o un ecommerce. Pero eso resulta un tema amplio que seguiremos tratando si necesitas seguir aprendiendo puedes apuntarte al mejor curso online y en español de WordPress y conviértete en un experto.
