Generador de meta tags

Genera meta tags HTML para SEO

OPTIMAL SERP LENGTH

SEO & OpenGraph Properties

Page Title:47/60 chars

Description:104/160 chars

Canonical URL:

OG Image URL:

Site Name:

Twitter Handle:

Generated Meta Code

<!-- Primary Meta Tags -->
<title>Next DevUtilities — Modern Developer Tool Suite</title>
<meta name="title" content="Next DevUtilities — Modern Developer Tool Suite" />
<meta name="description" content="The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS." />
<meta name="keywords" content="developer tools, nextjs, react 19, dev utilities, converters, formatters" />
<meta name="theme-color" content="#0f172a" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://next-devutilities.com" />
<meta property="og:title" content="Next DevUtilities — Modern Developer Tool Suite" />
<meta property="og:description" content="The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS." />
<meta property="og:image" content="https://next-devutilities.com/og-banner.png" />
<meta property="og:site_name" content="Next DevUtilities" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://next-devutilities.com" />
<meta property="twitter:title" content="Next DevUtilities — Modern Developer Tool Suite" />
<meta property="twitter:description" content="The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS." />
<meta property="twitter:image" content="https://next-devutilities.com/og-banner.png" />
<meta property="twitter:site" content="@next_devutils" />

import type { Metadata } from 'next'

export const metadata: Metadata = {
  title: 'Next DevUtilities — Modern Developer Tool Suite',
  description: 'The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS.',
  keywords: 'developer tools, nextjs, react 19, dev utilities, converters, formatters'.split(', '),
  openGraph: {
    title: 'Next DevUtilities — Modern Developer Tool Suite',
    description: 'The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS.',
    url: 'https://next-devutilities.com',
    siteName: 'Next DevUtilities',
    images: [
      {
        url: 'https://next-devutilities.com/og-banner.png',
        width: 1200,
        height: 630,
        alt: 'Next DevUtilities — Modern Developer Tool Suite',
      },
    ],
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Next DevUtilities — Modern Developer Tool Suite',
    description: 'The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS.',
    creator: '@next_devutils',
    images: ['https://next-devutilities.com/og-banner.png'],
  },
}

<title>Next DevUtilities — Modern Developer Tool Suite</title> <meta name="title" content="Next DevUtilities — Modern Developer Tool Suite" /> <meta name="description" content="The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS." /> <meta name="keywords" content="developer tools, nextjs, react 19, dev utilities, converters, formatters" /> <meta name="theme-color" content="#0f172a" />  <meta property="og:type" content="website" /> <meta property="og:url" content="https://next-devutilities.com" /> <meta property="og:title" content="Next DevUtilities — Modern Developer Tool Suite" /> <meta property="og:description" content="The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS." /> <meta property="og:image" content="https://next-devutilities.com/og-banner.png" /> <meta property="og:site_name" content="Next DevUtilities" />  <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://next-devutilities.com" /> <meta property="twitter:title" content="Next DevUtilities — Modern Developer Tool Suite" /> <meta property="twitter:description" content="The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS." /> <meta property="twitter:image" content="https://next-devutilities.com/og-banner.png" /> <meta property="twitter:site" content="@next_devutils" />

import type { Metadata } from 'next' export const metadata: Metadata = { title: 'Next DevUtilities — Modern Developer Tool Suite', description: 'The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS.', keywords: 'developer tools, nextjs, react 19, dev utilities, converters, formatters'.split(', '), openGraph: { title: 'Next DevUtilities — Modern Developer Tool Suite', description: 'The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS.', url: 'https://next-devutilities.com', siteName: 'Next DevUtilities', images: [ { url: 'https://next-devutilities.com/og-banner.png', width: 1200, height: 630, alt: 'Next DevUtilities — Modern Developer Tool Suite', }, ], type: 'website', }, twitter: { card: 'summary_large_image', title: 'Next DevUtilities — Modern Developer Tool Suite', description: 'The open-source, high-performance developer workbench built with Next.js 16, React 19, and Tailwind CSS.', creator: '@next_devutils', images: ['https://next-devutilities.com/og-banner.png'], }, }