Page SEO Analyzer: मुफ्त ऑन-पेज SEO ऑडिट टूल
किसी पेज का HTML पेस्ट करें और स्कोर्ड ऑडिट पाएं: meta tags, headings, canonical, Open Graph, Twitter Card, JSON-LD और accessibility signals।
Page SEO Analyzer क्या है?
Page SEO Analyzer किसी पेज के HTML को पार्स करता है और उन चीज़ों की रिपोर्ट देता है जो वास्तव में on-page रैंकिंग को प्रभावित करती हैं: title और description की लंबाई, heading hierarchy, canonical URL, Open Graph और Twitter Card कवरेज, JSON-LD structured data, और charset, hreflang, render-blocking scripts, image alt text जैसे technical signals की लंबी सूची। मैं इस टूल का उपयोग तब करता हूँ जब कोई client मुझे audit के लिए एक template भेजता है पर मुझे CMS तक access नहीं होता — rendered HTML एक बार पेस्ट कीजिए, numbered fix list वापस मिलती है। Errors, warnings और informational findings color-coded हैं और severity के अनुसार sorted हैं, और पाँच-tab breakdown हर signal को सामने लाता है जो parser को मिला, इसलिए जो मौजूद है उसे verify करना उतना ही आसान है जितना उसे जो नहीं है।
मुख्य विशेषताएं
- Category breakdown के साथ SEO score — हर analysis 0-100 का overall score देता है, साथ ही crawlability, content, social, structured data और accessibility के per-category subscores, ताकि आप देख सकें पेज कहाँ points खो रही है।
- Meta tag audit — title (length और Google की ~600px desktop cap के विरुद्ध pixel-width estimate), description, canonical, robots, viewport, charset, और
<html lang>को extract और validate करता है, जो missing या oversized fields को flag करता है। - Heading hierarchy view — हर H1 से H6 को document order में indentation के साथ list करता है, missing H1, multiple H1s और skipped levels (जैसे H2 से सीधे H4 पर जाना) flag करता है।
- Open Graph और Twitter Card coverage —
og:title,og:description,og:image,og:url,og:type,og:site_name, साथ ही चारोंtwitter:*fields check करता है, और चेतावनी देता है जबog:urlऔर<link rel="canonical">मेल नहीं खाते। - JSON-LD parsing और validation — हर
<script type="application/ld+json">block को extract करता है, parse करता है, unparseable blocks को अलग गिनता है, और हर schema पर resolved@typeदिखाता है। - Image alt-text और dimension checks —
altसे रहित images, खालीaltवाली, filename-as-alt वाली (IMG_1234.jpg), explicit width/height से रहित (Cumulative Layout Shift signal), और below-fold images जोloading="lazy"का उपयोग नहीं कर रहीं, उन्हें गिनता है। - Link audit — internal vs external counts, generic anchor-text detection (click here, read more, learn more), उन IDs पर जाने वाले in-page fragment links जो मौजूद नहीं हैं, और
target="_blank"बिनाrel="noopener"के। - Tech tab — canonical, charset, viewport, html lang, robots, favicon, hreflang count, main landmark, preload hints, render-blocking scripts, deprecated tags (
<center>,<font>,<marquee>...) और base href का at-a-glance status। - Browser-side parsing — HTML को walk करने के लिए native
DOMParserका उपयोग करता है; कोई upload नहीं, कोई external API नहीं।
Page SEO Analyzer का उपयोग कैसे करें
चरण 1: अपना HTML पेस्ट करें
पेज पर एकमात्र input "HTML Input" labeled textarea है। एक पेज का full HTML source पेस्ट करें — आमतौर पर वह जो आपको browser के "View Source" (Ctrl+U / Cmd+Option+U) से, curl -L request की response body से, या आपके framework से export किए rendered HTML से मिलता है। 2 MB upper bound enforced है; उससे बड़े पेज parsing से पहले alert trip कर देंगे क्योंकि main thread पर DOMParser धीमा होने लगता है।
चरण 2: Analyze पर click करें
Textarea के नीचे Analyze button दबाएं। Parsing आपके browser में चलती है; results तुरंत आ जाते हैं। Textarea खाली हो तो tool silently fail होने के बजाय "Please enter HTML to analyze" toast करता है।
चरण 3: Score summary पढ़ें
ऊपर 4-card row आती है: overall Score (80+ पर हरा, 50-79 पर पीला, 50 से नीचे लाल), Errors, Warnings, और मिले Schemas की count। Cards के नीचे Issues list हर finding को severity के अनुसार sorted दिखाती है — पहले errors (लाल XCircle), फिर warnings (पीला AlertTriangle), फिर informational notes (नीला CheckCircle)। हर issue में i18n message है जिसमें relevant numbers fill होते हैं (जैसे "8 of 12 images missing alt text")।
चरण 4: Tabs में गहराई से जाएं
Issues के नीचे पाँच tabs हैं:
- Meta — character count और 50-60 chars के बीच "Optimal" badge वाला title, 150-160 chars के बीच उसी badge वाली description, साथ ही canonical और robots।
- Headings — हर heading document order में
H1-H6badge और text के साथ। Indentation nesting depth को visualize करती है। - Social — Open Graph और Twitter Card cards side-by-side, हर field भरा हुआ या "Not set" marked।
- Schema — हर JSON-LD block उसके
@typeऔर syntax-highlighted JSON dump के साथ। - Tech — 16 छोटी status cards जो charset, viewport, hreflang, main landmark, preload hints, render-blocking scripts, dimensions से रहित images, lazy-load coverage, deprecated tags, internal/external link counts और base href को cover करती हैं।
चरण 5: Fix करें और फिर से analyze करें
Source में fixes लागू करें, नया HTML पेस्ट करें, फिर से Analyze click करें। हर run एक history entry record करती है जो errors, warnings और heading count summarize करती है, इसलिए आप एक ही template पर दो runs को compare कर सकते हैं। Supporters labeled snapshots भी save कर सकते हैं, PDF report generate कर सकते हैं, और सबसे common findings के लिए translated fix snippets pull कर सकते हैं।
व्यावहारिक उदाहरण
Marketing landing page का audit
एक landing page <title>Welcome to ProductX — The All-in-One Customer Platform</title> (74 characters, 60-char warning line से बहुत ऊपर) के साथ बनी है और कोई <meta name="description"> नहीं है। HTML पेस्ट करने पर वापस मिलता है: titleTooLong warning, missingDescription error, और titlePixelTooLong warning क्योंकि title Google की ~600px desktop cap से भी चौड़ा है। Title को लगभग 50-60 characters तक trim करें, 150-160 character की description लिखें, फिर से run करें, और Meta tab दोनों lengths के पास हरे "Optimal" badges दिखाता है।
Publish से पहले Article structured data validate करना
एक blog post template Article JSON-LD block जोड़ता है। Rendered HTML पेस्ट करें; Schema tab पूरे block को pretty-printed Schema #1 (Article) दिखाता है। comma छूटा हो तो issues list invalidJsonLd को count के साथ दिखाती है और schema tab उस block को list नहीं करेगा — push से पहले quick verification। साथ की Open Graph card यह भी दिखाती है कि og:type article है या नहीं (Facebook article posts के लिए यही expect करता है)।
Accessibility और performance smells पकड़ना
एक पेज quick scan पर Lighthouse pass कर जाती है पर Tech tab अधिक थोरो है। Render-blocking scripts पीले में 4 दिखाता है क्योंकि <head> में चार <script src> tags में async या defer नहीं है। Images Missing Dimensions 12 दिखाता है क्योंकि टीम width और height set नहीं कर रही। Lazy Images 1 / 14 दिखाता है — eligible below-fold images में से केवल एक loading="lazy" का उपयोग करती है। हर एक small fix है जो templates पर compound होता है।
टिप्स और सर्वोत्तम प्रथाएं
Rendered HTML पेस्ट करें, source HTML नहीं। आधुनिक frameworks meta tags, headings और JSON-LD JavaScript के माध्यम से render करते हैं। Pre-render template source पेस्ट करने पर analyzer खाली <head> देखता है और false-positive errors की लंबी list रिपोर्ट करता है। DevTools में <html> element पर "Copy outerHTML" का उपयोग करें, या redirects follow करने के लिए URL को -L के साथ curl करें।
पहले errors fix करें, फिर warnings, फिर info। Issue list पहले से ही severity-sorted है। Errors (लाल) crawl/index को block करती हैं — noindexDetected, missingViewport, invalidJsonLd। Warnings (पीली) असली misses हैं — title length, missing alt, missing canonical। Info (नीली) nudges हैं — metaKeywordsDeprecated, genericAnchorText, paginationLinks। Info findings को silence करके perfect score का पीछा न करें; वे signals हैं, errors नहीं।
एक ही template के दो snapshots compare करें। Fix से पहले और बाद में analyzer चलाएं और देखें कि Errors और Warnings counts कैसे बदलते हैं। Tool के नीचे history panel quick diff source के रूप में पिछले कुछ runs रखता है। बड़े audits के लिए, supporter snapshots से runs को label कर सकते हैं और बाद में HTML restore कर सकते हैं।
Pixel-width check पर भरोसा करें, सिर्फ character count पर नहीं। दो 60-character titles letter shapes के कारण अलग pixel widths पर render हो सकते हैं — "WWW Information Initiative" उतने ही character count पर "lily lily lily lily lily i" से चौड़ा है। Google की SERP truncation pixel-based है लगभग 600px पर। titlePixelTooLong warning उन titles को पकड़ती है जो character budget में फिट होते हैं पर फिर भी कट जाते हैं।
सामान्य समस्याएं और troubleshooting
"Please enter HTML to analyze" — textarea खाली है या केवल whitespace है। वास्तविक HTML पेस्ट करें (<!DOCTYPE html> से शुरू होने की ज़रूरत नहीं; partial fragments ठीक parse होते हैं, पर <head> न होने पर अधिकांश fields "not set" दिखेंगे)।
"HTML too large (max 2 MB)" — input 2 MB से अधिक है। जिस section की परवाह है उस तक trim करें (अधिकांश checks के लिए <head> plus body skeleton काफी है), या HTML को file में save करके local script का उपयोग करें। 2 MB cap इसलिए है क्योंकि main thread पर DOMParser बड़े inputs पर tab को freeze कर सकता है।
"Failed to parse HTML" — parser input को समझ नहीं सका। आमतौर पर इसका मतलब है कि input HTML है ही नहीं (आपने गलती से JSON या URL पेस्ट कर दिया)। Confirm करें कि input < से शुरू होता है और tag syntax है।
Known-good page पर score अपेक्षा से कम है। Tech tab देखें। बहुत सारे points informational findings से जाते हैं जो issues list summary में नहीं दिखते — favicon गायब, content-rich page पर preload hints नहीं, nav में generic anchor text। कोई blocker नहीं है, पर सब score से घटाते हैं।
JSON-LD count expected से एक कम है। उस schema block में JSON syntax error है और वह schema tab के बजाय issues list में invalidJsonLd के रूप में आता है। Block को JSON Formatter में copy करें ताकि छूटा comma या unmatched brace मिल सके।
Hreflang count सही दिखती है पर hreflangInvalid fire हो रहा है। Hreflang values BCP-47 होने चाहिए — en, en-US, pt-BR, या special x-default। Tool उन codes को flag करता है जो ^([a-z]{2,3}(-[A-Za-z0-9]+)*|x-default)$ (case-insensitive) से match नहीं करते। Common offenders: underscore वाला en_US, english, या trailing whitespace।
गोपनीयता और सुरक्षा
Page SEO Analyzer आपके browser में native DOMParser का उपयोग करके HTML parse करता है। आप जो HTML पेस्ट करते हैं वह आपके device से नहीं निकलता, और कोई server endpoint नहीं है जो उसे receive करता हो। यह staging और unreleased pages के लिए मायने रखता है — आप ऐसी draft template का audit कर सकते हैं जो अभी भी authentication के पीछे है, third-party crawler को expose किए बिना। Tool का JavaScript load हो जाने के बाद, analysis offline चलती है।
अक्सर पूछे जाने वाले प्रश्न
Tool कैसे तय करता है कि क्या serious issue है और क्या nudge?
तीन severity tiers हर signal के लिए W3C/Google guidance से मेल खाते हैं। Errors blockers हैं — noindex directives, गायब <meta viewport>, JSON-LD में parse failures, content page पर गायब H1। Warnings असली misses हैं जो SERP appearance या accessibility को नुकसान पहुँचाते हैं पर indexing block नहीं करते — recommended length के बाहर title या description, canonical-og:url mismatch, rel="noopener" बिना target="_blank"। Info findings quality nudges हैं — generic anchor text, गायब favicon, deprecated tags। Severity source में issue generation step पर set होती है, per run configurable नहीं।
क्या analyzer मेरे लिए URL fetch कर सकता है?
अभी नहीं। Textarea केवल पेस्ट किया HTML accept करता है, क्योंकि arbitrary origins के against in-browser fetching CORS द्वारा block है और server proxy की ज़रूरत होगी। Remote URL audit करनी हो तो terminal से curl -L -A "Mozilla/5.0" https://example.com > page.html चलाएं और file contents पेस्ट करें।
मेरा title-length check pass होता है पर titlePixelTooLong फिर भी fire क्यों होता है?
क्योंकि Google standard 20px Arial render पर लगभग 600 pixels पर titles truncate करता है, 60 characters पर नहीं। चौड़े letters (M, W, capital letters आम तौर पर, em-dashes) pixel count को cap के ऊपर ले जाते हैं भले ही character count ठीक लगे। Pixel estimate canvas measureText का उपयोग करके 20px Arial,Helvetica,sans-serif के against करता है — Google desktop SERPs पर जो उपयोग करता है उसका करीबी approximation।
Score का वास्तव में अर्थ क्या है?
Score पाँच categories पर weighted sum है: crawlability (क्या search engines इसे index कर सकते हैं), content (title, description, headings), social (Open Graph, Twitter Card), structured data (JSON-LD presence और validity), और accessibility (alt text, lang, landmarks)। हर issue severity के आधार पर fixed संख्या में points घटाता है। 80+ score बताता है कि major signals मौजूद हैं और well-formed हैं; 50-79 असली misses हैं; 50 से नीचे का मतलब है कम से कम एक error-tier blocker fire हो रहा है। Score को directional summary मानें, absolute grade नहीं।
क्या tool कुछ ऐसा check करता है जिसके लिए page run करनी पड़े?
नहीं — हर check static parse-time है। जो चीज़ें execution या network चाहती हैं (Core Web Vitals timing, server response codes, robots.txt fetch, sitemap reachability) वे scope से बाहर हैं। उनके लिए, crawl-time link validation के लिए जल्द आ रहा है: Broken Link Checker और sitemap diagnostics के लिए जल्द आ रहा है: Sitemap Tools का उपयोग करें।
क्या मैं login से protected page audit कर सकता हूँ?
हाँ, और यह इस tool का उपयोग करने का एक कारण है। Logged in रहते हुए page खोलें, DevTools से rendered HTML copy करें (<html> पर right-click → Copy → Copy outerHTML), पेस्ट करें, analyze करें। आपके browser से कुछ नहीं निकलता, इसलिए authenticated pages और unreleased templates test करना safe है।
संबंधित टूल्स
- जल्द आ रहा है: Meta Tag Generator — वह title, description, Open Graph और Twitter Card tags generate करें जो यह analyzer check करता है।
- जल्द आ रहा है: Schema Generator — JSON हाथ से लिखे बिना valid Article, FAQ, Product और Organization JSON-LD बनाएं।
- जल्द आ रहा है: SERP Preview — change ship करने से पहले देखें कि आपका title और description Google पर कैसे दिखेंगे।
- जल्द आ रहा है: Accessibility Suite — ARIA, contrast, keyboard navigation और form labels को cover करता गहरा accessibility audit।
- JSON Formatter —
invalidJsonLdwarnings को offending block re-format और validate करके debug करें।
Page SEO Analyzer अभी आज़माएं: जल्द आ रहा है: Page SEO Analyzer