skills.rest
fm-dev-mx
fm-dev-mxCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

seo-metadata

Implements SEO and Open Graph metadata for Astro invitation pages including Schema.org Event markup.

Updated Jun 21, 2024
Search Tags:#social media#metadata#seo#astro#invitations#open graph
One-click install
npx skills add https://github.com/fm-dev-mx/celebra-me --skill seo-metadata-fm-dev-mx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-metadata
Source: https://github.com/fm-dev-mx/celebra-me/tree/main/.agent/skills/seo-metadata
Command: npx skills add https://github.com/fm-dev-mx/celebra-me --skill seo-metadata-fm-dev-mx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that your digital invitations look professional and engaging when shared on social media platforms by implementing proper SEO and Open Graph metadata.

Core Features & Use Cases

  • Open Graph Tags: Generates essential og: tags for rich previews on platforms like WhatsApp, Facebook, and Instagram.
  • Twitter Cards: Implements fallback twitter: card metadata for Twitter/X.
  • Structured Data: Includes Schema.org Event markup for improved search engine visibility.
  • Use Case: When you share a wedding invitation link on WhatsApp, this Skill ensures a beautiful preview appears with the couple's names, event date, and a stunning hero image, rather than just a plain URL.

Quick Start

Apply the seo-metadata skill to the BaseLayout.astro component to include Open Graph and Twitter Card meta tags.

Frequently Asked Questions about seo-metadata

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

FAQPage Schema
How do I add Open Graph metadata to Astro invitation pages for social media previews?▼

To add Open Graph metadata in Astro, apply the SEO tags directly within your BaseLayout.astro component. This generates essential `og:` tags so platforms like WhatsApp and Facebook display rich link previews with event details and images.

What is Schema.org Event markup and why use it for digital invitations?▼

Schema.org Event markup is structured data that improves search engine visibility for digital invitations. Including this markup ensures search engines properly index event details and display rich search results for your invitation pages.

Does this SEO metadata approach work for sharing invitation links on Instagram and Twitter?▼

Yes, this approach works for Instagram and Twitter by generating Open Graph tags for visual platforms and implementing fallback `twitter:` card metadata, ensuring attractive link previews across both social networks.

Why does my Astro invitation URL show a plain link instead of a preview on WhatsApp?▼

A plain link appears on WhatsApp when Open Graph metadata is missing from your page. Integrating SEO tags into your Astro BaseLayout component generates the required `og:` tags to display a proper preview with the event image and date.

What do I need to generate optimized Open Graph images for Astro invitation pages?▼

Generating optimized Open Graph images for Astro invitation pages requires creating visual assets tailored for social sharing. These images are then referenced in the `og:` tags within your BaseLayout.astro component to ensure attractive previews.

Related Skills

Explore More Marketing & Sales Skills→
jolequesjoleques

designer

Convert text or files into platform-optimized HTML/CSS prototypes and images.

Community
Intermediate
matteotittamatteotitta
29

metadata-lint

Audit HTML head metadata for SEO and social media compliance.

Community
Intermediate
cloudofgeorgecloudofgeorge

image

Automates marketing image creation and optimization using AI generation models, templates, and workflow guidance.

Community
Advanced
KylerDKylerD
14

web-discoverability

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

Community
Intermediate