skills.rest
KylerD
KylerDCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/KylerD/vibe-check --skill web-discoverability
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Marketing & Sales Skills→
joabgonzalezjoabgonzalez
7

html

Write semantic, accessible HTML markup with proper heading hierarchy and ARIA-compliant semantics.

Community
Advanced
aaron-he-zhuaaron-he-zhu
142

rank-tracker

Track keyword rankings across SERP and GEO visibility over time.

Community
Advanced
cbbkrd-techcbbkrd-tech

schema-markup

Generate and validate JSON-LD schema markup for web content.

Community
Intermediate
diShine-digital-agencydiShine-digital-agency
1

shine-meta-check

Audit a web page for SEO-critical meta tags and report fixes.

Community
Intermediate