height

height · Not mentioned by Google

Appears in

• ImageObject

What is it?

The vertical dimension of an image in pixels. height tells search engines and AI systems the exact vertical size of an image file. Combined with width, it provides the complete dimension metadata that enables size-aware image selection and layout calculations.

Why this matters for AEO

AI answer engines evaluate image dimensions when selecting visuals for responses. For a query like "recipe for chocolate cake," the AI prefers images with dimensions that indicate a real photo (e.g., 1200x800) over tiny thumbnails (100x100) or oddly proportioned graphics. height and width together help the AI select appropriately sized, well-proportioned images.

What the specs say

Schema.org: Distance or QuantitativeValue. The height of the item. schema.org/height

Google: Not mentioned. Field not listed in Google's structured data documentation for ImageObject. Google Image License docs

How to find your value

• Image file properties — Right-click > Properties/Get Info > Dimensions
• CMS upload — Webflow shows dimensions on upload
• Browser dev tools — Inspect element > check natural height
• Image editing software — File > Image Size (Photoshop, Figma)

Format and code

For images, use a plain integer representing pixels.

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://example.com/photos/labrador.jpg",
  "contentUrl": "https://example.com/photos/labrador.jpg",
  "width": 1200,
  "height": 630,
  "caption": "Black Labrador puppy in a garden"
}

Webflow implementation

Static pages

Include dimensions in the ImageObject JSON-LD block in Page Settings > Custom Code:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://example.com/photo.jpg",
  "width": 1200,
  "height": 630,
  "caption": "Image description"
}
</script>

CMS template pages

Webflow does not expose image dimensions as dynamic fields natively. For CMS images, either hardcode standard dimensions or create custom number fields for width and height in the collection.

In Schema HQ

The height field can include width in ImageObject markup when the values are available from the CMS or from image metadata.

Real examples

Yoast Schema ImageObject:

{
  "@type": "ImageObject",
  "@id": "https://example.com/image.jpg",
  "url": "https://example.com/image.jpg",
  "contentUrl": "https://example.com/image.jpg",
  "width": 1200,
  "height": 630,
  "caption": "Descriptive image caption"
}

JayHoltslander Structured Data reference:

{
  "@context": "http://schema.org/",
  "@type": "ImageObject",
  "@id": "#image01",
  "url": "http://placehold.it/2560x1080",
  "width": "1200",
  "height": "348",
  "caption": "Caption for the image"
}

Related fields

• width
• caption
• creditText
• contentUrl
• url

FAQ

Should height be a number or string?

Both are valid. A plain integer (630) or string ("630") representing pixels works. Most implementations use the integer format for consistency with width.

Do width and height need to match the actual image?

Yes. Declaring incorrect dimensions is misleading and can cause layout issues when consumers of the structured data use these values for rendering decisions. Use the actual pixel dimensions of the image file.

Is height required alongside width?

Not technically required by schema.org or Google. However, providing one without the other is incomplete. Always include both width and height together for a complete dimension description.