🏷️ Meta Tag Generator

Generate complete HTML meta tags — title, description, Open Graph, and Twitter Cards — with live preview. Free SEO meta tag generator for developers and marketers.

Page Title

0 / 60

Meta Description

0 / 160

Keywords Author Canonical URL OG Image URL

Content Type

Twitter Card

Generated Meta Tags

How to Use

Fill in your page details

Enter your page title (60 chars), meta description (160 chars), keywords, author, and canonical URL.

Configure social meta tags

Add your OG image URL and choose content type and Twitter Card style for social sharing previews.

Copy the generated HTML

Click "Copy HTML" to copy all generated meta tags. Paste them inside your HTML <head> section.

Frequently Asked Questions

What are meta tags? +

Meta tags are HTML elements in the <head> section that provide information about a web page to browsers and search engines. They control how pages appear in search results (title, description) and on social media (Open Graph, Twitter Card).

Which meta tags are most important for SEO? +

The most impactful meta tags for SEO are: title (shown in search results, under 60 characters), meta description (shown in search snippets, under 160 characters), canonical URL (prevents duplicate content), and robots (controls indexing).

What is Open Graph? +

Open Graph (OG) is a protocol that controls how pages appear when shared on Facebook, LinkedIn, and most social media platforms. The og:title, og:description, og:image, and og:url tags determine the preview card shown when someone shares your URL.

What is a Twitter Card? +

Twitter Cards are meta tags specifically for Twitter/X that control how your page appears when shared. The twitter:card type (summary, summary_large_image) determines the layout, while twitter:title, twitter:description, and twitter:image fill the preview.

What is the ideal meta description length? +

Google typically shows 150–160 characters of the meta description in search results. Longer descriptions are truncated. Aim for 150–155 characters that accurately describe the page and include your main keyword naturally.

Tam Rehber: Meta Etiket Üreticisi

Meta etiketler, arama motorlarına, sosyal medya platformlarına ve tarayıcılara sayfa bilgisi ileten HTML öğeleridir. Bunları doğru yapmak, yapabileceğiniz en etkili SEO iyileştirmelerinden biridir.

10 Temel Meta Etiketi

Başlık etiketi: <title>Sayfa Başlığı</title> — en önemli sayfa içi SEO öğesi
Meta açıklaması: <meta name="description" content="..."> — arama snippet'lerinde gösterilir
Meta robots: <meta name="robots" content="index, follow"> — tarayıcı davranışını kontrol eder
Canonical URL: <link rel="canonical" href="https://ornek.com/sayfa/"> — yinelenen içerik cezalarını önler
OG başlığı, OG açıklaması, OG resmi, OG türü
Twitter kart türü: <meta name="twitter:card" content="summary_large_image">
Viewport: <meta name="viewport" content="width=device-width, initial-scale=1">

Başlık Uzunluğu: 50-60 Karakter Kuralı

Google, arama sonuçlarında başlık etiketinin ilk 50-60 karakterini gösterir. 60 karakterden uzun başlıklar kesilir. En iyi uygulamalar:

En önemli anahtar kelimeyi başa koyun
Marka adını sona, bir boru veya tire ile ekleyin: Anahtar Kelimeli Başlık | Marka
Önce insanlar için, sonra arama motorları için yazın

Open Graph Resmi: 1200×630 Gereksinimi

OG resmi, sayfanız sosyal medyada paylaşıldığında görüntülenendir. Önerilen boyutlar 1200×630 piksel (1,91:1 oranı).

Minimum boyut: 600×315
Mutlaka mutlak URL kullanın — göreli yollar çalışmaz
Yükleme sırasında düzen kaymasını önlemek için og:image:width ve og:image:height ekleyin

Robots Direktifleri

noindex — sayfayı arama sonuçlarından kaldırır
nofollow — tarayıcılara bu sayfadaki bağlantıları takip etmemelerini söyler
noarchive — Google'ın önbelleğe alınmış sürümü göstermesini engeller

Etiketlerinizi görsel olarak önizlemek için OG Preview aracımızı kullanın. Meta etiketlerin ötesinde yapılandırılmış veri için Schema Generator aracımıza bakın.