Saltar al contenido
Meeko
Escribe para buscar en las guías y en la referencia de la API. Ábrela desde cualquier página con / o Ctrl K; muévete con las flechas y entra con Intro.
Empezar

Contenidos

En esta página

SeoMetaInput

interfaz Desde 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";

Código fuente 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
}

Ejemplo #

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">.

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres

Editar en GitHub: packages/meeko/src/shared/head.ts