Audit Result

UUID: 019da9b1-6117-72d5-af95-79e1eba4b46b

Share on X Recheck Back to history
sugr.pages.dev

https://sugr.pages.dev/

Scanned 4 months ago

73
Fair Score
39 total checks
Passed
21
Warnings
15
Errors
3

Meta Information

  • Title Tag Warning

    Found 16 characters. Keep title between 30 and 60 characters.

    Fix: Add a unique <title> tag describing the main page intent in 30-60 characters.

  • Meta Description Error

    Missing meta description.

    Fix: Add <meta name="description" content="..."> in <head> with a clear page summary.

  • Canonical URL Warning

    Canonical link not found.

    Fix: Add <link rel="canonical" href="https://example.com/page"> to avoid duplicate URL ambiguity.

  • Favicon Pass

    Favicon found and reachable: assets/icons/sugr-logo.svg (HTTP 200).

    Favicon
  • Viewport Meta Pass

    Viewport configured: width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

  • HTML Lang Pass

    Language declared as "zh-CN".

Content Structure

  • H1 Tag Pass

    Exactly one H1 found: "Sugr素格".

  • Heading Hierarchy Warning

    Detected 1 heading level jumps.

    • • Skipped from h1 to h3: "Sugr素格" -> "画布".

    Fix: Follow semantic order (h1 -> h2 -> h3) and avoid skipping heading levels.

  • Image Alt Text Error

    11 of 44 images are missing alt text.

    Fix: Add meaningful alt attributes to all informative images for accessibility and image SEO.

Technical Optimization

  • HTTPS Pass

    Page is served over HTTPS.

  • HSTS & HTTPS Redirect Warning

    2 HTTPS hardening issues detected.

    • • Missing Strict-Transport-Security header.
    • • Could not probe the HTTP version of this page.

    Fix: Set Strict-Transport-Security with a long max-age, add includeSubDomains, and redirect all HTTP requests to HTTPS.

  • Security Headers Warning

    Missing: strict-transport-security, content-security-policy, x-frame-options.

    Full HTTP headers (12)
    • • access-control-allow-origin: *
    • • alt-svc: h3=":443"; ma=86400
    • • cache-control: public, max-age=0, must-revalidate
    • • cf-ray: 9ef2469a2f77d6a4-IAD
    • • content-encoding: br
    • • content-type: text/html; charset=utf-8
    • • date: Mon, 20 Apr 2026 07:01:06 GMT
    • • nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
    • • referrer-policy: strict-origin-when-cross-origin
    • • report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2BnBqPJA6f%2F9JNawdmIH14B7v6uhXDj6RjDkRE9jfM6QrfZu4tajejkhl5u7g7d8RJ3jqvzG27SirUorjwO4F3fvxOlhVD5UBkXm3Y0PT%2BpqlcAwJMOCdShiiEQqocO0iIlUlLFf3AZYpgz43jA%3D%3D"}]}
    • • server: cloudflare
    • • x-content-type-options: nosniff

    Fix: Add the missing security headers at your reverse proxy or application layer.

  • CSP Quality Warning

    Content-Security-Policy header is missing.

    • • Missing Content-Security-Policy header.

    Fix: Define a restrictive Content-Security-Policy and avoid unsafe directives such as unsafe-inline and unsafe-eval.

  • Cookie Security Pass

    No first-party cookies were set during the initial page load.

  • Server Version Disclosure Pass

    Server response headers do not expose version tokens.

  • Cloudflare Proxy Pass

    Domain appears to be behind Cloudflare.

    • • server: cloudflare
    • • cf-ray: 9ef2469a2f77d6a4-IAD
  • Perceived Load Time Pass

    Loaded in 0.25s (perceived).

  • Render Blocking Resources Warning

    0 scripts and 1 styles may block rendering.

    • • style: https://sugr.pages.dev/assets/css/style.css

    Fix: Defer non-critical scripts and inline critical CSS to improve first paint speed.

  • Compression Pass

    Text-like assets appear compressed.

  • Robots.txt Pass

    Found robots.txt (200).

  • Sitemap File Pass

    Found sitemap (200) at https://sugr.pages.dev/sitemap.xml.

  • Crawl Directives Warning

    No robots meta tag defined.

    Fix: Add <meta name="robots" content="index,follow"> (or the intended directive) in <head>.

