web-discoverability

Configure SEO meta tags, OpenGraph, sitemaps, and robots.txt for web discoverability.

14|Updated Jan 29, 2026

Search Tags:#sitemap #seo #discoverability #meta tags #robots.txt #opengraph #social sharing

Ready to run

npx skills add https://github.com/KylerD/vibe-check --skill web-discoverability

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-discoverability
Source: https://github.com/KylerD/vibe-check/tree/main/skills/web-discoverability
Command: npx skills add https://github.com/KylerD/vibe-check --skill web-discoverability

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures your web application is easily found by search engines and looks professional when shared on social media platforms, preventing broken link previews and improving user trust.

Core Features & Use Cases

SEO Foundation: Implements essential meta tags (title, description, viewport) for search engine indexing.
Social Sharing Control: Configures OpenGraph and Twitter Card tags for optimal link previews on platforms like Slack, Discord, and X.
Site Structure: Guides on generating sitemaps and using robots.txt for efficient crawling.
Use Case: When launching a new product page, use this Skill to ensure its title, description, and a compelling social image are correctly set up so that sharing the link on Twitter displays a rich preview.

Quick Start

Configure essential meta tags for the current page, including title, description, and OpenGraph image.

Frequently Asked Questions about web-discoverability

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add SEO meta tags to my web application for search engine indexing?▼

To add SEO meta tags, implement essential title, description, and viewport tags in your web application's HTML for proper search engine indexing. This ensures search engines can correctly parse and rank your page content.

Why does my link preview look broken when sharing a URL on social media platforms?▼

Broken link previews on social media platforms occur when OpenGraph and Twitter Card tags are missing or incorrectly configured. Implementing proper OpenGraph tags ensures optimal link previews on platforms like Slack, Discord, and X.

What's the best way to configure robots.txt and generate a sitemap for efficient crawling?▼

The best way to configure robots.txt and generate a sitemap is to follow established site structure patterns that guide search engine crawling. This combination directs crawlers to important pages while restricting access to unnecessary routes.

Do I need canonical URLs and semantic HTML structure for improved indexing and accessibility?▼

Yes, you need canonical URLs and semantic HTML structure for improved indexing and accessibility. Proper use of heading hierarchies and canonical tags prevents duplicate content issues and ensures search engines understand your page structure.

How do I set up OpenGraph tags for a new product page launch?▼

To set up OpenGraph tags for a new product page launch, configure the title, description, and a compelling social image within your HTML. This ensures sharing the link displays a rich preview across social platforms.