Cómo elegir y preparar imágenes de sitios web

Inventario de cada ubicación de imágenes

Camine por el sitio como visitante: hogar, servicios, artículos, listas, tarjetas, testimonios y vistas previas sociales. Para cada ubicación, registre el tamaño de la pantalla, el tema previsto, el archivo actual, el propietario y el estado de aprobación. Un héroe faltante o una imagen de página interna es más fácil de detectar en esta lista que en una carpeta llena de activos.

Marque las imágenes repetidas dentro de una lista y las imágenes genéricas utilizadas para temas no relacionados. Compartir una fotografía entre traducciones de la misma página puede ser sensato; Un conjunto de tarjetas que comparan diferentes actividades generalmente necesita imágenes distintas.

• Colocación y propósito de la imagen.
• Tema específico y relación con la copia cercana.
• Derechos, Crédito, Versión y Estado de Aprobación.

Crear una lista de disparos

Para cada página de prioridad, describa una escena corta: quién o qué aparece, el ajuste, la acción o el detalle y la orientación. Deje suficiente espacio para el recorte móvil y evite colocar el tema donde se sentará el texto superpuesto. Una sesión puede proporcionar un retrato, una escena de trabajo, un detalle material y un lugar sin repetir el mismo cultivo en todas partes.

Cuando una imagen proviene de un tercero, verifique el permiso de publicación, los usos permitidos y las personas identificables. No presente una escena ilustrativa como un proyecto o equipo de cliente real si no lo es.

• Una imagen principal específica de la página.
• Visuales complementarios para tarjetas y pasos de proceso.
• Versiones horizontales o verticales para adaptarse al componente.

Optimizar conservando la información útil

Mantenga una fuente de alta calidad, luego exporte las variantes para los tamaños que se muestran. WebP y AVIF a menudo funcionan bien para las fotografías; Un navegador no debe descargar una imagen enorme para una tarjeta pequeña. Declare ancho y alto para evitar cambios de diseño y priorice la imagen principal visible en la primera carga.

Un nombre de archivo descriptivo corto, un texto alternativo específico del contexto y un título cuando es útil hacer más para la comprensión que rellenar los campos EXIF con palabras clave. Google Search CentralLlama al texto alternativo el atributo de imagen descriptiva más importante. Revise los créditos y los derechos antes de eliminar los metadatos: Google también puede usar Metadatos del IPTC o licencias de datos estructurados.

• Variantes receptivas, peso de archivo comprobado y dimensiones HTML.
• Texto alternativo que describe el papel de la imagen, o alt vacío cuando es decorativo.
• Créditos y derechos de información de acuerdo con el permiso contenida.

comprobar el resultado publicado

Abra todas las páginas del teléfono y del escritorio. Compruebe los recortes, la nitidez, las superposiciones de texto, los fondos oscuros, los errores de carga y si las imágenes de la tarjeta coinciden con sus destinos. En las vistas previas sociales, la imagen elegida debe representar la página y sobrevivir a un cultivo más corto.

Actualice el inventario cuando cambien los servicios o las campañas. Evita que se devuelvan las imágenes eliminadas, se pierden créditos y desaparecen las imágenes principales de las páginas importantes. Los Lista de verificación previa al lanzamiento Incluye esta revisión en el viaje de visitantes más amplio.