Accessibility Basics

  • Form Labels Error

    6 of 13 controls are missing labels.

    • • textarea#svgCode (svgCode)
    • • textarea#paletteTextarea (paletteTextarea)
    • • input[type="text"]#colorText.color-input (colorText)
    • • input[type="range"]#strokeWidth (strokeWidth)
    • • input[type="file"]#imageImportInput (imageImportInput)
    • • input[type="file"]#projectFileInput (projectFileInput)

    Fix: Associate each form control with a visible label, aria-label, or aria-labelledby.

  • Landmarks Warning

    Missing landmarks: header, nav, main, footer.

    Fix: Use semantic regions (<header>, <nav>, <main>, <footer>) for navigation and assistive tech.

  • Tap Target Size Warning

    25 interactive elements appear smaller than 48px.

    • • button#headerMenuToggle.icon-action-button.header-menu-button (菜单) - 24x24px
    • • button.size-picker-toggle (画布宽度预设) - 24x26px
    • • button.size-picker-toggle (画布高度预设) - 24x26px
    • • button#canvasAspectLock.active.size-lock-button (锁定宽高比例) - 28x28px
    • • button#mergeVisibleLayers.icon-action-button (合并可见图层) - 24x24px
    • • button#importImage.icon-action-button (导入图片) - 24x24px
    • • button#addLayer.add-layer-button (添加图层) - 24x24px
    • • button.layer-delete (删除图层) - 20x20px
    • • button#paletteButton.icon-action-button (调色板) - 24x24px
    • • button.color-swatch (#000000) - 24x24px
    • • button.color-swatch (#ffffff) - 24x24px
    • • button.color-swatch (#ff8b8b) - 24x24px
    • • button.color-swatch (#f9f7e8) - 24x24px
    • • button.color-swatch (#b6e4e4) - 24x24px
    • • button.color-swatch (#61bfad) - 24x24px
    • • button.color-swatch (#db705e) - 24x24px
    • • button.color-swatch (#a8c8d7) - 24x24px
    • • button#layerSimplifyButton.icon-action-button (简化当前图层颜色) - 24x24px
    • • button#downloadPng.action-button.split-button-main (下载 PNG) - 208x30px
    • • button#downloadToggle.action-button.split-button-toggle - 32x30px
    • • button#copyVector.action-button (复制 SVG) - 240x30px
    • • button.tool-button.active (画笔（B）) - 40x40px
    • • button.tool-button (直线（L）) - 40x40px
    • • button.tool-button (圆形（O）) - 40x40px
    • • button.tool-button (矩形（R）) - 40x40px

    Fix: Increase target size to at least 48x48 CSS pixels for touch interactions.

Social & Rich Results

  • Open Graph Basics Warning

    Missing og:title or og:description.

    Fix: Add og:title and og:description tags to control social preview text.

  • Open Graph Image Warning

    og:image is missing.

    Fix: Add <meta property="og:image" content="https://..."> with a high-quality share image.

  • Twitter Card Warning

    twitter:card is missing.

    Fix: Add <meta name="twitter:card" content="summary_large_image"> for better previews on X.

  • Structured Data Warning

    No JSON-LD schema scripts found.

    Fix: Add JSON-LD structured data matching your page type (Organization, Article, Product, etc.).

  • PWA Metadata Pass

    Manifest and Apple touch icon are configured.

  • Open Graph/Twitter Quality Warning

    5 social preview quality issues detected.

    • • ISSUE: og:url should be an absolute URL.
    • • ISSUE: og:title should typically be between 10 and 70 characters.
    • • ISSUE: og:description should typically be between 50 and 200 characters.
    • • ISSUE: Use an absolute URL for og:image or twitter:image.
    • • ISSUE: twitter:card is missing.
    • • GUIDELINE: Optimal og:title length: 40-60 characters (acceptable: 10-70).
    • • GUIDELINE: Optimal og:description length: 110-160 characters (acceptable: 50-200).
    • • GUIDELINE: Optimal preview image size: 1200x630 pixels.
    • • GUIDELINE: Optimal preview image aspect ratio: 1.91:1.
    • • GUIDELINE: Optimal preview image file size: under 5 MB.
    • • GUIDELINE: Recommended twitter:card: summary_large_image.

    Fix: Use absolute OG/Twitter URLs, keep metadata lengths in recommended ranges, and provide a preview image near 1200x630 under 5MB.

Links Analysis

Performance & Runtime