karta.com · /og/hotel.jpg

Karta Hotel OG Previews

Server-rendered Open Graph images for hotel pages (1200 × 630 JPEG). Nine layout variants, each shown with the same four scenarios: English with dates and guests, English without dates and a long title, Russian with dates across a year boundary, Japanese with CJK fallback fonts.

Every preview has its own page under p/ with real og:* tags for messengers and the Facebook debugger — use the “Share page” link under a picture. Regenerate the pages with node build-pages.mjs https://host/path.

photo

Full-bleed hotel photo under a dark gradient. Rating badge top right, property type and stars, title, location, stay chips and a blue CTA at the bottom. Current default (v=photo).

photo variant, English, no dates — **English · no dates · long title · “View deal”**`?v=photo&id=p-cl581e3b7184ab&locale=en`Share page ↗

photo variant, Russian, with dates — **Russian · dates across the year boundary**`?v=photo&id=p-cl5810404ed30e&locale=ru&arrival=2026-12-28&departure=2027-01-03&adults=4`Share page ↗

photo variant, Japanese, with dates — **Japanese · CJK glyphs from Noto Sans JP**`?v=photo&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-09`Share page ↗

card

Light layout. Details on the left, the hotel photo framed in its own card on the right with the rating badge overlaid, faint Karta mark in the background (v=card).

card variant, English, no dates — **English · no dates · long title · “View deal”**`?v=card&id=p-cl581e3b7184ab&locale=en`Share page ↗

card variant, Russian, with dates — **Russian · dates across the year boundary**`?v=card&id=p-cl5810404ed30e&locale=ru&arrival=2026-12-28&departure=2027-01-03&adults=4`Share page ↗

card variant, Japanese, with dates — **Japanese · CJK glyphs from Noto Sans JP**`?v=card&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-09`Share page ↗

brand

Brand-first layout on Karta blue: large logo with the tagline, photo card, uppercase eyebrow with type and location, rating with a word label, a selling line under the title and an inverted white CTA (v=brand).

English · dates + guests · “Book now”?v=brand&id=p-cl5810404ed30e&locale=en&arrival=2026-10-12&departure=2026-10-15&adults=2Share page ↗

English · no dates · long title · “View deal”?v=brand&id=p-cl581e3b7184ab&locale=enShare page ↗

Russian · dates across the year boundary?v=brand&id=p-cl5810404ed30e&locale=ru&arrival=2026-12-28&departure=2027-01-03&adults=4Share page ↗

Japanese · CJK glyphs from Noto Sans JP?v=brand&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-09Share page ↗

plain

After the static geo-preview.jpg used on geo landings: grey-dimmed photo, big logo with karta.com, blue pill top right, uppercase headline bottom left (v=plain).

plain variant, English, no dates — **English · no dates · long title · “View deal”**`?v=plain&id=p-cl581e3b7184ab&locale=en`Share page ↗

plain variant, Russian, with dates — **Russian · dates across the year boundary**`?v=plain&id=p-cl5810404ed30e&locale=ru&arrival=2026-12-28&departure=2027-01-03&adults=4`Share page ↗

plain variant, Japanese, with dates — **Japanese · CJK glyphs from Noto Sans JP**`?v=plain&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-09`Share page ↗

deal

Price-first layout. Photo on the left, a dark panel on the right with the nightly rate in large type, the original rate struck through, a yellow discount badge and the total for the stay. The rate comes from the estimate endpoint for the given dates; without availability the panel falls back to the tagline (v=deal, honours currency).

deal variant, English, no dates — **English · no dates · no price → tagline · “View deal”**`?v=deal&id=p-cl581e3b7184ab&locale=en`Share page ↗

deal variant, Russian, EUR — **Russian · EUR · locale-formatted price**`?v=deal&id=p-cl581e3b7184ab&locale=ru&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=EUR`Share page ↗

deal variant, Japanese, JPY — **Japanese · JPY · six-digit rate, smaller headline**`?v=deal&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=JPY`Share page ↗

deal-light

Light version of the price-first layout: same structure, the right panel is off-white with navy type and light-blue chips (v=deal-light, honours currency).

