twitter-cards

# SEO On-Page: Twitter Cards Guides implementation of Twitter Card meta tags for X (Twitter) link previews. Twitter falls back to Open Graph if Twitter-specific tags are missing; add both for best results. **When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Scope (Social Sharing) - **Twitter Cards**: X-specific meta tags; control how links appear when shared on X/Twitter ## Card Types | Type | Use case | |------|----------| | **summary** | Small card with thumbnail | | **summary_large_image** | Large prominent image (recommended; 1200×675px) | | **app** | Mobile app promotion | | **player** | Video/audio content | ## Recommended Tags (summary_large_image) ```html <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Your Title"> <meta name="twitter:description" content="Your description"> <meta name="twitter:image" content="https://example.com/image.jpg"> <meta name="twitter:site" content="@yourusername"> <meta name="twitter:creator" content="@authorusername"> <meta name="twitter:image:alt" content="Alt text for image"> ``` | Tag | Guideline | |-----|-----------| | **twitter:card** | Required; `summary_large_image` for most pages | | **twitter:title** | Max 70 chars; concise title | | **twitter:description** | Max 200 chars; summary | | **twitter:...