Cómo presentar mejor sus fotos en línea

Actualizado el 17 de diciembre de 2013

Independientemente del tipo de sitio web que tenga, su contenido puede ser una mezcla de texto e imágenes. Para los fotógrafos, artistas y otros creadores, las imágenes en su sitio son probablemente la parte más importante de su contenido y, por lo tanto, es vital saber cómo presentarlas correctamente. Claro, puede cargar fotos y gráficos a través del tablero de WordPress sin pensar más, pero si desea asegurarse de que su sitio sea rápido, fácil de leer y optimizado para los motores de búsqueda, haría bien en leer esta breve guía para las mejores prácticas cuando Se trata de usar imágenes en su sitio web.
Guardar y cargar imágenes Aunque WordPress ha permitido cargar imágenes enormes directamente desde su computadora y su pantalla automática para que coincida con el ancho de su blog, no recomendamos cargar imágenes no pagadas. Cualquier navegador web es capaz de mostrar imágenes a un tamaño más pequeño de lo que son en realidad si esto se indica en el código, pero esto no conduce a una reducción en el tamaño real del archivo. Una imagen de 500 kb que se muestra al 50% de su ancho completo y altura continuará siendo de 500 kb. Los bloggers que no están hábiles con HTML y WordPress pueden asumir que sus imágenes no parecen grandes en la pantalla, significa que serán descargadas rápidamente, pero este no es el caso.
Para verificar el tamaño de la imagen, haga clic con el botón derecho o haga clic en una imagen en su blog y elija Visualización/imagen abierta (la formulación variará según el navegador que use). Si la imagen que se abre es mucho más grande que la que ve en su blog, significa que sus imágenes no tienen un tamaño correcto. Si tiene un blog rico en imágenes y no cambia el tamaño de las imágenes antes de cargarlas, el tamaño combinado de su página web podría ser inútilmente grande. Vale la pena tomar unos minutos adicionales para cambiar el tamaño y comprimir las imágenes antes de cargarlas. Esto se puede hacer fácilmente en Photoshop o en cualquier otro software de edición de imágenes que use. También puede usar herramientas en línea gratuitas, como PicMonkey y el optimizador de imágenes Dynamic Drive. Las imágenes manuales le brindan un control completo y reducirán en gran medida su tiempo de carga, pero puede elegir y usar. Las imágenes redimensionadas que WordPress genera automáticamente en cada carga. Al insertar una imagen en una publicación, tiene la opción de insertar imágenes completas, grandes, medianas o en miniatura. Puede editar estas dimensiones para que coincidan con el diseño de su blog en Configuración> Medios. Tenga en cuenta que si elige este método, sus imágenes originales de tamaño completo estarán disponibles para que cualquiera la descargue de forma gratuita de su sitio, ¡no es la mejor opción para fotógrafos e ilustradores!
Optimización y uso de la imagen Además de asegurarse de que las imágenes tengan un tamaño correcto y optimizado para el tiempo de carga de la página, debe asegurarse y estar correctamente marcado para SEO (optimización del motor de búsqueda). El SEO facilita que los motores de búsqueda encontrarán e indexarán su sitio, y es probable que un sitio que use buenas técnicas de SEO aparezca anteriormente en páginas con motores de búsqueda en comparación con un sitio neo optimizado. Una discusión completa sobre SEO excede la esfera de este artículo (muchos temas de WordPress son de todos modos amigables con SEO desde Las personas encuentran su sitio buscando imágenes de Google y otros motores de búsqueda basados ​​en imágenes. Las imágenes correctas también son importantes para su uso, especialmente si las imágenes ilustran información importante. Si una imagen no se carga o no se puede ver (ya sea debido a una conexión lenta a Internet, porque las imágenes se detienen o para los usuarios con discapacidades visuales), proporcionar un texto alternativo es obligatorio. 1. Nombre del archivo primero, cuando guarde las imágenes, asegúrese de que tengan un nombre de archivo descriptivo. Dejando las imágenes llamadas IMG_013445.jpg o lo que sea que sean cuando salga de su habitación. No le dará a los motores de búsqueda ninguna pista de lo que representa. Use palabras clave descriptivas apropiadas, separadas por guiones, por ejemplo, children-game-ocean.jpg
2. Otro texto Cuando cargue su imagen a través del cargador de medios, WordPress ofrece múltiples campos para descripciones de archivos. Aunque se pueden dejar vacíos (y muchos bloggers lo hacen para ahorrar tiempo), cuantos más campos, mejor para SEO y uso. El más importante de estos es el texto alternativo, la abreviatura del “texto alternativo”. Este es el texto que se muestra cuando las imágenes están deshabilitadas o no se pueden mostrar por otra razón, por lo que deben actuar como una descripción de la imagen. Además, los motores de búsqueda leen este texto y lo usan para decidir cuál es la página y dónde colocar su sitio en los listados. Si usted es un fotógrafo de bodas con sede en Texas, por ejemplo, querrá asegurarse de que el texto alternativo para todas las imágenes de su blog incluya mucho texto descriptivo, incluidas palabras clave como “fotógrafo de bodas” y “Fotografía de boda de Texas” . Aunque tenga en cuenta que, como en el texto del blog, es importante no agregar palabras clave en la descripción de las imágenes.
Puede ser tentador copiar y pegar el mismo texto alternativo en todas sus imágenes para ahorrar tiempo, pero idealmente, cada una de sus imágenes debe tener un texto alternativo único que lo describirá correctamente. 3. Título de la imagen El título de la imagen es similar al texto alternativo, pero tiene un propósito ligeramente diferente. En lugar de proporcionar información alternativa a la imagen, el título debe proporcionar información adicional. El título de la imagen es la “herramienta de punta” de texto que aparece en un cuadro emergente cuando pasa con el mouse sobre una imagen. Este texto es importante tanto para la usabilidad como para el SEO y debe proporcionar información rápida y relevante sobre la imagen o donde está vinculada. La imagen de la imagen debe ser ligeramente diferente del texto alternativo y, nuevamente, debe ser única para cada imagen. 4. Imagen de leyenda Una leyenda es un texto que generalmente se muestra debajo de la imagen y ofrece una descripción adicional o texto de soporte. El uso de subtítulos es opcional, pero pueden ser útiles para proporcionar información adicional sobre su imagen o para citar la fuente si usa imágenes de otro sitio. Piense en la leyenda como una etiqueta informativa en una exposición de galería de arte. Al atar las imágenes de forma predeterminada, cuando inserta una imagen en una página o publicación, WordPress la conectará a una nueva página con solo la imagen. No hay una razón real para esto y puede ser incluso perjudicial para su sitio.
También puede ser un gran problema de uso: si un usuario pasa con el mouse sobre su imagen y ve que es un enlace, muy bien podría asumir que envía a una página con información útil.Al hacer clic en estas páginas, solo con imágenes hay una pérdida de tiempo para el visitante e incluso puede hacer que pierda visitantes.Para resolver este problema, simplemente seleccione “Ninguno” como campo “URL de enlace” al cargar una imagen en WordPress, a menos que desee vincularlo a una determinada página.Si hace esto, asegúrese de usar el título o la leyenda de la imagen para indicar dónde está vinculada la imagen.

Colocando la imagen Además de asegurarse de que las imágenes estén optimizadas para SEO y fáciles de usar, también es importante pensar en cómo encajan en su texto para estética y legibilidad. Es posible que prefiera usar imágenes en línea (más pequeñas que las columnas principales, para que el texto esté envuelto), imágenes de ancho completo o una combinación de ambas. Lo que debe evitar es usar imágenes independientes que no tengan un ancho completo o una serie de imágenes que tengan diferentes anchos, ya que esto parece poco profesional y poco atractivo. Para lograr esto, debe asegurarse de que las imágenes de retratos tengan el mismo ancho que las imágenes del paisaje. Siga la altura de sus imágenes: si son demasiado altas, pueden superar en pantallas de menor resolución. Esto hará que los usuarios tengan que ejecutar para ver la imagen completa, que debe evitarse. Si sus imágenes son demasiado grandes para mostrarse como un ancho completo en formato de retrato, puede hacer un collage con dos o más imágenes de retratos una al lado de la otra. Las imágenes en línea pueden dar una pequeña variedad a su contenido y ayudar a romper las grandes paredes. También son una buena opción para imágenes más pequeñas o estrechas que no son adecuadas para mostrarse a ancho completo. Cuando se usa imágenes en línea, nuevamente, es mejor decidir sobre un conjunto de ancho para la consistencia visual. Esto no debe ser más de la mitad del ancho de la columna de texto, porque las imágenes más amplias comprimirán demasiado el texto y dificultarán la lectura.