Clintchiz
d402256547
Deploy to Production / Build & Verify (push) Failing after 5m56s
Ping Search Engines / Notify Search Engines (push) Successful in 2s
Deploy to Production / Pre-Deploy Tests (push) Has been skipped
Deploy to Production / Deploy to Railway (push) Has been skipped
Deploy to Production / Deploy to Render (push) Has been skipped
Deploy to Production / Deploy to VPS (PM2) (push) Has been skipped
Deploy to Production / Deploy to Fly.io (push) Has been skipped
Deploy to Production / Post-Deploy Verification (push) Has been skipped
Deploy to Production / Notify on Failure (push) Successful in 2s
E2E Test Suite / Critical User Journeys (push) Has been skipped
E2E Test Suite / API Integration Tests (push) Has been skipped
E2E Test Suite / Smoke Tests (P0) (push) Failing after 11m26s
E2E Test Suite / Form Interaction Tests (push) Failing after 11m42s
E2E Test Suite / Destructive & Chaos Tests (push) Failing after 12m2s
E2E Test Suite / Cross-Browser Regression (chromium) (push) Failing after 16m14s
E2E Test Suite / Cross-Browser Regression (webkit) (push) Failing after 17m45s
E2E Test Suite / Cross-Browser Regression (firefox) (push) Failing after 25m23s
E2E Test Suite / Security Header Tests (push) Failing after 7m55s
E2E Test Suite / Test Report Summary (push) Failing after 20s
E2E Test Suite / Mobile Device Tests (push) Failing after 2h49m9s
Uptime Monitor / Health & Response Time (push) Failing after 2s
Uptime Monitor / SSL Certificate (push) Successful in 2s
Uptime Monitor / Send Alerts (push) Failing after 3s
Uptime Monitor / Record Uptime Success (push) Has been skipped
296 lines
9.1 KiB
HTML
296 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Schema Testing Tool - WorkRoot IT Solutions</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
min-height: 100vh;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
background: white;
|
|
border-radius: 1rem;
|
|
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
|
overflow: hidden;
|
|
}
|
|
|
|
header {
|
|
background: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);
|
|
color: white;
|
|
padding: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.subtitle {
|
|
opacity: 0.9;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.content {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.tools-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 1.5rem;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.tool-card {
|
|
border: 2px solid #e2e8f0;
|
|
border-radius: 0.5rem;
|
|
padding: 1.5rem;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.tool-card:hover {
|
|
border-color: #0891b2;
|
|
box-shadow: 0 4px 12px rgba(8, 145, 178, 0.15);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.tool-card h3 {
|
|
color: #1e293b;
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.tool-card p {
|
|
color: #64748b;
|
|
margin-bottom: 1rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.tool-card a {
|
|
display: inline-block;
|
|
background: #0891b2;
|
|
color: white;
|
|
padding: 0.75rem 1.5rem;
|
|
border-radius: 0.5rem;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
transition: background 0.3s;
|
|
}
|
|
|
|
.tool-card a:hover {
|
|
background: #0e7490;
|
|
}
|
|
|
|
.urls {
|
|
margin-top: 2rem;
|
|
padding: 1.5rem;
|
|
background: #f8fafc;
|
|
border-radius: 0.5rem;
|
|
border-left: 4px solid #0891b2;
|
|
}
|
|
|
|
.urls h2 {
|
|
color: #1e293b;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.url-list {
|
|
list-style: none;
|
|
}
|
|
|
|
.url-list li {
|
|
padding: 0.5rem 0;
|
|
color: #475569;
|
|
font-family: 'Courier New', monospace;
|
|
}
|
|
|
|
.url-list li::before {
|
|
content: '→ ';
|
|
color: #0891b2;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.instructions {
|
|
margin-top: 2rem;
|
|
padding: 1.5rem;
|
|
background: #fef3c7;
|
|
border-radius: 0.5rem;
|
|
border-left: 4px solid #f59e0b;
|
|
}
|
|
|
|
.instructions h2 {
|
|
color: #92400e;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.instructions ol {
|
|
margin-left: 1.5rem;
|
|
color: #78350f;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
background: #10b981;
|
|
color: white;
|
|
padding: 0.25rem 0.75rem;
|
|
border-radius: 999px;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
padding: 2rem;
|
|
background: #f8fafc;
|
|
color: #64748b;
|
|
border-top: 1px solid #e2e8f0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>🔍 Schema Testing Tool</h1>
|
|
<p class="subtitle">Validate structured data for WorkRoot IT Solutions</p>
|
|
</header>
|
|
|
|
<div class="content">
|
|
<div class="instructions">
|
|
<h2>📋 Quick Start</h2>
|
|
<ol>
|
|
<li>Build the site: <code>npm run build</code></li>
|
|
<li>Start preview server: <code>npm run preview</code></li>
|
|
<li>Click on the testing tools below</li>
|
|
<li>Enter the URLs from the list below</li>
|
|
<li>Review results and fix any errors</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="urls">
|
|
<h2>📍 Pages to Test</h2>
|
|
<ul class="url-list">
|
|
<li>https://workroot.in/</li>
|
|
<li>https://workroot.in/about</li>
|
|
<li>https://workroot.in/services</li>
|
|
<li>https://workroot.in/contact</li>
|
|
<li>https://workroot.in/blog</li>
|
|
<li>https://workroot.in/blog/[any-blog-post]</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 style="margin-top: 2rem; color: #1e293b;">🛠️ Testing Tools</h2>
|
|
<div class="tools-grid">
|
|
<!-- Google Rich Results Test -->
|
|
<div class="tool-card">
|
|
<h3>Google Rich Results Test <span class="badge">Primary</span></h3>
|
|
<p>Official Google tool to test structured data and preview rich results. Essential for SEO.</p>
|
|
<a href="https://search.google.com/test/rich-results" target="_blank" rel="noopener">Open Tool →</a>
|
|
</div>
|
|
|
|
<!-- Schema.org Validator -->
|
|
<div class="tool-card">
|
|
<h3>Schema.org Validator <span class="badge">Primary</span></h3>
|
|
<p>Validates JSON-LD structured data against Schema.org specifications.</p>
|
|
<a href="https://validator.schema.org/" target="_blank" rel="noopener">Open Tool →</a>
|
|
</div>
|
|
|
|
<!-- Facebook Sharing Debugger -->
|
|
<div class="tool-card">
|
|
<h3>Facebook Sharing Debugger</h3>
|
|
<p>Test and debug Open Graph tags for Facebook, LinkedIn, and other platforms.</p>
|
|
<a href="https://developers.facebook.com/tools/debug/" target="_blank" rel="noopener">Open Tool →</a>
|
|
</div>
|
|
|
|
<!-- Twitter Card Validator -->
|
|
<div class="tool-card">
|
|
<h3>Twitter Card Validator</h3>
|
|
<p>Preview how your pages will look when shared on Twitter/X with Twitter Cards.</p>
|
|
<a href="https://cards-dev.twitter.com/validator" target="_blank" rel="noopener">Open Tool →</a>
|
|
</div>
|
|
|
|
<!-- LinkedIn Post Inspector -->
|
|
<div class="tool-card">
|
|
<h3>LinkedIn Post Inspector</h3>
|
|
<p>Preview and validate how your content appears when shared on LinkedIn.</p>
|
|
<a href="https://www.linkedin.com/post-inspector/" target="_blank" rel="noopener">Open Tool →</a>
|
|
</div>
|
|
|
|
<!-- Google Search Console -->
|
|
<div class="tool-card">
|
|
<h3>Google Search Console</h3>
|
|
<p>Monitor structured data performance, errors, and rich result impressions.</p>
|
|
<a href="https://search.google.com/search-console" target="_blank" rel="noopener">Open Tool →</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-top: 2rem; padding: 1.5rem; background: #eff6ff; border-radius: 0.5rem; border-left: 4px solid #3b82f6;">
|
|
<h2 style="color: #1e40af; margin-bottom: 1rem;">💡 Pro Tips</h2>
|
|
<ul style="margin-left: 1.5rem; color: #1e3a8a; line-height: 1.8;">
|
|
<li>Always test after building the site (<code>npm run build</code>)</li>
|
|
<li>Test both desktop and mobile views</li>
|
|
<li>Clear cache if changes don't appear (especially Facebook)</li>
|
|
<li>Run <code>npm run validate:schema</code> for automated local testing</li>
|
|
<li>Monitor Google Search Console weekly for new issues</li>
|
|
<li>Social sharing images should be 1200x630px for best results</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin-top: 2rem; padding: 1.5rem; background: #f0fdf4; border-radius: 0.5rem; border-left: 4px solid #22c55e;">
|
|
<h2 style="color: #166534; margin-bottom: 1rem;">✅ Expected Results</h2>
|
|
<table style="width: 100%; border-collapse: collapse;">
|
|
<thead>
|
|
<tr style="background: #dcfce7;">
|
|
<th style="padding: 0.75rem; text-align: left; color: #166534;">Page</th>
|
|
<th style="padding: 0.75rem; text-align: left; color: #166534;">Expected Schemas</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border-bottom: 1px solid #bbf7d0;">
|
|
<td style="padding: 0.75rem; color: #166534; font-weight: 600;">Homepage</td>
|
|
<td style="padding: 0.75rem; color: #15803d;">Organization, WebSite, FAQPage</td>
|
|
</tr>
|
|
<tr style="border-bottom: 1px solid #bbf7d0;">
|
|
<td style="padding: 0.75rem; color: #166534; font-weight: 600;">Blog Post</td>
|
|
<td style="padding: 0.75rem; color: #15803d;">BlogPosting, BreadcrumbList, Person</td>
|
|
</tr>
|
|
<tr style="border-bottom: 1px solid #bbf7d0;">
|
|
<td style="padding: 0.75rem; color: #166534; font-weight: 600;">Services</td>
|
|
<td style="padding: 0.75rem; color: #15803d;">Service, BreadcrumbList, WebPage</td>
|
|
</tr>
|
|
<tr style="border-bottom: 1px solid #bbf7d0;">
|
|
<td style="padding: 0.75rem; color: #166534; font-weight: 600;">About</td>
|
|
<td style="padding: 0.75rem; color: #15803d;">AboutPage, BreadcrumbList</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 0.75rem; color: #166534; font-weight: 600;">Contact</td>
|
|
<td style="padding: 0.75rem; color: #15803d;">ContactPage, BreadcrumbList</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>WorkRoot IT Solutions - Structured Data Implementation</p>
|
|
<p style="margin-top: 0.5rem; font-size: 0.875rem;">Last updated: March 21, 2026</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|