Rockwell Dentistry
Service Page Template System
Design system, section anatomy, CSS class library, token reference, and step-by-step production guide for dental service pages.
Rockwell Dentistry · Middletown, NJ (732-706-1100) · Hamilton Township, NJ (609-890-9000)
rockwelldentistry.com · rockwelldentistryhamilton.com
📋 Table of Contents
Template Overview & File Inventory
What this system is, what it includes, and how the files work together.
This template system was built from a reference layout provided by the client (modeled on a chiropractic service page structure) and adapted for Rockwell Dentistry's dental service pages. It was designed to be fully RankMath-compatible, patient-first in tone, and HIPAA-compliant. The example page built is Dental Implants in Middletown, NJ.
📄 Reference Document
rockwell-service-page-reference.html
This file. Open in any browser to view or print. Share with your web developer or content team.
🌐 WordPress HTML File
rockwell-dental-implants.html
Paste the full contents into a WordPress "Custom HTML" Gutenberg block or Classic Editor HTML view. Self-contained: fonts, CSS, JS all embedded.
⚡ Elementor JSON
rockwell-dental-implants-elementor.json
Import via Elementor → Templates → Import Template. Requires Elementor Pro (uses flexbox containers). Exact same content as the HTML file.
⚠️ Important: Before publishing any service page, replace ALL placeholder text including [Patient First Name, Last Initial] and the testimonial placeholder with genuine, approved patient content. Also update all phone numbers, URLs, and service-specific content per the Service Swap guide in Section 8.
Design System
Colors, typography, spacing, and visual language standards.
🎨 Color Palette
🔤 Typography
- Font Family: Montserrat (Google Fonts)
- H1: 3.1em / 800 weight / #ffffff (on dark hero)
- H2: 2.0em / 700 weight / #1a3352 (on light sections)
- H2 White: 2.1em / 800 weight / #ffffff (on dark CTAs)
- Body: 1.07em / 400 weight / #364e6b / line-height 1.88
- Labels: .78em / 600 / #2e7db5 / letter-spacing .14em
- Eyebrow: .82em / 600 / #c8d8ea (on dark bg)
- Responsive: H1 scales down to 1.9em on mobile via
clamp()
📐 Spacing System
- Hero padding: 100px top / 90px bottom / 40px sides
- Standard section: 68px top / 48px bottom / 28px sides
- Continuation section: 20px top / 48px bottom / 28px sides
- Light bg section: 76px top & bottom / 28px sides
- CTA sections: 30px top & bottom / 28px sides
- Final CTA: 80px top & bottom
- Inner max-width: 900px standard / 1040px wide / 800px narrow
- Card border radius: 12px standard / 14px stats card / 16px CTA
🎯 Visual Language Rules
- Gradient direction is always 140deg
- Hero section gets a subtle 16px bottom border radius
- Decorative rule: 54px × 4px gradient line below every H2
- Every section label appears in ALL CAPS with letter-spacing
- Eyebrow badges use a filled circle bullet
◉
- Section alternation: white → light bg → white → light bg
- Benefit cards and FAQ items have subtle hover lift/shadow
- Step badges use the same gradient as the primary hero
- Testimonial includes an oversized decorative background quote mark
- CTA gold (#ffd580) is used only for phone numbers inside dark CTAs
CSS Class Library Reference
Every custom class used in the template — what it does and when to use it.
CSS Prefix: All custom classes use the prefix rwd- (Rockwell Dentistry) to prevent conflicts with WordPress themes and Elementor's built-in classes. The global wrapper class rwd-cwd (Content Width Declaration) scopes all custom styles.
Layout & Structure
| Class | Description |
|---|---|
| .rwd-cwd | Outermost wrapper for all custom content. Applies font family, base color, line-height, and font-smoothing. All other custom styles are scoped inside this. |
| .rwd-section | Full-width section with 72px top/bottom padding. Use as base on all page sections. |
| .rwd-section--dark | Applies the dark navy gradient background. Used on hero and final CTA. |
| .rwd-section--light | Applies the soft blue-gray (#e6eef8) background. Used to alternate section color. |
| .rwd-section--white | Explicit white background. Use when white follows white and you need specificity. |
| .rwd-inner | Centered container, max-width 900px. Use for standard body content sections. |
| .rwd-inner--narrow | Centered container, max-width 760px. Use for hero and CTA inner content. |
| .rwd-inner--wide | Centered container, max-width 1040px. Use for benefits grid and stats card. |
| .rwd-btn-row | Flexbox row for CTA button pairs. Wraps on mobile, centers on all devices. |
Typography & Labels
| Class | Description |
|---|---|
| .rwd-eyebrow | Pill-shaped badge for hero section location tag. Semi-transparent dark bg, light border, bullet prefix. Appears above H1 only. |
| .rwd-label | Small uppercase overline label (e.g., "What We Offer"). Appears above every H2 in body sections. Color: #2e7db5. |
| .rwd-rule | 54px × 4px gradient decorative underline. Always placed immediately after an H2 heading. Uses CSS gradient from #2d5580 → #2e7db5. |
| .rwd-h2 | Section heading H2 styles. Dark navy color with optional accent span for keyword highlighting. |
| .rwd-h2--white | Modifier for H2 on dark backgrounds (white text, lighter span color). |
| .rwd-body-text | Wrapper for multi-paragraph body content. Sets font size, line height, color, and paragraph spacing. |
Components
| Class | Description |
|---|---|
| .rwd-btn | Base button class. Add --primary (solid navy bg, light text) or --outline (transparent bg, light border + text). |
| .rwd-btn--primary | Primary CTA button. Background: #c8d8ea, text: #1a3352. Use for main appointment CTAs. |
| .rwd-btn--outline | Secondary CTA button. Transparent background with light border. Use for phone number CTAs alongside primary. |
| .rwd-faq-item | FAQ accordion item wrapper. Contains .rwd-faq-q and .rwd-faq-a. Click toggles .active class. |
| .rwd-faq-q | FAQ question row. Contains .rwd-faq-q-text and .rwd-faq-toggle (the +/× circle). |
| .rwd-faq-a | FAQ answer body. Hidden by default, shown when parent .rwd-faq-item has .active class. |
| .rwd-stats-card | Dark gradient card wrapper for the stats section. Bordered radius, internal gradient bg. |
| .rwd-stats-grid | 4-column responsive grid inside stats card. Collapses to 2 columns on mobile. |
| .rwd-stat-number | Large statistic number. Montserrat 800, 2.9em, #c8d8ea color. |
| .rwd-stat-desc | Stat description text. .9em, 72% white opacity, 1.6 line height. |
| .rwd-benefits-grid | 3-column card grid. Collapses to 2 on tablet, 1 on mobile. |
| .rwd-benefit-card | Individual benefit card. White bg, subtle border, lift-on-hover animation. |
| .rwd-benefit-icon | Emoji icon at top of benefit card. 2em size, block display, 16px bottom margin. |
| .rwd-process-list | Column flex container for the numbered steps list. |
| .rwd-step | Individual process step row. Contains .rwd-step-badge and .rwd-step-content. |
| .rwd-step-badge | Numbered circle badge. Gradient background matching hero, #c8d8ea text, 48px diameter. |
| .rwd-checklist | 2-column responsive checklist grid with custom bullet circles instead of default list markers. |
| .rwd-testimonial-wrap | Dark gradient testimonial box. Rounded corners, decorative oversized quote mark, centered text. |
| .rwd-testimonial-quote | Large italic testimonial quote text. Montserrat 300 weight, clamp sizing. |
| .rwd-cta-wrap | Dark gradient CTA banner (mid-page). Full border-radius, centered content, gold highlight for key phrases. |
Section-by-Section Anatomy
The 12 sections, in order, with content requirements and design specs.
| # | Section Name | Background | Key Elements | Notes |
|---|---|---|---|---|
| 0 | Font & CSS Loader | None (invisible) | Google Fonts link + full <style> block | HTML widget, no padding. Always first. Holds ALL custom CSS. |
| 1 | Hero | Dark navy gradient | Eyebrow pill → H1 → intro paragraph → 2 CTA buttons | Bottom border radius 16px. H1 contains primary focus keyword. Buttons: Primary + Outline. |
| 2 | Intro Copy | White | 2 opening paragraphs (body text only, no heading) | Per SEO brief: FAQs must appear immediately after the first TWO paragraphs. This section IS those two paragraphs. |
| 3 | FAQ Section | Light blue-gray (#e6eef8) | Centered H2 → subtitle → 8 accordion Q&A items | FAQ accordion is pure CSS/JS, no plugin needed. Minimum 6, maximum 10 questions. JS is self-contained in the HTML widget. |
| 4 | Stats Bar | White (card has own dark bg) | 4-stat grid inside a dark gradient card | Stats must be factual. Use round numbers or well-cited figures. Grid collapses to 2×2 on mobile. |
| 5 | Types / Services | White | Label → H2 → rule → body copy (5+ paragraphs with bolded subterms) | Covers all treatment variants under this service. Bold subheadings in running text (no separate H3 needed). Include focus keyword in H2. |
| 6 | Benefits Grid | White (continuation) | Label → H2 → rule → intro sentence → 3×2 benefit cards (emoji + h3 + p) | 6 cards recommended. Emoji icons are sufficient — no icon library needed. Cards animate on hover. |
| 7 | Process Steps | White (continuation) | Label → H2 → rule → intro → numbered step list (5–7 steps) | Each step: numbered badge + h3 + paragraph. Links to phone/appointment inside step text are effective converters. |
| 8 | Who Benefits | White (continuation) | Label → H2 → rule → intro → 2-column checklist → closing paragraph | Checklist should be 10–14 items covering diverse patient profiles. Closing paragraph should include a soft phone CTA. |
| 9 | Why Choose Us | Light blue-gray (#e6eef8) | Label → H2 → rule → intro → 2-column checklist → closing paragraph → testimonial block | Checklist should be 8–10 Rockwell-specific USPs. Testimonial block is a dark gradient card inside the light section. MUST replace placeholder with real review. |
| 10 | Mid-Page CTA Banner | White (card has dark bg) | Dark gradient card → H2 → paragraph → 2 inline CTAs | Placed before the final CTA to catch scrollers who read most of the page but haven't converted yet. HTML widget using .rwd-cta-wrap class. |
| 11 | Final CTA Section | Dark navy gradient (full width) | H2 → paragraph with bolded phone numbers → 2 CTA buttons | Include BOTH office phone numbers (Middletown + Hamilton). Use CTA gold (#ffd580) for phone numbers. |
| 12 | Schema JSON-LD | None (invisible) | FAQPage schema <script> tag | Must match FAQ questions/answers exactly. Paste into RankMath's Schema section OR leave in HTML widget. No visible output. |
WordPress Implementation Guide
Step-by-step instructions for pasting the HTML file into WordPress.
✅ Using Gutenberg (Block Editor) — Recommended
- Create a new page or open the existing service page
- Add a new block → search "Custom HTML"
- Open
rockwell-dental-implants.htmlin a text editor - Select All → Copy
- Paste into the Custom HTML block
- Click "Preview" to verify the layout renders correctly
- Replace all placeholder text (see Section 9)
- Update RankMath settings (see Section 7)
- Publish
✅ Using Classic Editor
- Create or open the page in Classic Editor
- Click the Text tab (not Visual) to switch to HTML mode
- Delete any existing content
- Paste the full HTML file contents
- Click Preview to verify rendering
- Replace all placeholder text
- Update RankMath settings
- Publish
⚠️ Theme Conflicts: Some WordPress themes inject their own heading, paragraph, or button styles that may override the template's styles. If you notice unexpected fonts or colors, add !important to the affected properties in the <style> block at the top of the HTML file, or switch the page to a blank/canvas page template that removes the theme wrapper.
💡 Best Practice: Set the Elementor page template to "Elementor Canvas" (or equivalent blank template in your theme) to remove the default WordPress header/footer wrapper styles that can interfere with full-width sections. If you need the site header/footer to show, use "Elementor Full Width" instead.
Elementor Pro Import Guide
How to import, verify, and customize the Elementor JSON template.
📥 Importing the Template
- In WordPress, go to Elementor → Templates → Saved Templates
- Click Import Templates (the upload icon near the top right)
- Upload
rockwell-dental-implants-elementor.json - The template will appear as a "Page" type template named "Dental Implants Middletown NJ | Rockwell Dentistry"
- To apply to a page: Edit the page with Elementor → Click the folder icon → My Templates → Insert
- Alternatively: Edit with Elementor → Hamburger menu (top left) → Import Template
🏗️ Template Structure in Elementor
The JSON uses Flexbox Containers (Elementor Pro's modern layout system). Every section is a top-level Container with a nested inner Container for width-capping. Here's the hierarchy:
// Top-level structure (13 sections)
Container [Section — full width, section background]
└── Container [Inner — max-width e.g. 900px, flex-column]
├── HTML Widget [font loader / CSS]
├── Heading Widget [H1 or H2]
├── Text Editor Widget [body copy paragraphs]
├── HTML Widget [component: FAQ, stats, checklist, etc.]
└── Container [Button Row — flex-row]
├── Button Widget [primary CTA]
└── Button Widget [outline CTA]Requires Elementor Pro: The Flexbox Container layout system is only available in Elementor Pro. If using free Elementor, the JSON will partially import but containers may not render correctly. In that case, use the WordPress HTML file instead.
🎨 Customizing in Elementor
To change section backgrounds:
- Click the top-level Container
- Style tab → Background
- Change Color or Gradient values
To edit heading text:
- Click the Heading widget
- Content tab → Title field
- Update text, preserve HTML span tags for accent color
To update FAQ content:
- Click the HTML widget containing the FAQ
- Edit the inner HTML directly
- Keep the .rwd-faq-item structure intact
- Update the FAQ schema in Section 12 to match
To update CTA button URLs:
- Click a Button widget
- Content tab → Link field
- Update to correct appointment or phone URL
- Repeat for all button instances across page
RankMath SEO Configuration
Settings required in RankMath for every service page built from this template.
📝 Per-Page RankMath Settings
| Field | Value (Dental Implants Example) |
|---|---|
| Focus Keyword | dental implants Middletown NJ |
| SEO Title | Dental Implants Middletown NJ | Rockwell Dentistry |
| Meta Description | Get dental implants in Middletown, NJ placed & restored in-house by Dr. Rockwell. 30+ years experience. Free consultation. Call (732) 706-1100. |
| URL Slug | /dental-implants-middletown-nj/ |
| Canonical URL | Set to the current page URL |
| Schema Type | WebPage (base) + FAQPage (added via additional schema) |
| OG Image | Service-specific image, 1200×630px |
🔑 Secondary Keywords (Per Service)
These should appear naturally in headings and body copy. Add them to RankMath's "Additional Keywords" field:
- dental implants NJ
- tooth implant Middletown
- single tooth implant Middletown NJ
- implant-supported dentures NJ
- full arch dental implants Middletown
- All-on-4 Middletown NJ
- implant dentist Monmouth County
- permanent tooth replacement NJ
- in-house dental implants NJ
- bone graft dental implants NJ
✅ RankMath Score Checklist
Each item below earns points toward a 100/100 RankMath score. Verify all are met before publishing:
- Focus keyword appears in the SEO Title
- Focus keyword appears in the Meta Description
- Focus keyword appears in the URL slug
- Focus keyword appears in the H1 heading
- Focus keyword appears in the first paragraph of body copy
- Focus keyword appears in at least one H2 heading
- Focus keyword density is 1–2% (use RankMath's content analysis to verify)
- Page word count is above 1,500 words (use RankMath's content analysis)
- At least one internal link to another Rockwell Dentistry page
- At least one external link to a credible source (e.g., ADA.org)
- At least one image with ALT text containing the focus keyword
- FAQPage JSON-LD schema is present and valid (validate at schema.org/validator)
- OG image is set (1200×630px recommended)
- No duplicate H1 tags on the page
- Content is unique — not duplicated from another page on the site
🖼️ Image ALT Text Templates
Add 3–5 images to the page and use these ALT text patterns:
| Image Location | ALT Text Pattern |
|---|---|
| Hero background | "dental implants Middletown NJ — Rockwell Dentistry" |
| Doctor photo | "Dr. Alexander Rockwell DMD placing dental implants in Middletown NJ" |
| Before/after smile | "dental implant before and after results at Rockwell Dentistry Middletown NJ" |
| Office photo | "Rockwell Dentistry implant operatory suite — Middletown New Jersey" |
| Implant diagram/model | "titanium dental implant post diagram — tooth replacement Middletown NJ" |
🔗 Internal Link Suggestions
Add 3–5 contextual internal links within the body copy, pointing to these existing pages:
| Anchor Text | Target Page |
|---|---|
| "our dental team" | /about-dr-alexander-rockwell-dmd/ |
| "general dentistry services" | /general-dentistry-middletown-nj/ |
| "sedation dentistry" | (create this page using template) |
| "request an appointment" | /contact-us/ |
| "cosmetic dentistry" | /cosmetic-dentistry/ |
Complete Schema Stack Reference
All three JSON-LD schemas included in the files — with field-by-field documentation.
✅ 3 schemas now included in both files. Each page contains: FAQPage + MedicalProcedure + Service (with nested Dentist / LocalBusiness). Validate all at validator.schema.org after publishing.
📋 Schema 1 — FAQPage
Purpose: Enables Google's rich FAQ result in SERPs — expandable Q&A blocks shown directly under the listing. Highest-impact schema for click-through rate on service pages.
| Field | Value / Rule |
|---|---|
| @type | FAQPage |
| mainEntity | Array of 8 Question objects. Must match the visible FAQ accordion on the page exactly — same questions, same answers. |
| Question → name | The exact question text as it appears in the accordion heading. |
| Question → acceptedAnswer → text | The answer in plain text (no HTML tags). Keep concise — Google truncates at ~300 chars in rich results. |
⚠️ Sync rule: Any time you edit FAQ questions or answers on the page, update this schema block to match. Mismatches can cause Google to ignore the schema entirely.
🦷 Schema 2 — MedicalProcedure
Purpose: Tells Google exactly what procedure is being performed, by whom, on what body area, and how. Strengthens topical authority for the procedure keyword and signals E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness).
| Field | Value / Rule |
|---|---|
| @type | MedicalProcedure |
| name | "Dental Implants" — update to procedure name for each service page |
| alternateName | Array of common name variants and related terms — helps with semantic keyword matching |
| procedureType | "Surgical" for implants / extractions / grafting. Use "Therapeutic" for cleanings, whitening, etc. |
| bodyLocation | "Jaw, Oral Cavity" for most dental procedures |
| preparation | What the patient needs to do / know before the procedure |
| followUp | Post-procedure care instructions and follow-up schedule |
| howPerformed | Plain-language summary of how the procedure is carried out. Critical E-E-A-T signal. |
| recognizingAuthority | Credentialing or accrediting body — AAID, ADA, etc. Adds authority signal. |
| performer → @type | Dentist (use Person for individual doctor; Dentist/Organization for the practice) |
| performer → name | The specific doctor performing this procedure — Dr. Alexander Rockwell for surgical cases |
💡 Per-page customization: Update procedureType, preparation, followUp, and howPerformed for each new service page. The performer stays as Dr. Rockwell for most surgical/specialty procedures.
🏢 Schema 3 — Service + Dentist (LocalBusiness)
Purpose: Two schemas working together — Service describes the specific offering on this page; the nested Dentist (which extends LocalBusiness) provides full practice details that feed Google's local pack, Knowledge Panel, and maps. This is the most data-rich schema block and the most impactful for local SEO.
| Field | Value / Rule |
|---|---|
| @type (outer) | Service |
| serviceType | "Dental Implants" — update per page (e.g., "Teeth Whitening", "Root Canal") |
| name | Full descriptive service name with location: "Dental Implant Placement & Restoration — Middletown, NJ" |
| alternateName | Service variants (single implant, All-on-4, etc.) — helps with long-tail keyword matching |
| url | Canonical URL of this specific service page — update per page |
| category | "Restorative Dentistry" / "Cosmetic Dentistry" / "Preventive Dentistry" / "Emergency Dentistry" — pick the most accurate |
| availableChannel → servicePhone | +17327061100 (Middletown) or +16098909000 (Hamilton). Use E.164 format. |
| areaServed | Array of City and AdministrativeArea objects. Covers Middletown + surrounding towns + Monmouth County. Update for Hamilton pages to add Mercer County towns. |
| provider → @type | Dentist — this is the key LocalBusiness type for dental practices. Extends MedicalBusiness → LocalBusiness. |
| provider → name | "Rockwell Dentistry" — stays the same on all pages |
| provider → address | PostalAddress object. Use Middletown address for rockwelldentistry.com pages, Hamilton address for rockwelldentistryhamilton.com pages. |
| provider → geo | GeoCoordinates — latitude/longitude for the specific office. Critical for map pack ranking. |
| provider → openingHoursSpecification | Structured hours for each day open. Update if hours change. Closed days are simply omitted. |
| provider → priceRange | "$$" — indicates mid-range pricing to Google. Options: $, $$, $$$, $$$$ |
| provider → availableService | Array of MedicalProcedure objects listing all services offered. Stays consistent across all pages. |
| provider → employee | Array of Person objects for all three Rockwell doctors. Stays consistent across all pages. |
| offers → name | "Free Dental Implant Consultation" — update offer name per service (e.g., "Free Veneer Consultation") |
| offers → price | "0" for free consultations. Update if a paid offer is being promoted. |
📍 Hamilton Township Address Fields (for rockwelldentistryhamilton.com)
When building pages for the Hamilton location, replace these fields in Schema 3:
| Field | Hamilton Value |
|---|---|
| provider → telephone | +16098909000 |
| provider → address → streetAddress | 2139 NJ-33 |
| provider → address → addressLocality | Hamilton Township |
| provider → address → postalCode | 08690 |
| provider → geo → latitude | 40.2338 (approximate — verify with Google Maps) |
| provider → geo → longitude | -74.6918 (approximate — verify with Google Maps) |
| provider → url | https://www.rockwelldentistryhamilton.com |
| service → url | https://www.rockwelldentistryhamilton.com/[slug]/ |
| availableChannel → servicePhone | +16098909000 |
| areaServed (add) | Hamilton Township, Trenton, Princeton, Robbinsville, Mercer County |
🔑 Schema Swap Reference Per Service Page
Fields to update in Schemas 2 & 3 when adapting this template for a different service:
| Service Page | procedureType | category | Schema 2 howPerformed summary |
|---|---|---|---|
| Root Canal | Surgical | Restorative Dentistry | Infected pulp removed, canals cleaned/shaped/sealed, crown placed same day |
| Porcelain Veneers | Cosmetic / Restorative | Cosmetic Dentistry | Minimal enamel prep, impressions, lab-fabricated shells bonded to front of teeth |
| Teeth Whitening | Therapeutic | Cosmetic Dentistry | Philips Zoom light-activated in-office treatment or custom take-home tray system |
| Invisalign | Therapeutic | Orthodontic Dentistry | Custom clear aligner series, worn 20–22 hrs/day, changed every 1–2 weeks |
| Dental Crowns | Surgical / Restorative | Restorative Dentistry | Tooth prepared, digital impressions, lab-fabricated or same-day CEREC crown cemented |
| Wisdom Teeth | Surgical | Oral Surgery | Local anesthesia or IV sedation, tooth sectioned if impacted, extracted, site sutured |
| Emergency Dentistry | Emergency | Emergency Dentistry | Same-day triage, pain relief, and definitive or provisional treatment as required |
| Gum Disease | Therapeutic / Surgical | Periodontal Dentistry | Scaling and root planing, antibiotic therapy, or periodontal surgery depending on severity |
| Sedation Dentistry | Therapeutic | Sedation Dentistry | Board-certified anesthesiologist administers IV sedation or oral sedation per patient needs |
🛠️ RankMath Custom Schema: In RankMath Pro, go to Schema → Custom Schema and paste each JSON-LD block separately (one per schema type). This gives RankMath visibility into all three schemas for its score. Alternatively, leave all three <script> tags in the page HTML — Google reads them equally whether RankMath injects them or they're inline.
Adapting for Other Service Pages
How to use this template for veneers, root canals, Invisalign, and other services.
🔁 Template is fully reusable. The HTML file and Elementor JSON were built as examples using Dental Implants. To create a new service page (e.g., Veneers, Root Canal, Invisalign), follow the swap guide below. The CSS, JavaScript, and layout structure remain unchanged — only the content changes.
🔄 Find & Replace Token Guide
Perform a global find-and-replace on the HTML file for each token below:
| Find (token) | Replace with (example: Veneers) |
|---|---|
| Dental Implants | Porcelain Veneers |
| dental implants | porcelain veneers |
| dental-implants-middletown-nj | porcelain-veneers-middletown-nj |
| Free Implant Consultation | Free Veneer Consultation |
| (732) 706-1100 | [Update if Hamilton page: (609) 890-9000] |
| Middletown, NJ (hero eyebrow) | Middletown, NJ [or Hamilton Township, NJ] |
📋 Content Sections to Rewrite Per Service
| Section | What to Rewrite | Effort |
|---|---|---|
| Hero H1 + intro paragraph | Update procedure name, key benefit, and location. Intro paragraph should contain focus keyword naturally. | Medium |
| Intro copy (Section 2) | 2 paragraphs introducing the specific procedure and why Rockwell is the right choice for it. | Medium |
| FAQ (Section 3) | 8 new questions specific to the procedure. Update the JSON-LD schema to match exactly. | High |
| Stats (Section 4) | Replace all 4 stat figures and descriptions with procedure-relevant numbers. | Low |
| Types/Services (Section 5) | Rewrite to cover the variants of this specific procedure (e.g., for veneers: porcelain vs. composite vs. Lumineers). | High |
| Benefits grid (Section 6) | Replace all 6 benefit cards with procedure-specific benefits and appropriate emoji. | Medium |
| Process steps (Section 7) | Replace with the actual steps for this procedure. Keep 5–6 steps. | Medium |
| Who benefits checklist (Section 8) | Update to reflect patient profiles who typically need this specific service. | Low |
| Why choose us checklist (Section 9) | Keep most Rockwell-specific USPs. Update any points specific to implants (e.g., "in-house placement") to match the new service. | Low |
| Testimonial (Section 9) | Replace with a real patient review about the specific service. Required before publishing. | Medium |
| CTA headings + copy (Sections 10–11) | Update procedure name in CTA headlines. Phone numbers stay the same. | Low |
| JSON-LD Schema (Section 12) | Replace all FAQ questions and answers to match the new Section 3 exactly. | Medium |
🗂️ Recommended Service Page Build Order
Based on search volume and conversion potential for Rockwell Dentistry's two locations:
Middletown (rockwelldentistry.com)
- ✅ Dental Implants (built — this file)
- Root Canal Therapy
- Porcelain Veneers
- Invisalign
- Teeth Whitening (Philips Zoom)
- Dental Crowns
- Emergency Dentist
- Wisdom Tooth Extraction
- Sedation Dentistry
- Gum Disease Treatment
Hamilton Township (rockwelldentistryhamilton.com)
- Dental Implants Hamilton Township NJ
- Emergency Dentist Hamilton NJ
- Root Canal Hamilton Township NJ
- Porcelain Veneers Hamilton NJ
- Invisalign Hamilton Township NJ
- Teeth Whitening Hamilton NJ
- Dental Crowns Hamilton NJ
- Sedation Dentistry Hamilton NJ
- Gum Disease Treatment Hamilton NJ
- Wisdom Teeth Hamilton Township NJ
Content & Compliance Rules
HIPAA compliance, ethical advertising, and content standards for all pages.
🚫 Never Include
- Guarantees of any specific outcome ("You WILL be pain-free")
- Unsubstantiated superlatives ("best dentist in NJ")
- Before/after comparisons without patient consent
- Specific price quotes without "starting from" or "as low as" qualifiers
- Patient names, photos, or identifying details without signed release
- Medical claims not supported by clinical evidence
- Competitor name mentions (even positive)
- Any percentage statistics without cited source
✅ Always Include
- Soft qualifiers: "may," "can," "for most patients," "results vary"
- Clear recommendation to consult a dentist for individual cases
- Accurate credential information (DMD, affiliations, training)
- Current phone numbers and business hours
- Genuine patient testimonials (with permission)
- Accurate insurance and financing information
- Updated content — remove outdated promotions or offers
- Privacy Policy link in footer (required by HIPAA)
📝 Tone & Voice Guidelines
Rockwell Dentistry Voice
- Warm, empathetic, reassuring — not clinical
- Conversational — 9th grade reading level
- Confident, not boastful — let facts speak
- Family-oriented — reference the family practice heritage
- Direct — no filler phrases, no hedging on facts
- Patient-first — always frame benefits from patient's perspective
Trust Signals to Include
- 30+ years of experience
- Three Rockwell doctors (Dr. Alexander, Dr. Dawn, Dr. Natasha)
- Temple University faculty appointment (Dr. Alexander)
- Published author — "Smile!" book
- Board-certified anesthesiologists for sedation
- American Academy of Implant Dentistry member
- Two convenient NJ locations
- CareCredit financing available
Production Checklist
Complete every item before publishing any service page built from this template.
📝 Content
- Focus keyword appears in H1, first paragraph, at least one H2
- All placeholder text replaced (testimonial, names, etc.)
- Phone numbers verified and clickable (tel: links)
- All internal links point to real, live pages
- Word count confirmed above 1,500 (ideally 1,800–2,200)
- FAQ has minimum 6, maximum 10 questions
- FAQ schema matches the FAQ section exactly
- Both office locations referenced (Middletown + Hamilton)
- Testimonial is real and has patient permission
- No guarantee language anywhere in copy
⚙️ Technical
- RankMath focus keyword set
- SEO title under 60 characters
- Meta description 150–160 characters with keyword + CTA
- URL slug matches the service (e.g., /dental-implants-middletown-nj/)
- OG image uploaded (1200×630px)
- 3–5 images added with descriptive ALT text
- Schema validated at validator.schema.org
- Page tested on mobile (320px, 375px, 414px breakpoints)
- FAQ accordion tested — opens and closes correctly
- All CTA button links verified in browser
- Page speed checked (Google PageSpeed Insights)
- No 404 errors on internal links
Rockwell Dentistry Service Page Template System — Version 1.0
Prepared for Rockwell Dentistry · Middletown, NJ & Hamilton Township, NJ
Questions? Update this document as the site evolves. Re-export the Elementor JSON after major design changes.