Imagen placeholder

Se usan en desarrollo web para verificar diseños, wireframes, prototipos y maquetas antes de tener las imágenes finales.

Sí, por defecto se muestran las dimensiones, pero puedes cambiarlo a cualquier texto. El color y la fuente también son personalizables.

Un solo rectángulo gris le dice al visitante que el sitio está a medias, y en una ficha de producto hace dudar antes de comprar. También cuesta en búsqueda: el marcador vacío se indexa en Google Imágenes y, si el campo image de tus datos estructurados de producto apunta a esa URL, la página puede perder la elegibilidad para resultados enriquecidos. Antes de cada publicación, busca en todo el código cadenas como placeholder o via.placeholder.

Debe tener exactamente la misma proporción que la imagen que acabará ocupando ese hueco. Si la foto real carga con otra forma, todo lo que está debajo se desplaza hacia abajo, y eso empeora tu puntuación de Cambio Acumulativo del Diseño en las métricas de Google. Las dimensiones en píxeles no tienen que coincidir, pero la proporción sí; añade además los atributos width y height al elemento img para que el navegador reserve el espacio antes de que llegue el archivo.