bingo: a page per datacenter

Everything lived on one URL per language, with each datacenter's
details and incidents inside a <dialog>. That page can rank for the
brand and a couple of head terms, but not for searches like
"Yandex Sasovo drone strike".

Add /:locale/dc/:slug for every datacenter, reserve included. Each page
has its own title (naming the latest incident when there is one), a
description built from the facts, canonical and hreflang links, the
photo as og:image, and JSON-LD Place + BreadcrumbList. It shows the
facts in a sentence or two, the incident list with sources, and
prev/next links by position. The slug never changes, so the URLs are
stable.

The card cells are now links to these pages. A plain click still opens
the dialog, while modified clicks open the page. The dialog and the
incident log link to the page too, and the sitemap lists every page in
all three languages. The layout takes title, description, alternates
and JSON-LD from the route, and the dialog and the page share the meta
and incident partials.

Assisted-by: Claude:opus-5

bingo_web.rb

@@ -28,6 +28,8 @@ class BingoWeb < Sinatra::Base
       view == 'operational' ? "/#{locale}?view=operational" : "/#{locale}"
     end
 
+    def dc_path(dc, locale = @locale) = "/#{locale}/dc/#{dc.slug}"
+
     def base_url = "https://#{ENV.fetch('BINGO_HOST', request.host)}"
 
     # WebSite + ItemList of the card's datacenters, for rich results.
@@ -54,7 +56,8 @@ class BingoWeb < Sinatra::Base
     # Incidents are Events at the place.
     def ld_place(dc)
       address = { '@type' => 'PostalAddress', 'addressLocality' => dc.l(:city, @locale), 'addressCountry' => 'RU' }
-      place = { '@type' => 'Place', 'name' => dc.l(:name, @locale), 'address' => address }
+      url = "#{base_url}#{dc_path(dc)}"
+      place = { '@type' => 'Place', '@id' => "#{url}#place", 'url' => url, 'name' => dc.l(:name, @locale), 'address' => address }
       place['image'] = "#{base_url}#{photo_path(dc, 1200)}" if dc.photo_key
       place['subjectOf'] = { '@type' => 'CreativeWork', 'url' => dc.info_url } if dc.info_url
       events = dc.incidents.map do |i|
@@ -66,6 +69,38 @@ class BingoWeb < Sinatra::Base
       place
     end
 
+    # Datacenter page: the Place plus a breadcrumb back to the card.
+    def dc_json_ld(dc)
+      JSON.generate(
+        '@context' => 'https://schema.org',
+        '@graph' => [
+          ld_place(dc),
+          { '@type' => 'BreadcrumbList', 'itemListElement' => [
+            { '@type' => 'ListItem', 'position' => 1, 'name' => t(:title), 'item' => "#{base_url}/#{@locale}" },
+            { '@type' => 'ListItem', 'position' => 2, 'name' => dc.l(:name, @locale), 'item' => "#{base_url}#{dc_path(dc)}" }
+          ] }
+        ]
+      ).gsub('</', '<\/')
+    end
+
+    # Plain-language facts for the datacenter page and its meta description.
+    def dc_facts(dc)
+      [format(t(:dc_intro), name: dc.l(:name, @locale), city: dc.l(:city, @locale), operator: dc.operator),
+       (format(t(:dc_capacity), mw: mw(dc)) if mw(dc)),
+       { 'building' => t(:dc_building), 'planned' => t(:dc_planned) }[dc.status] || (dc.year && format(t(:dc_since), dc.year)),
+       format(t(:dc_rank), pos: dc.position)].compact
+    end
+
+    def dc_latest(dc)
+      i = dc.incidents.first or return t(:no_incidents)
+      format(t(:dc_latest), date: fmt_date(i.occurred_on), title: i.l(:title, @locale))
+    end
+
+    # Cut at a word boundary to fit a search snippet.
+    def snippet(text, max = 160)
+      text.length <= max ? text : "#{text[0, max - 1][/\A.*(?=\s)/m] || text[0, max - 1]}…"
+    end
+
     # Preview image: the most recent hit with a photo, else the first photo.
     def og_dc(board)
       board.incidents.map(&:datacenter).find(&:photo_key) || board.cells.find(&:photo_key)
@@ -105,27 +140,54 @@ class BingoWeb < Sinatra::Base
     "User-agent: *\nAllow: /\n\nSitemap: #{base_url}/sitemap.xml\n"
   end
 
+  # The card and every datacenter page (reserve included), each with its
+  # language alternates.
   get '/sitemap.xml' do
     content_type 'application/xml'
     cache_control :public, max_age: 3600
-    @lastmod = Bingo::Board.load.updated_on
+    dcs = Bingo::Datacenter.order(:position, :id).eager(:incidents).all
+    @entries = [[->(l) { "/#{l}" }, Bingo::Board.load.updated_on, '/']] +
+               dcs.map { |dc| [->(l) { dc_path(dc, l) }, [dc.updated_at, *dc.incidents.map(&:updated_at)].compact.max] }
     erb :sitemap, layout: false
   end
 
   # One URL per page: /en/ is a duplicate of /en.
-  get %r{/(ru|en|uk)/} do |locale|
+  get %r{/((?:ru|en|uk)(?:/dc/[a-z0-9-]+)?)/} do |path|
     qs = request.query_string
-    redirect "/#{locale}#{"?#{qs}" unless qs.empty?}", 301
+    redirect "/#{path}#{"?#{qs}" unless qs.empty?}", 301
   end
 
   get %r{/(ru|en|uk)} do |locale|
     @locale = locale
     @view   = Bingo::VIEWS.include?(params[:view]) ? params[:view] : 'all'
     @board  = Bingo::Board.load(@view)
+    @title  = t(:seo_title)
+    @desc   = format(t(:seo_desc), hit: @board.hit.count(true), total: @board.cells.size)
+    @noindex = @board.operational_only?
+    @path_for = ->(l) { "/#{l}" }
+    @x_default = '/'
+    @og = og_dc(@board)
+    @ld = json_ld(@board, @desc)
     cache_control :public, max_age: 60
     erb :index
   end
 
+  get %r{/(ru|en|uk)/dc/([a-z0-9-]+)} do |locale, slug|
+    @locale = locale
+    @dc = Bingo::Datacenter.where(slug: slug).eager(:incidents).first or halt 404
+    @prev, @next = [-1, 1].map { |d| Bingo::Datacenter.first(position: @dc.position + d) }
+    name, city = @dc.l(:name, locale), @dc.l(:city, locale)
+    hit = @dc.incidents.first
+    @title = hit ? format(t(:dc_title_hit), name: name, city: city, kind: kind_label(hit.kind), date: fmt_date(hit.occurred_on))
+                 : format(t(:dc_title), name: name, city: city)
+    @desc = snippet([*dc_facts(@dc).first(2), dc_latest(@dc)].join(' '))
+    @path_for = ->(l) { dc_path(@dc, l) }
+    @og = @dc if @dc.photo_key
+    @ld = dc_json_ld(@dc)
+    cache_control :public, max_age: 60
+    erb :dc
+  end
+
   # Icons from assets/bingo/ (public/ is asxp.io's). Search engines want
   # a crawlable favicon URL; a data: URI doesn't count.
   ICONS = { 'favicon.svg' => 'image/svg+xml', 'favicon.ico' => 'image/x-icon',