https://example.com

Page structure & technical metrics

Words

19

Action candidates

1

Images

0

HTML

559 B

Copy

Title chars
14
Meta chars
0none
H1
1
H2
0

Action

Primary

Learn more

Forms
0
On-site links
0
Off-site links
1

Security & metadata

HTTPS
yes
HSTS
no
CSP
no
nosniff
no
viewport
yes
Icon
yes
JSON-LD
no
Analytics
no

Page

Scripts
0 ext / 0 inline
Lang
en
Third-party hosts
no

Lighthouse

Simulated mobile · Performance

100 / 100

2026-09-05 · Lab data, not field data.

View details

Simulated mobile · Lab data, not field data
2026-09-05T14:34:14.572Z · Lighthouse 13.4.1

Performance100/ 100
Accessibility96/ 100
Best practices96/ 100
SEO80/ 100
LCP · Largest content777 ms
CLS · Layout shift0.000
TBT · Blocking time0 ms
FCP · First content777 ms
SI · Speed index1,914 ms

Results vary by server, network and environment, independently of taste/conversion scores. Diagnostics retain Lighthouse wording.

Document does not have a main landmark.

One main landmark helps screen reader users navigate a web page. Learn more about landmarks.

Elements & resources
{
  "type": "table",
  "items": [
    {
      "node": {
        "lhId": "1-0-HTML",
        "path": "1,HTML",
        "type": "node",
        "snippet": "<html lang=\"en\">",
        "selector": "html",
        "nodeLabel": "html",
        "explanation": "Fix all of the following:\n  Document does not have a main landmark",
        "boundingRect": {
          "top": 0,
          "left": 0,
          "right": 412,
          "width": 412,
          "bottom": 402,
          "height": 402
        }
      }
    }
  ],
  "headings": [
    {
      "key": "node",
      "label": "Failing Elements",
      "valueType": "node",
      "subItemsHeading": {
        "key": "relatedNode",
        "valueType": "node"
      }
    }
  ],
  "debugData": {
    "tags": [
      "cat.semantics",
      "best-practice"
    ],
    "type": "debugdata",
    "impact": "moderate"
  }
}

Charset declaration is missing or occurs too late in the HTML

A character encoding declaration is required. It can be done with a `<meta>` tag in the first 1024 bytes of the HTML or in the Content-Type HTTP response header. Learn more about declaring the character encoding.

Links do not have descriptive text

1 link found

Descriptive link text helps search engines understand your content. Learn how to make links more accessible.

Elements & resources
{
  "type": "table",
  "items": [
    {
      "href": "https://iana.org/domains/example",
      "text": "Learn more",
      "textLang": "en"
    }
  ],
  "headings": [
    {
      "key": "href",
      "label": "Link destination",
      "valueType": "url"
    },
    {
      "key": "text",
      "label": "Link Text",
      "valueType": "text"
    }
  ]
}
Environment & raw metrics
{
  "finalUrl": "https://example.com/",
  "userAgent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36",
  "formFactor": "mobile",
  "throttlingMethod": "simulate",
  "throttling": {
    "rttMs": 150,
    "throughputKbps": 1638.4,
    "requestLatencyMs": 562.5,
    "uploadThroughputKbps": 675,
    "cpuSlowdownMultiplier": 4,
    "downloadThroughputKbps": 1474.5600000000002
  },
  "metrics": [
    {
      "id": "largest-contentful-paint",
      "unit": "millisecond",
      "value": 776.588
    },
    {
      "id": "cumulative-layout-shift",
      "unit": "unitless",
      "value": 0
    },
    {
      "id": "total-blocking-time",
      "unit": "millisecond",
      "value": 0
    },
    {
      "id": "first-contentful-paint",
      "unit": "millisecond",
      "value": 776.588
    },
    {
      "id": "speed-index",
      "unit": "millisecond",
      "value": 1913.9669999839782
    }
  ]
}

01 / WHAT WORKS

What makes it work

Zero clutter and instant comprehension

The page presents a single heading, two sentences of functional instruction, and one outbound reference, rendering instantly without asset blockers.

