Meta Tag Generator

import { useSeoMeta } from 'unhead'

useSeoMeta({
  title: 'How to Build Better Web Apps',
  description: 'Learn the best practices for building modern, performant web applications with the latest frameworks and tools.',
  author: 'John Doe',
  colorScheme: 'light dark',
  themeColor: '#1a1a2e',
  ogTitle: 'How to Build Better Web Apps | Example Blog',
  ogDescription: 'Master modern web development with our comprehensive guide to building performant applications.',
  ogImage: 'https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1200&h=630&fit=crop',
  ogImageAlt: 'Code on a computer screen showing JavaScript',
  ogImageWidth: 1200,
  ogImageHeight: 630,
  ogType: 'article',
  ogUrl: 'https://example.com/blog/build-better-web-apps',
  ogSiteName: 'Example Blog',
  ogLocale: 'en_US',
  articlePublishedTime: '2024-01-15T09:00:00Z',
  articleModifiedTime: '2024-01-20T14:30:00Z',
  articleAuthor: 'https://example.com/authors/john-doe',
  articleSection: 'Technology',
  articleTag: 'javascript, web development, best practices',
  twitterCard: 'summary_large_image',
  twitterSite: '@exampleblog',
  twitterCreator: '@johndoe',
  twitterImage: 'https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1200&h=600&fit=crop',
  twitterLabel1: 'Reading time',
  twitterData1: '5 min read',
  twitterLabel2: 'Written by',
  twitterData2: 'John Doe',
  robots: 'index, follow, max-image-preview:large',
})