page-metadata

Configure hreflang, meta robots, viewport, and charset metadata for multilingual sites.

872|122|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/kostja94/marketing-skills --skill page-metadata
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-metadata
Source: https://github.com/kostja94/marketing-skills/tree/main/skills/seo/on-page/metadata
Command: npx skills add https://github.com/kostja94/marketing-skills --skill page-metadata

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the optimization of crucial on-page meta tags beyond the basic title and description, ensuring comprehensive SEO and proper site functionality across different languages and devices.

Core Features & Use Cases

  • Hreflang Implementation: Manages language and regional targeting for multilingual websites, preventing duplicate content issues and improving international search visibility.
  • Meta Robots Control: Allows fine-grained control over search engine indexing and link following for specific pages (e.g., noindex, nofollow).
  • Viewport & Charset Configuration: Ensures proper mobile responsiveness and character encoding for optimal display and accessibility.
  • Use Case: For a global e-commerce site, this skill would ensure that product pages are correctly tagged with hreflang for different countries, that staging or internal pages are marked noindex, and that all pages have the correct viewport and charset declarations.

Quick Start

Configure the hreflang tags for English, French, and German versions of the homepage, ensuring canonical alignment and an x-default tag.

Frequently Asked Questions about page-metadata

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

FAQPage Schema
How do I implement hreflang tags for multilingual SEO on a global site?

Hreflang tags for multilingual SEO manage language and regional targeting to prevent duplicate content issues. You configure canonical alignment and include an x-default tag to specify default page versions, improving international search visibility across different countries.

What is the best way to control search engine indexing with meta robots directives?

Meta robots directives provide fine-grained indexing control by using values like noindex and nofollow. This approach restricts search engine crawl behavior for specific pages, ensuring staging or internal pages remain unindexed while allowing visibility for public content.

Do I need viewport and charset declarations for mobile responsiveness?

Viewport and charset declarations are required for mobile responsiveness and proper character encoding. Configuring these meta tags ensures optimal display across devices and accessibility, satisfying technical SEO requirements for page visibility and rendering.

Can I use on-page meta tags to prevent duplicate content across international versions?

On-page meta tags like hreflang prevent duplicate content across international versions by specifying language-region targeting. Combining hreflang with canonical alignment ensures search engines serve the correct regional page without penalizing similar content.

When should I not use noindex directives for on-page optimization?

You should not use noindex directives for pages requiring search visibility, as it removes them from search results entirely. Reserve meta robots noindex for staging, internal, or duplicate pages meant to stay hidden from search engine crawls.