About Page — Content Map · SEO Snapshot Template

§ 00 / Meta Data

SEO Meta Values

Page-Level · About

Meta Title, Description, Keywords, plus shared logo image and canonical URL (/about).

Element · Label	Spec / Word Count	Custom Value Name	Key
Meta Data Values (SEO)
Meta Title	≤ 70 chars	#005-A [About] Meta Title	`{{custom_values.005a}}`
Meta Description	≤ 165 chars	#005-B [About] Meta Description	`{{custom_values.005b}}`
Meta Keywords	5–15 keywords	#005-C [About] Meta Keywords	`{{custom_values.005c}}`
Meta Image	logo URL	[Business] 07: Logo URL01 (Footer) {ref:01L}	`{{custom_values.logo_url_4_dark_bg}}`
Canonical URL	URL	Site URL + /about	`{{custom_values.url}}/about`

§ 01 / Global Header

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}}`

§ 02 / Hero

Above-the-Fold Hero

#005-D · #005-F · Hard-coded eyebrow

Background image, hard-coded 'About Us' eyebrow, H1, and a single-line CTA01 button (NOT stacked top/bottom).

Hero · Full-Width Background

Background Image · #005-F

H2 Sub-Headline · "About Us" hard coded

H1 Header · 5–9 words

Single-Line CTA · {{020p}} single line · not stacked

Element · Label	Spec / Word Count	Custom Value Name	Key
Hero Background
Background Image	1920×1080	#005-F [About] Background01	`{{custom_values.005f}}`
Hero Headlines
H2 Sub-HeadlineEyebrow above H1 · hard-coded for About	hard coded	"About Us"	—
H1 Header	5–9 words	#005-D [About] H1 Header	`{{custom_values.005d}}`
Image Alt Text	alt text · shared	#005-E [About] Image Alt Text	`{{custom_values.005e}}`
Hero CTA · Single-Line · About uses {{020p}}
CTA Button (single line)About + Home pages use single-line buttons (not stacked top/bottom)	button label	20P [Global] Home/About Button CTA01	`{{custom_values.020p}}`
Button Action	hard coded	Open Pop-Up	—

§ 03 / Services Quick Tabs

Global Services Quick Tabs

Global · Desktop Only

Three icon tabs (Service01–03) sit beneath the hero on desktop. Identical block across all internal pages.

Global Services Quick Tabs desktop only

⚙️

Service 01

🔧

Service 02

🛠️

Service 03

Element · Label	Spec / Word Count	Custom Value Name	Key
Service Tab 01
Service Icon 01	icon image	#020-A [Global] Service Icon01	`{{custom_values.020a}}`
Service Name (H3)	service name	[Website] 04: Service01	`{{custom_values.service1}}`
Tab Link	URL	Site URL + Service01 slug	`{{custom_values.url}}{{custom_values.002j}}`
Service Tab 02
Service Icon 02	icon image	#020-B [Global] Service Icon02	`{{custom_values.020b}}`
Service Name (H3)	service name	[Website] 05: Service02	`{{custom_values.service2}}`
Tab Link	URL	Site URL + Service02 slug	`{{custom_values.url}}{{custom_values.003j}}`
Service Tab 03
Service Icon 03	icon image	#020-C [Global] Service Icon03	`{{custom_values.020c}}`
Service Name (H3)	service name	[Website] 06: Service03	`{{custom_values.service3}}`
Tab Link	URL	Site URL + Service03 slug	`{{custom_values.url}}{{custom_values.004j}}`

§ 04 / Content Section 01

About Story + Single-Line CTA

5L · 5M · 5N · #005-G · {{020q}}

Long-form About story: H2 headline, 3-paragraph lead, 450×450 image, 2-paragraph continuation, then a single-line CTA02 button.

Content Section 01 · About Story

H2 Header · 5–9 words

3 paragraphs · ~140 words
(Long-form story / origin / values)

#005-G Content01 · 450×450

2 paragraphs · 150 words (continuation below image)

Single-Line CTA · {{020q}}

Element · Label	Spec / Word Count	Custom Value Name	Key
Content Section 01
H2 Content Headline 01	5–9 words	5L [About] H2 Content Headline01	`{{custom_values.005l}}`
Content Paragraph 01	3 paragraphs · 140 words	5M [About] Content Paragraph01	`{{custom_values.005m}}`
Content Image 01	450×450 / 350×350	#005-G [About] Content01	`{{custom_values.005g}}`
Content Paragraph 02	2 paragraphs · 150 words	5N [About] Content Paragraph02	`{{custom_values.005n}}`
CTA · Single Line · {{020q}}
CTA Button (single line)About uses single-line buttons (not stacked)	button label	20Q [Global] Home/About Button CTA02	`{{custom_values.020q}}`
Button Action	hard coded	Open Pop-Up	—

§ 05 / Global Review Strip

Customers Speak

{{google_review_code}} · #005-H bg

Hard-coded 'See What Our Customers Say!' headline, embedded Google review widget, and an About-specific background image (#005-H).

Global Review Strip

Background Image · #005-H

See What Our Customers Say!

hard coded headline

★★★★★ · Custom HTML/JS embed · {{custom_values.google_review_code}}

Element · Label	Spec / Word Count	Custom Value Name	Key
Global Review Section
Section H2 Headline	hard coded	"See What Our Customers Say!"	—
Google Review Widget	Custom HTML · JS embed	[Website] 21: Google Review Embed Code	`{{custom_values.google_review_code}}`
Background Image	1920×1080	#005-H [About] Background02	`{{custom_values.005h}}`

§ 06 / Content Section 02

Three Sub-Blocks + Final CTA

5O–5T · #005-I/J/K · {{020r}}

Three stacked sub-blocks (each H2 + paragraph + image), then a single-line CTA03 button to wrap.

Content Section 02 · 4 Sub-Blocks + Final CTA

H2 Header · 5–9 words

2 paragraphs · 140 words

#005-I · 450×450

H2 Header · 5–9 words

2 paragraphs · 120 words

#005-J · 450×450

H2 Header · 5–9 words

2 paragraphs · 120 words

#005-K · 450×450

Single-Line CTA · {{020r}}

Element · Label	Spec / Word Count	Custom Value Name	Key
Block 1 of 3
H2 Content Headline 02	5–9 words	5O [About] H2 Content Headline02	`{{custom_values.005o}}`
Content Paragraph 03	2 paragraphs · 140 words	5P [About] Content Paragraph03	`{{custom_values.005p}}`
Content Image 02	450×450 / 350×350	#005-I [About] Content02	`{{custom_values.005i}}`
Block 2 of 3
H2 Content Headline 03	5–9 words	5Q [About] H2 Content Headline03	`{{custom_values.005q}}`
Content Paragraph 04	2 paragraphs · 120 words	5R [About] Content Paragraph04	`{{custom_values.005r}}`
Content Image 03	450×450 / 350×350	#005-J [About] Content03	`{{custom_values.005j}}`
Block 3 of 3
H2 Content Headline 04	5–9 words	5S [About] H2 Content Headline04	`{{custom_values.005s}}`
Content Paragraph 05	2 paragraphs · 120 words	5T [About] Content Paragraph05	`{{custom_values.005t}}`
Content Image 04	450×450 / 350×350	#005-K [About] Content04	`{{custom_values.005k}}`
Final CTA · Single Line · {{020r}}
CTA Button (single line)	button label	20R [Global] Home/About Button CTA03	`{{custom_values.020r}}`
Button Action	hard coded	Open Pop-Up	—

§ 07 / Global Footer

Three-Column + Bottom Bar

Global · Sitewide

Footer split into two sections: Section 01 with Contact / Hours / Social columns + map embed, Section 02 with copyright, powered-by attribution, and utility links.

Global · 3-Column + Bottom Bar Footer

Contact Info

Address line 1
Address line 2
email · phone
Licensed & Insured

Service Hours

Mon-Fri · hours
Saturday · hours
Sunday · hours

LOGO

Social Media

f · ig · x · tt · g · y · yt

Connect With Our Socials

Map embed iframe · width 100% × height 300

Powered by · {{powered_by}}

Privacy · Messaging · Website Terms · Site Map

Element · Label	Spec / Word Count	Custom Value Name	Key
Footer Section 01 — Contact / Hours / Social
Contact: AddressAddress line 1 + line 2	address	[Business] 05: Address2 Line 1 / [Business] 06: Address2 Line 2	`{{custom_values.business_address2_line_1}}` `{{custom_values.business_address2_line_2}}`
Address: Directions LinkTap-through to Google Maps directions	URL	Directions Google Maps URL	`{{custom_values.shop_directions}}`
Contact: Emailmailto:	email	[Business] 03: Email (display)	`{{custom_values.business_email}}`
Contact: Phonetel:	phone	[Website] 02: Business Phone (display)	`{{custom_values.client_business_phone_display}}`
Service Hours · Mon–Fri	hours	[Website] 08a: Business Hours (Mon-Fri)	`{{custom_values.client_business_hours}}`
Service Hours · Saturday	hours	[Website] 08b: Business Hours (Saturday)	`{{custom_values.client_business_hours_sat}}`
Service Hours · Sunday	hours	[Website] 08c: Business Hours (Sunday)	`{{custom_values.client_business_hours_sun}}`
Footer Logo ImageDark-background variant	URL · image	[Business] 07: Logo URL01 (Footer) {ref:01L}	`{{custom_values.logo_url_4_dark_bg}}`
Social Icons (7 platforms)Instagram, X, TikTok, Google, Facebook, Yelp, YouTube	URLs	Multiple social profile URLs	`{{custom_values.ig_url}}` `{{custom_values.x_url}}` `{{custom_values.tt_url}}` `{{custom_values.url_google}}` `{{custom_values.url_facebook}}` `{{custom_values.url_yelp}}` `{{custom_values.youtube_url}}`
Map Embed iframeFull-width · height 300px	iframe HTML	[Website] 16: Map Embed (iframe)	`{{custom_values.client_map_embed}}`
Footer Section 02 — Copyright & Utility Links
Copyright Line	auto + global	© {{right_now.year}} · [Business] 01: Name	`{{custom_values.business_name}}`
Powered By	agency name + URL	[Website] 23 / 24: Powered By (Name) / URL	`{{custom_values.powered_by}}` `{{custom_values.powered_by_url}}`
Utility LinksPrivacy Policy · Messaging Terms · Website Terms · Site Map	hard coded labels	Static URL paths from {{custom_values.url}}	`{{custom_values.url}}/privacy-policy` `{{custom_values.url}}/terms` `{{custom_values.url}}/website-terms` `{{custom_values.url}}/sitemap.xml`