← Library
SEO Prompt

Spot SEO gaps and layout bugs from inspector code

Paste the HTML from Chrome's inspector and get back a plain-English list of SEO gaps and layout issues, with the fix for each.

Webflow MCP
Prompt
Here is the HTML for a page or section, copied from Chrome's inspect tool.

Analyse it for two things:
1. SEO gaps: missing or duplicate headings, missing alt text, weak or missing
   meta titles and descriptions, heading order problems, links with no text.
2. Layout and accessibility bugs: anything that would break on mobile, low
   colour contrast, or elements that would be hard to use on a phone.

For each issue, tell me in plain English what is wrong, why it matters, and the
exact change to make in Webflow. Put the most important fixes first.

<PASTE HTML HERE>

Walkthrough

You do not need to understand code to find out why a page is underperforming. Every browser ships with an inspect tool that shows the underlying HTML of any page, and that HTML carries the signals search engines read.


To get the code: open the page in Chrome, right-click the section you care about (or anywhere on the page), choose Inspect, then right-click the highlighted element and choose Copy, then Copy outer HTML. Paste that into the prompt.


Claude reads it the way a search engine and a screen reader would, then hands back a prioritised list: what is wrong, why it costs you, and the specific change to make inthe Webflow Designer. Common findings include missing alt text on images, two H1 headings on one page, a meta description that is too long, or text that fails contraston mobile. A quick way to audit a single page without paying for an SEO tool.

Copied to clipboard