deal-light variant, English, no dates — **English · no dates · no price → tagline · “View deal”**`?v=deal-light&id=p-cl581e3b7184ab&locale=en`Share page ↗

deal-light variant, Russian, EUR — **Russian · EUR · locale-formatted price**`?v=deal-light&id=p-cl581e3b7184ab&locale=ru&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=EUR`Share page ↗

deal-light variant, Japanese, JPY — **Japanese · JPY · six-digit rate, smaller headline**`?v=deal-light&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=JPY`Share page ↗

big

Scaled-up version of photo for legibility in small share thumbnails: fewer and larger elements — title up to 84 px, 34 px location, big rating pill, compact date chips and a 32 px CTA (v=big).

big variant, English · dates + guests · “Book now” — **English · dates + guests · “Book now”**`?v=big&id=p-cl5810404ed30e&locale=en&arrival=2026-10-12&departure=2026-10-15&adults=2`Share page ↗

big variant, English · no dates · long title · “View deal” — **English · no dates · long title · “View deal”**`?v=big&id=p-cl581e3b7184ab&locale=en`Share page ↗

big variant, Russian · dates across the year boundary — **Russian · dates across the year boundary**`?v=big&id=p-cl5810404ed30e&locale=ru&arrival=2026-12-28&departure=2027-01-03&adults=4`Share page ↗

big variant, Japanese · CJK glyphs from Noto Sans JP — **Japanese · CJK glyphs from Noto Sans JP**`?v=big&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-09`Share page ↗

big-deal

Scaled-up price layout: 560 px panel, rate up to 112 px, larger discount badge, struck rate and CTA; the photo side keeps only rating, title with stars and location (v=big-deal, honours currency).

big-deal variant, English · no dates · no price → tagline · “View deal” — **English · no dates · no price → tagline · “View deal”**`?v=big-deal&id=p-cl581e3b7184ab&locale=en`Share page ↗

big-deal variant, Russian · EUR · locale-formatted price — **Russian · EUR · locale-formatted price**`?v=big-deal&id=p-cl581e3b7184ab&locale=ru&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=EUR`Share page ↗

big-deal variant, Japanese · JPY · six-digit rate, smaller headline — **Japanese · JPY · six-digit rate, smaller headline**`?v=big-deal&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=JPY`Share page ↗

big-deal-light

Light version of the scaled-up price layout (v=big-deal-light, honours currency).

big-deal-light variant, English · no dates · no price → tagline · “View deal” — **English · no dates · no price → tagline · “View deal”**`?v=big-deal-light&id=p-cl581e3b7184ab&locale=en`Share page ↗

big-deal-light variant, Russian · EUR · locale-formatted price — **Russian · EUR · locale-formatted price**`?v=big-deal-light&id=p-cl581e3b7184ab&locale=ru&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=EUR`Share page ↗

big-deal-light variant, Japanese · JPY · six-digit rate, smaller headline — **Japanese · JPY · six-digit rate, smaller headline**`?v=big-deal-light&id=p-cl581e3b7184ab&locale=ja&arrival=2026-11-01&departure=2026-11-05&adults=2&currency=JPY`Share page ↗

URL format

https://karta.com/og/hotel.jpg?id=p-cl5810404ed30e&v=photo&locale=en&arrival=2026-10-12&departure=2026-10-15&adults=2

Parameter	Required	Description
`id`	yes	Hotel `listing_id`. Invalid value returns 400, unknown listing redirects to the generic Karta preview.
`v`	no	Layout variant: `photo`, `card`, `brand`, `plain`, `deal`, `deal-light`, `big`, `big-deal`, `big-deal-light`. Newer experiments — ribbon, polaroid, ticket and the animated GIF — live on a separate page. Unknown values fall back to the configured default.
`locale`	no	Site locale code (`en`, `ru`, `ja`, …). Drives labels, date format and the title language from the API. Defaults to `en`.
`arrival`, `departure`	no	`YYYY-MM-DD`, both required together, 1–90 nights. Adds stay details and switches the CTA to “Book now”.
`adults`	no	Guest count shown as a chip; also passed to the estimate for the `deal` variant (defaults to 2 there).
`currency`	no	ISO code for prices in the `deal` variant (`USD`, `EUR`, `JPY`, …). Unknown values fall back to USD.