Browser4 Seo logo

Browser4 Seo

CommunityPopular
platonai
browser4-seo

Extract and audit SEO metadata from the current browser page. Use when the user wants to check a page's SEO health, review meta tags, Open Graph, Twitter Cards, canonical links, structured data (JSON-LD), or diagnose why a page ranks poorly.

Overview

Publisherplatonai
RepositoryBrowser4
Skill namebrowser4-seo
Stars
1.2K
Forks
152
Bundled files
Instructions only
LicenseApache-2.0
Links
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • Self-contained

    Everything the model needs lives in the instructions — no extra files to sync.

  • Open source

    Published by platonai on GitHub. Read the source before you install it.

Installation

Install the Browser4 Seo AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
    https://github.com/platonai/Browser4/tree/main/skills/browser4-seo
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/platonai/Browser4.git /tmp/Browser4
mkdir -p .claude/skills
cp -r /tmp/Browser4/skills/browser4-seo .claude/skills/browser4-seo
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Browser4 Seo in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Browser4 Seo on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Browser4 Seo is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

Browser4 SEO

Quick Start

bash
browser4-cli goto "https://example.com"     # load the page to audit
browser4-cli plugin-list                    # confirm browser4-seo is installed AND enabled
# then call seo.extractMeta() — full SEO metadata extraction (see Tools below)

Extract and audit SEO metadata from the current page using the browser4-seo plugin's two tools.

When to Use

Use this skill when the user wants to:

  • Check a page's SEO health — "audit the SEO of this page", "is this page SEO-friendly?"
  • Review meta tags — "what's the title/description/canonical of this page?"
  • Check Open Graph / Twitter Card — "does this page have proper social share tags?"
  • Review structured data — "does this page have JSON-LD schema markup?"
  • Diagnose ranking problems — "why isn't this page ranking?" (SEO issues are a common cause)

Do NOT use this skill for:

  • General content extraction — use the browser4-cli HTML snapshot / X-SQL instead.
  • Performance auditing (Core Web Vitals) — this plugin only covers SEO metadata, not performance metrics.

How It Works

The browser4-seo plugin exposes two tools that operate on the page currently loaded in the browser session: seo.extractMeta() returns every SEO metadata field (title, description, canonical, Open Graph, Twitter Cards, JSON-LD), and seo.checkIssues() compares the page against SEO best practices and returns a health report.

Patterns

1. Quick SEO health check

text
seo.checkIssues()   # returns a prioritized issue list

2. Full metadata extraction

text
seo.extractMeta()   # all fields: title, description, canonical, OG, Twitter, JSON-LD

3. Diagnose poor ranking

text
seo.checkIssues()   # start with the issue report, then fix the top items

Flags

Neither seo.extractMeta() nor seo.checkIssues() takes arguments — both operate on the page currently loaded in the browser session.

Errors & Recovery

SymptomCauseFix
Tool call fails with "plugin not found"browser4-seo not installedbrowser4-cli plugin-list; install the plugin
Plugin installed but seo.* tools unavailablePlugin is opt-in (default-disabled)Enable it: browser4.plugins.enable=browser4-seo (or browser4.plugins.enable-all=true) and restart
extractMeta returns empty fieldsNo page loaded in the sessionbrowser4-cli goto <url> first
checkIssues reports everything missingPage is a JS shellThe plugin reads the loaded DOM — ensure the page finished rendering

Prerequisites

The browser4-seo plugin must be installed AND enabled on the Browser4 server. The plugin is opt-in (defaultEnabled: false): installing the JAR alone does not activate it. Enable it with browser4.plugins.enable=browser4-seo (or browser4.plugins.enable-all=true) and restart. Check with:

bash
browser4-cli plugin-list
# Look for "browser4-seo" in the output

If not installed, see the plugin's README for build and deploy instructions.

Tools

seo.extractMeta()

Extracts all SEO metadata from the current page. No arguments — operates on the page currently loaded in the browser session.

Returns a JSON object with fields:

FieldTypeDescription
urlStringFinal page URL (after redirects)
titleString?<title> content
descriptionString?<meta name="description">
canonicalString?<link rel="canonical"> href
robotsString?<meta name="robots"> content
ogObjectAll Open Graph tags (og:title, og:image, etc.)
twitterObjectAll Twitter Card tags
headingsObjectCount of h1/h2/h3/h4
imagesIntTotal <img> count
imagesWithoutAltIntImages missing alt attribute
wordCountIntApproximate body word count
jsonLdArrayParsed JSON-LD structured data blocks

seo.checkIssues()

Audits the page and returns a categorized list of SEO issues.

Returns a JSON object with:

FieldTypeDescription
issueCountIntTotal issues found
errorCountIntCritical issues (e.g., noindex, no title)
warningCountIntImportant issues (e.g., no canonical, thin content)
infoCountIntMinor issues (e.g., no Twitter Card)
issuesArrayEach issue: { severity, field, message, value }

Severity levels: error (must fix) > warning (should fix) > info (nice to have).

Workflow

Example 1: Quick SEO audit

1. Navigate to the target page (browser4-cli navigate <url>)
2. seo.checkIssues()                      → get the issue list with severity
3. Summarize errors first, then warnings
4. If user wants detail on a specific field → seo.extractMeta()

Example 2: Full metadata review

1. Navigate to the target page
2. seo.extractMeta()                      → full metadata object
3. Present: title, description, canonical, OG, Twitter, JSON-LD
4. Flag any missing or suspicious values

Example 3: Compare before/after a fix

1. seo.checkIssues()                      → baseline (note error/warning counts)
2. (user or agent fixes the page source)
3. Refresh the page
4. seo.checkIssues()                      → compare counts to verify the fix

This last workflow is the browser-first feedback loop: change code → refresh → re-audit → confirm.

Tips

  • Always run seo.checkIssues() first — it gives a quick summary. Use seo.extractMeta() only when you need the raw values.
  • The noindex robots directive is an error-level issue — flag it immediately, as it blocks the page from search engines entirely.
  • imagesWithoutAlt > 0 is common but easy to fix — suggest adding alt text.
  • JSON-LD count of 0 is only info severity — not all pages need structured data, but e-commerce and article pages benefit from it.

Frequently asked questions

What does the Browser4 Seo AI skill do?

Extract and audit SEO metadata from the current browser page. Use when the user wants to check a page's SEO health, review meta tags, Open Graph, Twitter Cards, canonical links, structured data (JSON-LD), or diagnose why a page ranks poorly.

Why use Browser4 Seo on TypingMind?

Because you install it once and use it with any model. Browser4 Seo is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Browser4 Seo in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/platonai/Browser4/tree/main/skills/browser4-seo. TypingMind reads its SKILL.md and installs it as a skill you can enable per chat.

Which AI models can use Browser4 Seo?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Browser4 Seo?

As many as you like. As long as a model supports skills, you can use Browser4 Seo with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Browser4 Seo AI skill free?

Yes. It is published on GitHub by platonai under the Apache-2.0 license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