SEO Render Insight Tool Extension Chrome

Identify client-side rendered content to optimize SEO. Visualize CSR vs SSR with highlights and charts.

Latest Version

Version

1.2

Update

November 24, 2024

Size

74.07KiB

Developer

SEO Render Insight Tool Extension

𝐕𝐞𝐫𝐬𝐢𝐨𝐧 𝟏.𝟏 𝐔𝐩𝐝𝐚𝐭𝐞:
• Improved user experience: Extension now only works on the active tab
• New feature: Doughnut chart showing estimated CSR vs SSR percentages
• Performance enhancements and bug fixes

▶ 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬:
• Identifies potentially client-side rendered content
• Highlights potentially problematic areas in red
• Provides an approximate percentage of the page that might be client-side rendered
• Simplifies technical SEO discussions with developers

▶ 𝐏𝐫𝐨𝐛𝐥𝐞𝐦 𝐢𝐭 𝐬𝐨𝐥𝐯𝐞𝐬:
This extension suggests which parts of a webpage might be rendered on the client side, which can be less visible to search engines and potentially impact website rankings. As an SEO professional, you can use these insights to guide your investigation in Google Search Console, where you should inspect the page's indexed code and check for the suggested elements.

▶ 𝐇𝐨𝐰 𝐭𝐨 𝐮𝐬𝐞:
1- Install the Chrome extension
2- Toggle it on when viewing a webpage
3- Analyze the highlighted areas and percentage to identify potentially client-side rendered content
4- Use these insights to guide your inspection in Google Search Console

⚠ 𝐍𝐨𝐭𝐞: While this tool provides valuable insights, it's not 100% accurate. Use it as a hint to inform your SEO strategy, but always conduct further analysis in Google Search Console for comprehensive optimization.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "SEO Render Insight Tool", "version": "1.2", "description": "Identify client-side rendered content to optimize SEO. Visualize CSR vs SSR with highlights and charts.", "icons": { "48": "icon.png" }, "permissions": [ "storage", "tabs", "activeTab" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icon.png", "48": "icon.png", "128": "icon.png" } }, "content_scripts": [ { "matches": [""], "js": ["contentScript.js"], "run_at": "document_idle" } ], "web_accessible_resources": [ { "resources": ["heart.png"], "matches": [""] } ]}