MetaBuddy

MetaBuddy

javascriptchrome extension api

Nuthan B

MetaBuddy is a Chrome extension that performs instant, client-side analysis of a webpage's <head>, extracting SEO metadata, Open Graph tags, and script details via DOM inspection.

Problem

Manually inspecting a webpage’s <head> for SEO metadata, Open Graph tags, and scripts is time-consuming and error-prone, often requiring developer tools or third-party services.

Solution

MetaBuddy is a lightweight Chrome extension that runs entirely client-side. It inspects the DOM in real time and presents structured SEO and social metadata instantly in a popup UI.

Key Features

  • Instant extraction of SEO tags (title, description, canonical, robots)
  • Open Graph and Twitter Card analysis
  • Detection of all script tags with attributes
  • One-click browser popup access
  • 100% local execution with zero backend

Tech Stack

  • JavaScript (ES6+)
  • Chrome Extension APIs (Manifest v3)
  • DOM parsing and traversal