SEO and Metadata Strategy

managing-seo-metadata

Strategies for dynamic SEO using Next.js Metadata API. Use to generate social share cards and search-engine-friendly titles for tours.

itsmeAlee/Tourly2·0installs0starsMarketing

SKILL.md

Full skill instructions

SEO and Metadata Strategy

When to use this skill

Any page intended for public discovery (Tours, Destinations, Blog).
Creating dynamic OpenGraph (OG) images for social media sharing.

Workflow

Use export const metadata for static pages.
Use export async function generateMetadata for dynamic routes (tours/[id]).
Fetch the tour data inside generateMetadata to populate tags.

Example (Dynamic Metadata)

export async function generateMetadata({ params }): Promise<Metadata> {
    const { id } = await params;
    const tour = await TourService.getById(id);

    return {
        title: `${tour.title} | Tourly`,
        description: tour.description.substring(0, 160),
        openGraph: {
            images: [tour.images[0]],
        },
    };
}

Instructions

Memoization: Next.js automatically deduplicates fetch requests between generateMetadata and your Page component.
Defaults: Set a global title.template in root layout.tsx (e.g., %s | Tourly).
Canonical: Always include canonical URLs to prevent duplicate content issues.

Install skill

Copy and run in your terminal

npx -y skills add https://github.com/itsmeAlee/Tourly2 --skill managing-seo-metadata

View on GitHub

.agent/skills/managing-seo-metadata/SKILL.md

More Marketing skills

View all

Marketing

copywriting

Marketing copy for homepages, landing pages, pricing pages, and other conversion-focused web pages.

53.3K 216.1K

View

Marketing

flux-2-klein

Fast image generation with Flux 2 Klein, optimized for sub-second iteration and multi-reference brand styling.

52 176.2K

View

Marketing

marketing-psychology

Psychological principles and mental models for understanding customer behavior and influencing marketing decisions.

53.3K 153K

View

Marketing

content-strategy

Plan searchable and shareable content that drives traffic, builds authority, and generates leads.

53.3K 150.9K

View

Marketing

programmatic-seo

Build SEO-optimized pages at scale using templates, data, and proven playbook patterns.

53.3K 140.1K

View

Marketing

marketing-ideas

Brainstorm and prioritize marketing strategies tailored to your SaaS stage, budget, and goals.

53.3K 137.2K

View

Marketing

ai-seo

Optimize content for discovery, citation, and visibility across AI search platforms and LLM assistants.

53.3K 136.7K

View

Marketing

copy-editing

Systematic improvement of existing marketing copy through seven focused editing passes.

53.3K 136.4K

View

Marketing

site-architecture

Plan and optimize your website's page hierarchy, navigation, URL structure, and internal linking.

53.3K 112.8K

View

Marketing

revops

Design and optimize systems connecting marketing, sales, and customer success into a unified revenue engine.

53.3K 104.9K

View

Marketing

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

179.7K 100.1K

View