Skip to content

Feat SEO Section (Overview, Heading Structure, Links & JSON LD Preview) #413

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
abedshaaban wants to merge 25 commits into
base: main
Choose a base branch
from
Draft

Feat SEO Section (Overview, Heading Structure, Links & JSON LD Preview) #413

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
c43bcb2
feat(devtools): add SEO tab documentation with detailed features and …
abedshaaban Mar 31, 2026
ffb1f35
feat(devtools): add SEO analysis features including JSON-LD, heading …
abedshaaban Mar 31, 2026
276b2ef
refactor(devtools): unify SEO severity handling across components
abedshaaban Mar 31, 2026
7432b11
feat(devtools): enhance SEO tab with canonical and robots meta tags
abedshaaban Apr 1, 2026
e52378c
feat(devtools): introduce SEO overview section with comprehensive ana…
abedshaaban Apr 1, 2026
23e0197
feat(devtools): enhance SEO tab with new styles and structured issue …
abedshaaban Apr 1, 2026
10e295e
feat(devtools): enhance SEO tab with new styles and severity handling
abedshaaban Apr 1, 2026
13e48a8
feat(devtools): update SEO tab styles and improve health score visual…
abedshaaban Apr 1, 2026
1d51b04
feat(devtools): implement accordion-style links preview in SEO tab
abedshaaban Apr 1, 2026
38a1d32
feat(devtools): enhance JSON-LD preview with new styling and validati…
abedshaaban Apr 1, 2026
ae90128
feat(devtools): enhance SEO overview with new scoring and styling fea…
abedshaaban Apr 1, 2026
48b5788
feat(devtools): add navigation and display for heading structure and …
abedshaaban Apr 1, 2026
bad6287
feat(devtools): enhance seoSubNav styles for improved responsiveness …
abedshaaban Apr 1, 2026
d898203
feat(devtools): update package.json scripts and enhance JSON-LD and l…
abedshaaban Apr 1, 2026
ea5e33c
refactor(devtools): clean up imports and improve text handling in SEO…
abedshaaban Apr 1, 2026
566271b
refactor(devtools): simplify link classification logic in links previ…
abedshaaban Apr 2, 2026
9323504
refactor(devtools): remove unused SEO overview footnote and clean up …
abedshaaban Apr 2, 2026
63e23e2
chore(devtools): update size limit for devtools package in package.json
abedshaaban Apr 2, 2026
b923405
refactor(devtools): standardize capitalization and improve formatting…
abedshaaban Apr 2, 2026
26e639e
refactor(devtools): update section titles for clarity in SEO overview
abedshaaban Apr 2, 2026
4aee218
feat(devtools): introduce new SEO tab with live previews and structur…
abedshaaban Apr 2, 2026
ec1a257
ci: apply automated fixes
autofix-ci[bot] Apr 2, 2026
dbf8ee2
refactor(devtools): update type exports for CanonicalPageIssue and Ca…
abedshaaban Apr 2, 2026
a2bb1a3
Merge branch 'main' of https://github.com/abedshaaban/tanstack-devtools
abedshaaban Apr 2, 2026
d73db33
Merge branch 'main' into main
abedshaaban Apr 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/puny-games-bow.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@tanstack/devtools': patch
---

Introduce a new SEO tab in devtools: live head-driven social and SERP previews, structured data (JSON-LD), heading and link analysis, plus an overview that scores and links into each section.
13 changes: 13 additions & 0 deletions examples/react/basic/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,11 +33,24 @@
content="A basic example of using TanStack Devtools with React."
/>

<link rel="canonical" href="http://localhost:3005/" />

<meta name="robots" content="index, follow" />
Comment on lines +36 to +38
Copy link
Copy Markdown

@coderabbitai coderabbitai bot Apr 2, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Don't point the canonical tag at a localhost URL.

This now disagrees with the og:url / twitter:url values in the same file and will make the example look broken anywhere except that one local port.

🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@examples/react/basic/index.html` around lines 36 - 38, The canonical link
currently points to a localhost URL; update the <link rel="canonical"> tag so it
doesn't reference http://localhost:3005/—make it match the site's public URL
used by the og:url and twitter:url meta tags (or use a relative canonical like
"/" if this is an example), ensuring the <link rel="canonical"> value is
consistent with the og:url/twitter:url values in the file.


<description
>A basic example of using TanStack Devtools with React.</description
>
</head>
<body>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "TanStack Devtools",
"url": "https://tanstack.com/devtools",
"logo": "https://tanstack.com/devtools/logo.png"
}
</script>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script type="module" src="/src/index.tsx"></script>
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
"size-limit": [
{
"path": "packages/devtools/dist/index.js",
"limit": "60 KB"
"limit": "69 KB"
},
{
"path": "packages/event-bus-client/dist/esm/plugin.js",
Expand Down
Loading
Loading