How to Do SEO for Programmatic Pages

Pages That Write Themselves

Imagine you want to rank on Google for every city in the US. That's 50 states × hundreds of cities = tens of thousands of pages. You can't write all of those by hand. Programmatic SEO solves that: you build one template, and the code fills it with different data for every city. 10,000 pages from one template.

But here's the catch — Google doesn't like pages that all look the same. If every city page just swaps out the name and nothing else, Google notices and buries them. Good programmatic SEO means every single page feels unique, useful, and worth ranking.

In short: you're not just generating pages. You're generating pages that look like a real person wrote each one.

One Template, Thousands of Keywords

With traditional SEO, you might write one blog post and rank for that one topic. With programmatic SEO, you write one template and rank for thousands of related searches at once — "best pizza in Chicago," "best pizza in New York," "best pizza in Austin," all from the same template.

This is how big affiliate sites and niche directories work. They don't hire writers to cover every city and product. They build smart templates and let the code do the work. Done right, it's one of the highest-ROI ways to grow organic traffic.

Four Steps to Programmatic Pages That Rank

Here's the process top sites use to build programmatic pages that actually rank on Google:

The key to all of this is making sure every page has unique, helpful content — not just a swapped city name. That means adding local details, genuine descriptions, real stats, and original writing wherever possible.

A City Landing Page Template

Here's what a simple programmatic page template looks like in code. A data array holds all the city-specific info, and a template function fills it in automatically — generating a full page for each city:

// Data for each city — unique info that makes pages feel personal
const cityData = [
  { "name": "Austin", "state": "Texas", "population": "950K", "tagline": "keep Austin weird" },
  { "name": "Denver", "state": "Colorado", "population": "720K", "tagline": "mile high city" },
  { "name": "Portland", "state": "Oregon", "population": "650K", "tagline": "portlandia" }
];

// Template function — builds a full HTML page for each city
function buildCityPage(city) {
  return `<h1>Best Things to Do in \${city.name}, \${city.state}</h1>
  <meta name="description" content="Discover \${city.name} — \${city.tagline}.
  Population: \${city.population}. Local guides and tips.">
  <h2>Why Visit \${city.name}?</h2>
  <p>With \${city.population} people, \${city.name} is one of the
  fastest-growing cities in the US. Known for "\${city.tagline}",
  it offers great food, music, and outdoor life.</p>`;
}

// Generate and save a page for each city
cityData.forEach(city => {
  const html = buildCityPage(city);
  const slug = city.name.toLowerCase();
  // Save as /pages/<city>.html
  saveFile(`pages/\${slug}.html`, html);
});

Add more cities to the data array and you get more pages — all with unique titles, descriptions, and content. Each one looks like it was written just for that city.

Knowledge Check

Test what you learned with this quick quiz.