Geliştirici

Meta Tag Üretici

Üç panelli düzen: form, canlı önizlemeler (Google, Facebook, Twitter, LinkedIn, Discord) ve kopyaya hazır çıktı. Karakter sayaçları, mevcut HTML'i içe aktar, Next.js Metadata API çıktısı ve blog / ürün / landing / dokümantasyon / e-ticaret şablonları.

Title karakter

Google ~60 karakterden sonra keser.

Description karakter

110

Snippet'ler genelde 160 karakter sonrasi kirpilir.

Twitter card

summary_large_image

Large image, X'te genis kart unfurl getirir.

OG type

website

Article ile yayin tarihi ve bolum meta'lari acilir.

Sablonlar

SEO temelleri

Her sayfanin gondermesi gereken klasik meta etiketleri.

Title46/60

Meta description110/160

Canonical URL

Dil (BCP 47)

Robots

Viewport

Tema rengi

Yazar

Favicon URL

Keywords meta'sini ekle

Cogu motor yok sayar; gerekmedikce kapali birak.

Open Graph

Facebook, LinkedIn, Slack, Discord ve cogu preview yuzeyi kullanir.

og:title

og:site_name

og:description

og:url

og:type

og:image

width

height

og:image:type

og:locale

og:image:alt

og:locale:alternate

Twitter / X

X ve Twitter istemcileri icin karta ozel overrideler.

twitter:card

twitter:site

twitter:creator

twitter:title

twitter:description

twitter:image

twitter:image:alt

Canli preview

Yaklasik gosterim; yuzeyler kendi layoutlarini sik degistirir.

Masaustu

uxTools

uxtools.example

uxTools - 200+ free browser tools for builders

Generators, converters, and validators that run entirely in your browser. No sign-up, no servers, no tracking.

Mobil

uxTools

uxtools.example

uxTools - 200+ free browser tools for builders

Generators, converters, and validators that run entirely in your browser. No sign-up, no servers, no tracking.

Olusturulan head

Head'in icine yapistir; formati Next.js / Helmet olarak degistirebilirsin.

Pretty

<title>uxTools - 200+ free browser tools for builders</title>
<meta name="description" content="Generators, converters, and validators that run entirely in your browser. No sign-up, no servers, no tracking." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="index,follow" />
<meta name="theme-color" content="#0f172a" />
<meta name="author" content="uxTools team" />
<meta http-equiv="content-language" content="en" />
<link rel="canonical" href="https://uxtools.example/" />
<link rel="icon" href="https://uxtools.example/favicon.ico" />

<meta property="og:title" content="uxTools - 200+ free browser tools" />
<meta property="og:description" content="Generators, converters, and validators that run entirely in your browser." />
<meta property="og:url" content="https://uxtools.example/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="uxTools" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://dummyimage.com/1200x630/0f172a/ffffff&amp;text=uxTools" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:alt" content="uxTools cover art" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@uxtools" />
<meta name="twitter:creator" content="@uxtools" />
<meta name="twitter:title" content="uxTools - 200+ free browser tools" />
<meta name="twitter:description" content="Generators, converters, and validators that run entirely in your browser." />
<meta name="twitter:image" content="https://dummyimage.com/1200x630/0f172a/ffffff&amp;text=uxTools" />
<meta name="twitter:image:alt" content="uxTools cover art" />