High contrast and clean system typography

Text renders with crisp contrast using system-ui at 16px body copy and 24px heading, remaining legible across both desktop (1440px) and mobile (390px) viewports.

02 / NEXT STEPS

Where to go next

  1. 01

    Clarify the destination and intent of the primary link

    The generic label 'Learn more' does not explain that clicking will take the user to the official IANA reserved domain registry documentation.

    Update the anchor text to 'Learn more at IANA' or append an explanatory phrase, while verifying that the destination continues pointing to https://iana.org/domains/example.

  2. 02

    Ground the document container on wide desktop viewports

    On 1440px screens, the text block sits with vast empty canvas around it, which can make the documentation notice feel unanchored.

    Wrap the content in a centered container with a maximum width (such as 600px) and consistent vertical padding, verifying alignment at 1440x900 and 390x844.

03 / DESIGN LANGUAGE

A design system you can reuse

Colors

Background

#eeeeee

Text

#000000

Typography

Display font
system-ui
Body font
system-ui
Heading / body
24px / 16px

Spacing & shape

Section gap
—
Component inset
—
Card radius
—
Button radius
—

CLEARER WORDS

Copy Revision Diff

Now

Learn more

SUGGESTED COPY

Learn more at IANA

Explicitly names the external authority destination so users know where the navigation link leads prior to clicking.

04 / EVIDENCE

The detail behind the report

Explore each observation, recommendation and captured record.

Conversion4 observations

Primary action is vague

High

Get started and Learn more do not tell the visitor what happens next. Specific actions convert; generic ones stall.

Name the next step: Start free trial, Book a 15-min demo, Send the menu. One primary verb.

Learn more

Share card is incomplete

High

A blank or generic unfurl on X, Slack, or WeChat wastes the click you already earned. This is distribution, not decoration.

Set og:title, og:description, and a 1200x630 image that matches the live headline.

og:title=no og:image=no

Meta description is missing or thin

Medium

This is the sentence under your link in search and in some chat previews. An empty one wastes that slot.

Write one specific sentence, 70-160 characters, that matches the H1.

(missing)

Anchor text lacks contextual clarity for non-visual scanning

Medium

Screen reader link lists and scanning users encounter isolated 'Learn more' links without identifying which subject is being learned.

Provide descriptive visible text or an aria-label attribute specifying 'Learn more about example domain registrations at IANA'.

Learn more
Launch4 observations

No HSTS header

Medium

Without Strict-Transport-Security, a first visit can still be downgraded to http. Browsers will not pin HTTPS.

Set Strict-Transport-Security: max-age=31536000; includeSubDomains at the edge.

strict-transport-security missing

No Content-Security-Policy

A CSP is the standard way to limit script sources. Vibe-coded pages often load anything, including injected scripts.

Start with a report-only CSP, then default-src 'self' and an explicit script-src.

content-security-policy missing

No X-Content-Type-Options

Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.

Set X-Content-Type-Options: nosniff.

x-content-type-options missing

No Referrer-Policy

The default referrer can leak internal paths and query strings to third parties.

Set Referrer-Policy: strict-origin-when-cross-origin.

referrer-policy missing

05 / MAKE IT HAPPEN

Give your AI a clear next step

Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.

Preview full instructions
Refactor the example.com single-page landing structure to enhance readability and anchor context while retaining all tokenized colors and typography:
1. Keep background color as #eeeeee and text color as #000000.
2. Keep system-ui font stack with h1 at 24px (weight 700) and body at 16px with normal line height.
3. Wrap the h1, explanatory paragraph, and anchor in a centered container with max-width: 600px and margin: 0 auto with 48px top padding on desktop (1440px) and 24px padding on mobile (390px).
4. Update the outbound link text from 'Learn more' to 'Learn more at IANA', keeping href='https://iana.org/domains/example' and text-decoration: underline with color rgb(51, 68, 136).
5. Add an aria-label='Learn more about example domain registrations at IANA' to the link.
6. Verify no external web fonts or tracking scripts are introduced.