Reference Document · v6.1 · 04.26.2026

Service Areas Content Map.

SEO Snapshot Template

The Service Areas index page hosts a hero, a three-card link-out to City01–03 with templated titles, and a USA map element with the business pinned.

27
Param rows
3
Sections
1
AI-gen H1
Templated
City titles
How to read this map. Each section shows a visual layout mockup followed by a parameter table. Columns are: Element · Label | Spec / Word Count | Custom Value Name | Key. Badges marked hard coded are fixed text — not editable via custom values. All keys are escaped so they render as literal text on any live preview.
§01 Hero §02 Cities + Map

Hero

Hero block with H1 and full-bleed background.
Hero · Full-width Background
Background image · #010-F
H1 · 5–9 words
Element · Label Spec / Word Count Custom Value Name Key
Meta Info
Meta Title ≤70 chars #010-A [Service Areas] Meta Title {{custom_values.010a}}
Meta Description ≤165 chars #010-B [Service Areas] Meta Description {{custom_values.010b}}
Meta Keywords 5–15 keywords #010-C [Service Areas] Meta Keywords {{custom_values.010c}}
Canonical Link URL · /service-areas Site URL + /service-areas {{custom_values.url}}/service-areas
Hero
H1 Header 5–9 words #010-D [Service Areas] H1 Header {{custom_values.010e}}
Background Image 1920×1080 #010-F [Service Areas] Background {{custom_values.010f}}
CTA Button Top + Bottom hard-coded text 20J + 20K [Global] Service/City/Article CTA01 {{custom_values.020j}}
{{custom_values.020k}}

City Trio + Map

Three city cards pulling service+city interpolation, plus a USA map highlighting the business pin.
3-Column City Grid + Map
City01 card
City02 card
City03 card
USA Map
Element · Label Spec / Word Count Custom Value Name Key
Content Section 01 — City Trio
H2 Header 4–6 words 10K [Service Areas] H2 Headline01 {{custom_values.010k}}
Sub-headline 15–20 words 10L [Service Areas] Sub-headline01 {{custom_values.010l}}
City 01 Column
BG Image City cover #010-G [Service Areas] City01: Content01 {{custom_values.010g}}
H4 Title (template) "{Service} in {City}" [Website] 04: service1 in [Website] 07: city01 {{custom_values.service1}}
{{custom_values.city01}}
Title URL URL · city slug Site URL + #014-J URL Path {{custom_values.url}}{{custom_values.014j}}
City 02 Column
BG Image City cover #010-H [Service Areas] City02: Content01 {{custom_values.010h}}
H4 Title (template) "{Service} in {City}" [Website] 04: service2 in [Website] 07: city02 {{custom_values.service2}}
{{custom_values.city02}}
Title URL URL · city slug Site URL + #015-J URL Path {{custom_values.url}}{{custom_values.015j}}
City 03 Column
BG Image City cover #010-I [Service Areas] City03: Content01 {{custom_values.010i}}
H4 Title (template) "{Service} in {City}" [Website] 04: service3 in [Website] 07: city03 {{custom_values.service3}}
{{custom_values.city03}}
Title URL URL · city slug Site URL + #016-J URL Path {{custom_values.url}}{{custom_values.016j}}
Map Element
USA Map (with biz pin) 750×450 #010-J [Service Areas] Content02 (map) {{custom_values.010j}}
Image Alt Text 5–12 words #010-E [Service Areas] Image Alt Text {{custom_values.010e}}

Top Bar & Navigation

Global · Sitewide
Fixed header displayed sitewide — logo, primary nav, CTA button, and contact strip.
Global · Sitewide Header
Business Logo
Alt Text: Business Name
HomeServices ▾Service Areas ▾AboutContactBlog
⚡ Header CTA
✉ business email custom html / javascript ☎ phone number
Element · Label Spec / Word Count Custom Value Name Key
Logo & Branding
Logo ImageTop-left brand mark · light-background variant URL · image [Business] 08: Logo URL02 (Header) {ref:02L} {{custom_values.logo_image_url__4_light_bg}}
Logo Image Alt TextAccessibility / SEO alt text on the logo image Business Name [Business] 01: Name {{custom_values.business_name}}
Logo Image Action LinkClicking the logo returns to home Website URL [Website] 01: Website URL {{custom_values.url}}
Primary Navigation
Primary NavigationHome / Services / Service Areas / About / Contact / Blog · dropdowns populated from service + city lists hard coded Structural
Header CTA ButtonOpens Pop-Up on click 2–4 words 20I [Global] Global Header Button CTA {{custom_values.020i}}
Contact Strip (red bar)
Business EmailLeft of contact strip email address [Business] 03: Email (display) {{custom_values.business_email}}
Display Phone NumberRight of contact strip phone [Website] 02: Business Phone (display) {{custom_values.client_business_phone_display}}
Custom HTML · Social Profile URLsLinks to Google / Facebook / Yelp / Instagram Social Profile URLs [Website] 15a / 15b / 15c · Profile URL — Google / Facebook / Yelp
[Website] 13: Profile URL — Instagram
{{custom_values.url_google}}
{{custom_values.url_facebook}}
{{custom_values.url_yelp}}
{{custom_values.ig_url}}