JSPM

@camezo/seo-plugin

1.0.0
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 7
    • Score
      100M100P100Q41754F
    • License MIT

    Universal SEO optimization plugin for any website

    Package Exports

    • @camezo/seo-plugin

    Readme

    @camezo/seo-plugin

    Universal SEO optimization plugin for any website — WordPress, PHP, static HTML, React, Next.js, Vue, and more.

    Features

    • Meta tags — title, description, robots, viewport
    • Open Graph — og:title, og:description, og:image, og:url
    • Twitter Cards — twitter:card, twitter:title, twitter:image
    • Canonical URLs — auto-generates canonical, strips UTM params
    • Structured Data — JSON-LD (WebSite, Organization, LocalBusiness, Article)
    • Image Optimization — adds missing alt text, lazy loading, fetchpriority
    • Core Web Vitals — tracks LCP, INP, CLS, FCP, TTFB via PerformanceObserver
    • SPA Support — auto-detects navigation in React/Next.js/Vue/Angular apps
    • Page Speed Hints — preconnect, dns-prefetch, preload for LCP image

    Installation

    Option 1: Script Tag (WordPress, PHP, Static HTML)

    Add to your HTML <head>:

    <script
      src="https://d33mgnpafve1v7.cloudfront.net/plugin/v1.0.0/seo-plugin.min.js"
      data-api-key="YOUR_API_KEY"
      async
    ></script>

    Option 2: WordPress (functions.php)

    function camezo_seo_plugin() {
        echo '<script src="https://d33mgnpafve1v7.cloudfront.net/plugin/v1.0.0/seo-plugin.min.js" data-api-key="YOUR_API_KEY" async></script>';
    }
    add_action('wp_head', 'camezo_seo_plugin');

    Option 3: npm (React / Next.js / Vue)

    npm install @camezo/seo-plugin
    import SEOPlugin from '@camezo/seo-plugin';
    
    SEOPlugin.init({ apiKey: 'YOUR_API_KEY' });

    For Next.js, add to your root layout or _app.tsx:

    import { useEffect } from 'react';
    import SEOPlugin from '@camezo/seo-plugin';
    
    export default function App() {
      useEffect(() => {
        SEOPlugin.init({ apiKey: 'YOUR_API_KEY' });
      }, []);
    }

    Getting Your API Key

    1. Log in to your SEO Optimizer portal
    2. Add your site under Client Portal
    3. Copy the API key shown after site creation
    4. Or go to Site → Overview → Rotate Key to generate a new one

    What Gets Tracked

    Once installed, the plugin automatically sends to your dashboard:

    Data Description
    Page snapshots Title, meta description, H1/H2 tags, canonical, word count
    SEO score 0–100 score with issue breakdown
    Core Web Vitals LCP, INP, CLS, FCP, TTFB per page per user
    OG / Twitter tags Open Graph and Twitter Card presence
    Structured data JSON-LD schema detection
    Image issues Missing alt text, unoptimized images

    API Key Security

    • Keys are encrypted at rest using AES-256-GCM
    • Keys are hashed (SHA-256) for fast server-side lookup
    • The full key is only shown once at creation — store it safely
    • Rotate your key anytime from the portal if compromised

    Support

    For issues or questions, contact your SEO Optimizer admin.