La metaetiqueta max-image-preview es una instrucción HTML que informa a la Búsqueda de Google sobre el tamaño máximo de una vista previa de imagen que se mostrará para una página específica. Al añadir esta etiqueta al encabezado de su sitio, usted dicta si Google muestra vistas previas de imágenes estándar, grandes o ninguna en los resultados de búsqueda. Esta configuración permite a los propietarios de sitios equilibrar el atractivo visual con su estrategia de contenido específica, asegurando que los elementos visuales de alta calidad no reduzcan involuntariamente la necesidad de que los usuarios hagan clic en la página real.
¿Cómo funciona la etiqueta max-image-preview?
Google utiliza esta etiqueta para comprender su preferencia por la representación visual en la búsqueda. Cuando aparece un resultado de búsqueda, Googlebot procesa la metaetiqueta para determinar la escala del fragmento de imagen. Sin esta etiqueta, Google podría optar por un tamaño mayor de forma predeterminada, lo que puede no siempre alinearse con sus objetivos comerciales o preferencias de derechos de autor.
La directiva es sencilla de interpretar. Usted especifica el tamaño máximo y Google respeta ese límite al renderizar la página de resultados de búsqueda (SERP). Es un comando pasivo que reside en el encabezado del documento, lo que permite a los motores de búsqueda leer su intención antes de renderizar los componentes visuales de su fragmento. Esto garantiza que la huella visual de su página permanezca dentro de los límites que usted define.
Al establecer un límite, evita que Google seleccione automáticamente una imagen grande de alta definición que podría abrumar el diseño de la SERP. Si bien las imágenes más grandes a menudo atraen la mirada, a veces proporcionan demasiada información, lo que hace que el usuario pase por alto el enlace en sí. Este mecanismo de control es esencial para mantener una interfaz de usuario predecible en toda su presencia de búsqueda.
- none: Google no mostrará ninguna vista previa de imagen para la página.
- standard: Google puede mostrar una vista previa de imagen de tamaño estándar.
- large: Google puede mostrar una vista previa de imagen grande, siempre que el contenido cumpla con los requisitos de calidad.
¿Por qué debería limitar los tamaños de vista previa de imágenes?
En ciertas industrias, como la fotografía o el arte de stock, mostrar una vista previa de alta resolución o grande podría disuadir a los usuarios de visitar el sitio. Si el usuario puede ver todo lo que necesita en el resultado de búsqueda, el incentivo para hacer clic disminuye. Controlar estas vistas previas ayuda a mantener los niveles de tráfico mientras se proporciona suficiente contexto para fomentar el compromiso.
Considere un escenario en el que vende diagramas detallados o ilustraciones complejas. Si Google muestra una versión grande de su diagrama directamente en los resultados de búsqueda, un usuario podría ver la información que necesita sin visitar su página. Al aplicar una restricción de ‘standard’ o ‘none’, obliga al usuario a visitar su sitio para ver el contenido en su contexto completo y utilizable.
Esto es especialmente vital para los sitios que dependen de los ingresos publicitarios o del tráfico de alta intención. Cada visitante cuenta. Si los resultados de búsqueda proporcionan todo el valor sin un clic, sus métricas de visitantes sufrirán y su capacidad para convertir a esos usuarios en clientes potenciales o clientes disminuirá significativamente. Al restringir el tamaño, crea una brecha de curiosidad que anima al usuario a hacer clic para ver el activo completo.
Además, esta etiqueta ayuda a las marcas a mantener una estética consistente. Si tiene una identidad visual específica, es posible que no desee imágenes grandes seleccionadas automáticamente que no representen bien su marca. Limitar el tamaño de la vista previa garantiza que Google confíe en sus configuraciones visuales preferidas en lugar de un proceso de selección automatizado.
Cómo implementar la etiqueta correctamente
La implementación es sencilla y requiere añadir una sola línea de código a la sección head de su HTML. Esta etiqueta debe colocarse en cada página donde desee controlar el tamaño de la vista previa. Dado que es una configuración a nivel de página, puede personalizarla de manera diferente para publicaciones de blog frente a páginas de destino. Para una implementación estándar, utilice el formato de metaetiqueta robots.
Debe asegurarse de que la sintaxis sea correcta. La metaetiqueta debería verse así: . Si tiene múltiples directivas para robots, puede combinarlas dentro de una sola etiqueta, separadas por comas, asegurando que el rastreador analice todas las instrucciones correctamente.
Evite errores comunes comprobando su implementación a través de herramientas de desarrollador. Asegúrese de que no haya otras metaetiquetas conflictivas presentes en la misma sección. Si utiliza un Sistema de Gestión de Contenidos, busque un plugin de inyección de encabezado o configuraciones de tema que le permitan adjuntar metaetiquetas globales o específicas de la página sin editar manualmente cada archivo.
- Asegúrese de que la etiqueta esté colocada dentro de la sección de su documento HTML.
- Verifique que su archivo robots.txt no bloquee a Googlebot para que no rastree la página.
- Pruebe la implementación utilizando la herramienta de Inspección de URL en Google Search Console.
- Revise sus datos de tráfico para observar si los cambios en el tamaño de la vista previa afectan sus tasas de clics.
Cómo aplica esto Alien Road
En Alien Road, tratamos los metadatos como un componente central de nuestras auditorías técnicas de SEO. Cuando trabajamos con un cliente, primero evaluamos su estrategia de imagen actual y cómo afecta a su tráfico orgánico. Si un cliente observa muchas impresiones pero pocos clics, a menudo probamos la etiqueta max-image-preview como parte de nuestro proceso de optimización basado en hipótesis.
En un compromiso típico, realizamos un escaneo de todo el sitio para identificar páginas donde las imágenes grandes podrían estar canibalizando los clics. Luego implementamos la etiqueta a través del CMS o la plantilla de encabezado. Monitoreamos el rendimiento en Google Search Console durante cuatro semanas para determinar si el ajuste conduce a un mejor comportamiento del usuario. Este enfoque sistemático garantiza que cada cambio que hacemos se base en datos de rendimiento en lugar de conjeturas.
También evaluamos la intención visual de la página de destino. Si el objetivo principal de una página es impulsar las suscripciones al boletín informativo, podemos restringir las vistas previas de imágenes para garantizar que el usuario se centre en la llamada a la acción al llegar. Al alinear las metaetiquetas técnicas con los objetivos comerciales, optimizamos tanto para la visibilidad de búsqueda como para el rendimiento de conversión real.
Para que la regla noindex sea efectiva, la página o recurso no debe estar bloqueado por un archivo robots.txt y debe ser accesible para el rastreador.
Google Search Central
Errores comunes al gestionar vistas previas de imágenes
Un error frecuente es asumir que la etiqueta funciona al instante. Google debe volver a rastrear y volver a procesar sus páginas antes de que el nuevo tamaño de vista previa se refleje en las SERP. Esto puede tardar desde unos pocos días hasta varias semanas, dependiendo del presupuesto de rastreo y la autoridad de su sitio. No entre en pánico si ve el tamaño de imagen anterior inmediatamente después de la implementación.
Otro problema surge cuando las etiquetas globales anulan las configuraciones de página específicas. Si tiene una plantilla para todo el sitio que establece ‘max-image-preview:large’, puede resultarle difícil aplicar ‘none’ a una página sensible específica. Pruebe siempre la configuración de su sitio para asegurarse de que las reglas más específicas tengan prioridad sobre los valores predeterminados generales de todo el sitio.
Por dónde empezar esta semana
Comience identificando sus 20 páginas principales que generan más tráfico pero tienen tasas de clics bajas. Compruebe si Google está mostrando vistas previas grandes para estas páginas. Si siente que estas vistas previas están canibalizando su tráfico, implemente la etiqueta max-image-preview ‘standard’ en estas páginas hoy. Monitoree sus informes de Search Console la próxima semana para ver si este cambio afecta las visitas a su sitio.
La consistencia es clave. No aplique etiquetas al azar. Cree una hoja de cálculo que enumere la configuración de vista previa prevista para cada tipo de página: blog, producto y categoría. Una vez que las etiquetas estén activas, espere a que Google vuelva a rastrear su sitio. Se requiere paciencia, ya que los cambios no se reflejan en los resultados de búsqueda en el mismo segundo en que se cargan.