Product page: the structure that makes people buy, block by block

What a product page is for: get found, then get chosen

A product page has two readers. Google first, which must understand what the product is, at what price, whether it is in stock, so that it can show it on the right searches. Then the buyer, who decides in a few seconds whether to stay. A page that pleases one and not the other does not sell: it is invisible, or visible but ignored.

Most failing product pages share the same flaw: they describe the product from the seller’s point of view (reference, collection, sales pitch), not from the buyer’s (use, size, care, delivery). Rewriting them the buyer’s way is often enough to move the conversion rate.

What must be visible without scrolling

On a phone, the first screen does all the work. On our own sites, 61% of measured visits happen on mobile. On that first screen, the buyer must find:

• The product title, with the attribute that decides (size, capacity, material, compatibility).
• The main photo, sharp, the product on its own, and access to the other photos in one swipe.
• The total price and what it includes: delivery included, or its exact cost.
• The real delivery time and the returns policy in one line.
• A single buy button with a clear label, and the variant (size, colour) to choose just above it.
• One line of trust signals made of true facts: secure payment, returns, reachable customer service.

Costs discovered at the last moment are the first reason for abandonment that shoppers give in the Baymard Institute surveys (40%, excluding people just browsing). Showing them on the product page costs less than losing the buyer at checkout.

The complete structure, block by block

This is the order we use on our shops and for our clients. Each block answers a precise question; none is decorative.

1. 1
   Title (H1): the name the buyer types, not the collection name. Product type + key attribute + variant.
2. 2
   First sentence: what the product is for and who it is for, in one sentence that stands on its own. This is the sentence Google and AI assistants pick up.
3. 3
   Photos: the product alone on a light background, then in use, then the details (material, fastening, label), then the scale (a hand, a familiar object).
4. 4
   Price, delivery, returns: the total price, the delivery time and cost, the returns window, just above the button.
5. 5
   Why this one: three to five concrete benefits, each backed by a fact (measurement, material, test, guarantee).
6. 6
   Specifications: a table of real measurements, weight, dimensions, compatibility, composition, care.
7. 7
   Reviews: real, dated customer reviews with the overall rating; never an invented or filtered review.
8. 8
   Frequently asked questions: the questions your customers ask by email or phone, with a short answer.
9. 9
   Related products: the logical add-on and the bundle, not ten random suggestions.

A complete product page example

Here is a page written for a fictitious product, to show the tone and the order. The measurements are examples: on your page, every figure comes from your product.

Title: “Insulated stainless steel water bottle 750 ml, leak-proof cap, keeps drinks cold and hot”.

First sentence: “A 750 ml double-wall stainless steel bottle that fits a car cup holder and lies flat in a bag, for cold or hot drinks all day long.”

Above the button: “€29 delivery included · dispatched within 24 working hours · free returns within 30 days”.

Why this one: “Double-wall stainless steel: no metallic taste, no condensation. Screw cap with silicone seal: no leaks upside down in a bag. 7 cm diameter: fits cup holders and backpack side pockets.”

Specifications: capacity, height, diameter, empty weight, material of the body and cap, dishwasher compatibility, tested cold and hot retention time.

FAQ: “Can I put fizzy drinks in it?”, “Is it dishwasher safe?”, “Can the cap be replaced?”.

Notice what is missing: no superlative without proof, no invented urgency, no review out of nowhere. Every sentence helps the buyer decide.

Product page SEO: what Google reads

For SEO, the page must be unique, readable and described. Unique: text that exists nowhere else, not the supplier’s description copied by a hundred shops. Readable: the important content in text, not inside an image. Described: structured data that matches exactly what the page shows.

Google’s merchant listings require at least the name, the image and a nested Offer element with the price; the Offer element is required because the merchant must be the seller of the product. Google recommends several high-resolution images of at least 50,000 pixels (width multiplied by height). Shipping and returns conditions can also be described in structured data.

• Title tag: the product title + one element that earns the click (delivery, guarantee), without going past what is displayed.
• Meta description: the use and the benefit in one sentence, the price if you are competitive.
• Short, stable URL: /insulated-stainless-bottle-750-ml/, with no parameters.
• Image alt text: what the photo shows, in plain words.
• One URL per product, even if it sits in several categories, with a canonical tag.
• HTML links from the category and from the guides that mention the product.

Variants, choice and the number of options

One page per variant or one page with a selector? A simple rule: a single page with a selector when the variants only change the colour or size; separate pages when a variant answers a different search (a capacity, a use, a compatibility that buyers type).

Avoid too much choice as well. In a famous experiment, Iyengar and Lepper (2000) showed that shoppers were more likely to buy when offered a limited choice of six products rather than a wide choice of twenty-four or thirty. On a product page, three clear options beat twelve boxes.

Reviews: the proof nothing can replace

Reviews sell, and research has measured it. Studying online book sales, Chevalier and Mayzlin (2006) showed that an improvement in a book’s reviews increases its relative sales, and that a very negative review weighs more than a very positive one.

Hence two rules. Collect real reviews after every order, and show them all, negative ones included, with a reply. And never invent a review: in France it is a misleading commercial practice that is penalised by law, and it also destroys the trust of Google Merchant Center.

Final check before publishing

Before putting a product page live, run these checks:

1. 1
   The title contains what the buyer types, and the attribute that decides.
2. 2
   The first sentence states the use and the audience, and stands on its own.
3. 3
   Total price, delivery time and returns are visible above the button, on mobile.
4. 4
   Every measurement is real and checked on the product.
5. 5
   Photos are sharp, light, with no text on top, and have alt text.
6. 6
   The structured data matches the price and availability displayed.
7. 7
   The page gets a link from its category and from at least one guide.