La metatiqueta max-image-preview es una instrucción específica de robots que señala a Google el tamaño máximo de imagen disponible para las vistas previas de sus páginas en Google Discover. Al agregar esta etiqueta a su sitio, usted otorga permiso a Google para mostrar imágenes más grandes y atractivas en lugar de recurrir por defecto a miniaturas más pequeñas. Esta simple línea de código es una forma directa de influir en cómo su contenido aparece a millones de usuarios en sus feeds personales.
¿Cómo funciona la etiqueta max-image-preview dentro de la búsqueda?
Google Discover opera bajo un principio visual primero, priorizando el contenido que capta la atención del usuario de inmediato. La etiqueta max-image-preview actúa como una señal clara, indicando al rastreador exactamente qué dimensiones de imagen están disponibles para su uso. Cuando esta etiqueta está ausente, Google toma una decisión automatizada basada en los activos visuales existentes, lo que puede no dar siempre como resultado el diseño visualmente más atractivo para su marca específica.
Por ejemplo, un artículo de noticias o una página de características de producto que carezca de esta etiqueta solo puede ser representado por una miniatura pequeña y recortada. Esto puede hacer que el contenido parezca menos relevante o menos urgente en un feed lleno de imágenes de alta resolución. Al configurar explícitamente el valor en ‘large’, se asegura de que su imagen principal sea elegible para el espacio máximo disponible en la interfaz de Discover, lo que ayuda a que su contenido destaque frente a los competidores.
¿Cuáles son las configuraciones específicas disponibles para esta etiqueta?
Tiene tres opciones claras al configurar esta etiqueta, cada una dictando el comportamiento del rastreador de diferentes maneras. Comprender estos valores es importante para evitar restricciones accidentales en el potencial de visualización de su contenido.
- none: Esta configuración evita que Google muestre cualquier vista previa de imagen para la página, lo cual rara vez se desea para sitios de contenido.
- standard: Esto permite una vista previa de imagen de tamaño estándar, que suele ser el comportamiento predeterminado si no hay ninguna etiqueta presente.
- large: Esto le dice a Google que tiene imágenes grandes de alta calidad disponibles y fomenta la visualización del formato de vista previa más grande posible hasta el ancho de la ventana gráfica.
Seleccionar la configuración ‘large’ es la opción más común para los editores y marcas de comercio electrónico que desean maximizar el compromiso. No obliga a Google a usar una imagen grande si no hay ninguna disponible, pero elimina la barrera artificial que podría evitar que una imagen perfectamente buena se muestre a escala.
Cómo implementar la etiqueta en su cabecera HTML
La implementación es un proceso sencillo que implica agregar una sola línea de código a la sección de cabecera de su documento HTML. No necesita modificar su base de datos ni cambiar cómo se suben las imágenes a su servidor; solo necesita asegurarse de que la instrucción sea visible para el rastreador cuando obtenga la fuente de su página.
Para implementar esto, inserte la siguiente etiqueta en la plantilla de su sitio:
Si está utilizando un CMS, verifique la configuración de sus complementos o el archivo de cabecera de su tema. Muchas plataformas le permiten agregar metatiquetas personalizadas sin tocar el código central. Si utiliza una compilación personalizada, verifique que esta etiqueta aparezca en la salida HTML sin procesar de sus páginas. Una forma rápida de comprobarlo es ver el código fuente de su página en un navegador y buscar la cadena ‘max-image-preview’.
Cómo aplica Alien Road esto en nuestros proyectos
En Alien Road, nuestro proceso de auditoría técnica comienza con una revisión completa de la cabecera del documento. Tratamos las metatiquetas como una infraestructura crítica que respalda nuestra estrategia de búsqueda más amplia. Para un cliente típico, priorizamos esta etiqueta porque requiere un esfuerzo mínimo pero proporciona beneficios inmediatos en la forma en que el contenido es interpretado por los sistemas automatizados de Google.
Cuando trabajamos en el sitio de un cliente, seguimos un procedimiento estándar para garantizar la consistencia en todas las plantillas:
- Verifique la configuración actual de la cabecera en las plantillas de escritorio y móviles.
- Asegúrese de que el sitio proporcione imágenes de alta calidad que cumplan con el requisito de ancho mínimo de 1200px para vistas previas grandes.
- Despliegue la etiqueta globalmente en todas las páginas indexables para garantizar un comportamiento unificado.
- Monitoree el informe de Rendimiento en Google Search Console para rastrear cualquier cambio en las impresiones desde Discover.
A menudo encontramos que los clientes tienen imágenes grandes y hermosas que nunca se muestran en Discover porque el sitio carecía de las instrucciones adecuadas. Al simplemente agregar la etiqueta, a menudo vemos un cambio en cómo se presenta el contenido en el feed, lo que puede impactar positivamente en el interés del usuario. No nos detenemos en la implementación; también guiamos al equipo creativo para asegurar que las imágenes tengan un texto alternativo relevante y un enfoque claro.
las metatiquetas son etiquetas HTML utilizadas para proporcionar información adicional sobre una página a los motores de búsqueda y otros clientes.
Google Search Central
¿Por qué es importante el umbral de tamaño de imagen para su marca?
Los activos visuales actúan como el gancho para su contenido en un entorno basado en feeds. Si su imagen es demasiado pequeña o no cumple con las directrices para una vista previa grande, su contenido será empujado hacia abajo en el feed. Es más probable que los usuarios hagan clic en un artículo que presenta una imagen nítida de alta resolución que cubra todo el ancho de su pantalla móvil.
Además, la configuración ‘large’ asegura que su contenido esté optimizado para pantallas modernas de alta densidad. Si sirve una imagen de baja resolución, incluso si la etiqueta está configurada en ‘large’, el resultado visual puede ser borroso o estirado. Es por eso que insistimos en el control de calidad junto con la configuración técnica; la etiqueta permite que la imagen se muestre, pero el activo en sí debe ser de alta calidad para mantener la atención del usuario.
Por dónde empezar esta semana
Comience auditando sus páginas de destino más importantes para ver si la etiqueta max-image-preview está presente actualmente. Si descubre que falta, trabaje con su equipo de desarrollo para agregar el valor ‘large’ a su plantilla de cabecera global. Una vez desplegado, verifique sus directrices de imágenes para asegurarse de que su sitio esté sirviendo imágenes que tengan al menos 1200 píxeles de ancho para aprovechar al máximo esta configuración.
Después de la actualización, vigile sus análisis para ver si hay algún movimiento en su rendimiento de Discover. Recuerde que los cambios en la búsqueda no ocurren instantáneamente, así que dé tiempo al rastreador para volver a visitar sus páginas y reconocer las nuevas instrucciones. Si encuentra dificultades, revise la documentación de su CMS para ver si hay una configuración de SEO integrada que pueda administrar esto automáticamente.