Role: Technical Web Developer & Local SEO Specialist

Tech Stack: Vanilla JS, HTML5, CSS3, Netlify, Porkbun DNS, CI/CD, Git/GitHub

Tooling Suite: Google Analytics 4 (GA4), Google Search Console (GSC), Screaming Frog SEO Spider, Google Lighthouse, Schema.org

Target Market: Mesquite & East Dallas, Texas

Live Site:https://meridiandentalmesquite.com

TIMELINE

July 2026 - Present

PLATFORM

Any

MY ROLE

Technical Web Developer & Local SEO Specialist

Summary

<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" />

Meridian Dental is a mock local healthcare practice engineered to demonstrate modern, high-intent technical SEO and conversion-focused web architecture. The project implements an enterprise Hub-and-Spoke topical authority cluster, semantic JSON-LD Schema entity graphs, high-performance Core Web Vitals optimization, and custom Google Analytics 4 conversion pipelines without relying on third-party frameworks or heavy dependencies.

</aside>

Purpose & Problem Statement

<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" />

Local businesses often rely on heavy, bloated CMS templates (like stock WordPress builds) that suffer from poor page performance, inaccurate tracking, and weak local search visibility.

Meridian Dental, a mock dental practice located in Mesquite, TX, needed a modern digital foundation designed to:

1. Maximize local search indexing and rich snippet visibility on Google.
2. Track high-value user conversions (appointment requests and phone calls) without relying on fragile auto-event listeners.
3. Maintain lightning-fast mobile performance with $0.00 infrastructure overhead via static deployment. </aside>

Technical Architecture & Implementation

<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" />

<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" />

Hub-and-Spoke Topology: Structured around a high-authority core hub with 4 dedicated, high-intent service spokes targeting high-value transactional search queries across the Dallas–Fort Worth metro area.Internal Linking

Integrity: Clean, bi-directional siloing connecting global headers, context-rich service cards, and structured footers to distribute link equity without link dilution.

Metadata Precision: All 5 page titles strictly adhered to SERP pixel bounds (< 60 characters / < 580px) with zero truncation across desktop and mobile search snippets.

</aside>

</aside>

Semantic Entity SEO & Dual-Validation Schema

<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" />

Rather than relying on generic metadata, every service spoke implements a customized JSON-LD @graph entity hierarchy:

• Dentist / LocalBusiness Node: Anchors NAP consistency (Name, Address, Phone: Mesquite, TX 75150) and geographic coordinates directly to Schema.org standards.
• MedicalWebPage & MedicalProcedure Nodes: Explicitly declares clinical specialty contexts (https://schema.org/Dentistry) to reinforce search engine understanding.
• FAQPage Schema: Encodes structured question-and-answer pairs for high-intent patient queries (longevity, candidacy, pricing, pain management).
• Validation Standard: Dual-verified via Schema Markup Validator and Google's Rich Results testing pipeline with 0 Errors and 0 Warnings across all URLs. </aside>

Performance & Core Web Vitals Engineering

<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" />

Eliminated Layout Shifts (CLS = 0.00): Addressed font-swapping layout shifts by implementing font-display: swap / optional and enforcing rigid bounding containers (min-height: 70px, contain: layout).

LCP Acceleration: Used high-priority resource preloads (fetchpriority="high", <link rel="preload" as="image">) and responsive image sizing (.webp / .avif formats with explicit aspect ratios) to keep mobile Largest Contentful Paint under 2.5s.

Minimal JavaScript Overhead (TBT $< 50\text{ms}$): Replaced heavy UI libraries with clean, vanilla ES6 event listeners, resulting in near-zero Total Blocking Time on throttled mobile tests.

</aside>