SEO Summary Widget

A lightweight, collapsible frontend SEO analysis widget that appears on node detail pages for editors. Because it analyses the fully rendered page rather than raw field values, it works correctly with Layout Builder, Paragraphs, and any other rendering approach.

The widget is only shown to users who have edit access to the current node, so it is never exposed to anonymous visitors.

Features

• Collapsed by default — a small bar at the bottom-right of the screen; expands on click.
• Overall score indicator — green / orange / red dot summarises the result at a glance.
• Focus keyword — enter any keyword to run keyword-specific checks. When the Yoast SEO module is installed, the focus keyword stored on the node is pre-filled automatically.
• SEO checks
  • Focus keyword in page title
  • Focus keyword in meta description
  • Focus keyword in first paragraph
  • Focus keyword in a heading
  • Keyword density (ideal: 0.5 %–3 %)
  • Meta description length (ideal: 120–155 characters)
  • Page title length (ideal: 30–60 characters)
  • Image alt texts — missing images are shown as thumbnails in the tooltip
  • Internal links present
• Heading structure check — visual tree of all H1–H6 elements with inline warnings for:
  • No H1 found
  • Multiple H1 elements
  • Skipped heading levels (e.g. H1 → H3 without H2)
• Readability checks
  • Text length (minimum 300 words recommended)
  • Use of H2 subheadings
  • External links present
• Hover tooltips — hover over any check to see the actual value (meta description text, list of link paths, etc.). Missing alt-text images are shown as small thumbnails inside the tooltip.