Skip to content
Meeko
Type to search the guides and the API reference. Open it from any page with / or Ctrl K; move with the arrow keys and open a result with Enter.
Get started

Contents

On this page

Not translated yet

This page has not been translated into English yet, so it is shown in Spanish.

SeoMetaInput

interfaz Since 1.2.0

Atajo tipado de useSeoMeta: cada campo produce la etiqueta correcta (name o property). Los campos undefined o null no producen nada.

ts
import type { SeoMetaInput } from "@meekojs/meeko/framework";

Source code src/shared/head.ts:370

Declaración #

ts
interface SeoMetaInput {
	title?: string | null | undefined
	description?: string | null | undefined
	ogTitle?: string | null | undefined
	ogDescription?: string | null | undefined
	ogImage?: string | null | undefined
	ogImageAlt?: string | null | undefined
	ogImageWidth?: string | number | null | undefined
	ogImageHeight?: string | number | null | undefined
	ogUrl?: string | null | undefined
	ogType?: string | null | undefined
	ogSiteName?: string | null | undefined
	ogLocale?: string | null | undefined
	twitterCard?: 'summary' | 'summary_large_image' | 'app' | 'player' | null | undefined
	twitterSite?: string | null | undefined
	twitterCreator?: string | null | undefined
	twitterTitle?: string | null | undefined
	twitterDescription?: string | null | undefined
	twitterImage?: string | null | undefined
	twitterImageAlt?: string | null | undefined
	robots?: string | null | undefined
	author?: string | null | undefined
	keywords?: string | null | undefined
	themeColor?: string | null | undefined
	colorScheme?: string | null | undefined
	applicationName?: string | null | undefined
	referrer?: string | null | undefined
	canonical?: string | null | undefined
}

Example #

ts
import type { SeoMetaInput } from "@meekojs/meeko/framework";

const seo: SeoMetaInput = {
  title: "Precios",
  description: "Planes y precios",
  ogImage: "https://example.com/og/pricing.png",
  twitterCard: "summary_large_image",
  canonical: "https://example.com/pricing",
};

Propiedades #

title #

propiedad opcional

title?: string | null | undefined

<title>.

description #

propiedad opcional

description?: string | null | undefined

<meta name="description">.

ogTitle #

propiedad opcional

ogTitle?: string | null | undefined

<meta property="og:title">.

ogDescription #

propiedad opcional

ogDescription?: string | null | undefined

<meta property="og:description">.

ogImage #

propiedad opcional

ogImage?: string | null | undefined

<meta property="og:image">.

ogImageAlt #

propiedad opcional

ogImageAlt?: string | null | undefined

<meta property="og:image:alt">.

ogImageWidth #

propiedad opcional

ogImageWidth?: string | number | null | undefined

<meta property="og:image:width">.

ogImageHeight #

propiedad opcional

ogImageHeight?: string | number | null | undefined

<meta property="og:image:height">.

ogUrl #

propiedad opcional

ogUrl?: string | null | undefined

<meta property="og:url">.

ogType #

propiedad opcional

ogType?: string | null | undefined

<meta property="og:type">, como "website" o "article".

ogSiteName #

propiedad opcional

ogSiteName?: string | null | undefined

<meta property="og:site_name">.

ogLocale #

propiedad opcional

ogLocale?: string | null | undefined

<meta property="og:locale">, como "es_ES".

twitterCard #

propiedad opcional

twitterCard?: 'summary' | 'summary_large_image' | 'app' | 'player' | null | undefined

<meta name="twitter:card">.

twitterSite #

propiedad opcional

twitterSite?: string | null | undefined

<meta name="twitter:site">.

twitterCreator #

propiedad opcional

twitterCreator?: string | null | undefined

<meta name="twitter:creator">.

twitterTitle #

propiedad opcional

twitterTitle?: string | null | undefined

<meta name="twitter:title">.

twitterDescription #

propiedad opcional

twitterDescription?: string | null | undefined

<meta name="twitter:description">.

twitterImage #

propiedad opcional

twitterImage?: string | null | undefined

<meta name="twitter:image">.

twitterImageAlt #

propiedad opcional

twitterImageAlt?: string | null | undefined

<meta name="twitter:image:alt">.

robots #

propiedad opcional

robots?: string | null | undefined

<meta name="robots">, como "noindex, nofollow".

author #

propiedad opcional

author?: string | null | undefined

<meta name="author">.

keywords #

propiedad opcional

keywords?: string | null | undefined

<meta name="keywords">.

themeColor #

propiedad opcional

themeColor?: string | null | undefined

<meta name="theme-color">.

colorScheme #

propiedad opcional

colorScheme?: string | null | undefined

<meta name="color-scheme">.

applicationName #

propiedad opcional

applicationName?: string | null | undefined

<meta name="application-name">.

referrer #

propiedad opcional

referrer?: string | null | undefined

<meta name="referrer">.

canonical #

propiedad opcional

canonical?: string | null | undefined

<link rel="canonical">.

Was this page helpful?

Add a comment

It is sent when you choose “Yes” or “No”. Only the page, your answer and the comment are stored: no cookies and no personal data.

0 of 2000 characters

Edit on GitHub: packages/meeko/src/shared/head.ts