İçeriğe geç
🛠️ToolsShed

Meta Tag Oluşturucu

SEO, Open Graph ve Twitter Card için HTML meta tagları oluşturur.

18/60

50/155

Sosyal Ağ Önizlemesi

OG Image: https://example.com/og-image.png

https://example.com/page

My Awesome Website

A short description of this page for SEO purposes.

Oluşturulan HTML
<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="A short description of this page for SEO purposes." />
<meta name="keywords" content="web, tools, free" />
<meta name="author" content="Author Name" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://example.com/page" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="A short description of this page for SEO purposes." />
<meta property="og:image" content="https://example.com/og-image.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="A short description of this page for SEO purposes." />
<meta property="twitter:image" content="https://example.com/og-image.png" />

Bu araç hakkında

Meta etiketler, web sitenizin HTML'sine eklediğiniz ve arama motorlarına, sosyal medya platformlarına ve tarayıcılara sayfanızın ne hakkında olduğunu söyleyen görünmez yönergelerdir. Google arama sonuçlarında sitenizin nasıl görüntülendiğini ve birisi Facebook, Twitter veya LinkedIn'de bağlantınızı paylaştığında nasıl göründüğünü kontrol ederler. Uygun meta etiketler olmadan, arama motorları içeriğinizi yanlış yorumlayabilir ve bağlantılarınız sosyal medyada paylaşıldığında basit görünür.

Bu Meta Etiketler Oluşturucu, web sitenizin ihtiyaç duyduğu tüm önemli meta etiketleri hızlı bir şekilde oluşturmanızı sağlar: başlık, açıklama, anahtar sözcükler, yazar, robot yönergeleri ve kanonik URL'ler. Ayrıca sosyal medyada sayfanızın nasıl görüntüleneceğini kontrol etmek için Open Graph etiketleri ve tweet'leri geliştirmek için Twitter Cards oluşturur. Sayfanız hakkındaki bilgileri doldurun, oluşturulan HTML kodunu kopyalayın ve sayfanızın <head> bölümüne yapıştırın. Canlı önizleme, sayfanızın sosyal platformlarda paylaşıldığında tam olarak nasıl görüneceğini gösterir.

Web geliştiricileri, içerik yaratıcıları ve SEO uzmanları bu aracı iş akışlarını kolaylaştırmak ve sözdizimi hatalarından kaçınmak için kullanırlar. Yeni bir blog başlatıyor olsanız, e-ticaret ürün sayfasını optimize ediyor olsanız veya yinelenen içeriğin sıralamanızı etkilemediğinden emin olmak isteseyesiniz, bu oluşturucu zaman kazandırır ve tüm sitenizde tutarlılığı sağlar.

Sıkça Sorulan Sorular

Kod Uygulaması

def generate_meta_tags(
    title: str,
    description: str,
    url: str,
    image: str = "",
    site_name: str = "",
    twitter_handle: str = "",
    locale: str = "en_US",
) -> str:
    lines = []
    lines.append(f'<title>{title}</title>')
    lines.append(f'<meta name="description" content="{description}">')
    # Open Graph
    lines.append(f'<meta property="og:title" content="{title}">')
    lines.append(f'<meta property="og:description" content="{description}">')
    lines.append(f'<meta property="og:url" content="{url}">')
    lines.append(f'<meta property="og:type" content="website">')
    lines.append(f'<meta property="og:locale" content="{locale}">')
    if site_name:
        lines.append(f'<meta property="og:site_name" content="{site_name}">')
    if image:
        lines.append(f'<meta property="og:image" content="{image}">')
        lines.append(f'<meta property="og:image:width" content="1200">')
        lines.append(f'<meta property="og:image:height" content="630">')
    # Twitter Card
    card = "summary_large_image" if image else "summary"
    lines.append(f'<meta name="twitter:card" content="{card}">')
    lines.append(f'<meta name="twitter:title" content="{title}">')
    lines.append(f'<meta name="twitter:description" content="{description}">')
    if twitter_handle:
        lines.append(f'<meta name="twitter:site" content="{twitter_handle}">')
    if image:
        lines.append(f'<meta name="twitter:image" content="{image}">')
    return "\n".join(lines)

print(generate_meta_tags(
    title="My Page",
    description="A great page.",
    url="https://example.com",
    image="https://example.com/og.png",
    site_name="Example",
    twitter_handle="@example",
))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.