Takip Edin

element image element image element image element image

HTML Meta Etiketleri ve SEO İlişkisi | 2025 Rehberi

Anasayfa Bloglar HTML Meta Etiketleri ve SEO İlişkisi | 2025 Rehberi
HTML Meta Etiketleri ve SEO İlişkisi | 2025 Rehberi image

Meta Etiketleri Nedir?

Meta etiketleri, web sayfalarının başlık, açıklama, anahtar kelimeler ve sosyal medya bilgileri gibi verilerini arama motorlarına ve tarayıcılara iletir. SEO performansı için kritik rol oynar.

Doğru meta etiketleri kullanmak, Google arama sonuçlarında sayfanızın görünürlüğünü artırır, tıklama oranlarını yükseltir ve sosyal medya paylaşımında profesyonel görünüm sağlar.

Temel Meta Etiketleri

Her web sayfasında mutlaka bulunması gereken temel meta etiketleri şunlardır:

Etiket Açıklama
<title> Sayfanın başlığını belirler. 50-60 karakter aralığında olmalıdır.
<meta charset="UTF-8"> Sayfanın karakter kodlamasını tanımlar. UTF-8 evrensel uyumluluk sağlar.
<meta name="viewport"> Mobil cihazlarda doğru görünüm için responsive yapıyı destekler.
<meta name="description"> 150-160 karakterlik kısa açıklama. Google arama sonuçlarında görünen snippet'tır.

SEO Odaklı Meta Etiketleri

SEO performansını artırmak için kullanılan ek meta etiketleri:

  • <meta name="robots">: index, follow veya noindex ile arama motorlarına indeksleme talimatı verir.
  • <link rel="canonical">: Yinelenen içerik sorunlarını önler ve tek URL'yi işaret eder.
  • <meta name="keywords">: Günümüzde düşük öneme sahiptir ancak niş arama motorları için eklenebilir.

Sosyal Medya Meta Etiketleri

Sosyal medya platformlarında (Facebook, LinkedIn, Twitter) paylaşılan içeriklerin profesyonel görünmesi için kullanılır:

  • Open Graph (OG): Başlık, açıklama ve görsel bilgilerini sosyal medya paylaşımı için tanımlar.
  • Twitter Card: Twitter üzerinde zengin içerik kartları oluşturur.

İleri Düzey Meta Etiketleri

Daha profesyonel SEO ve kullanıcı deneyimi için ek meta etiketleri de kullanılabilir:

  • <meta http-equiv="Content-Type">: Sayfanın içerik tipini belirtir.
  • <meta name="author">: Sayfanın yazar bilgisini ekler.
  • <meta name="theme-color">: Mobil tarayıcı sekme rengini değiştirir.
  • <meta property="og:locale">: Sayfanın dilini belirtir (Örn: tr_TR).

Meta Etiketi Kullanım İpuçları

  • Her sayfa için benzersiz title ve description yazın.
  • Açıklamaları 150-160 karakter aralığında tutun.
  • Görseller için mutlaka og:image kullanın.
  • Yinelenen içeriklerde canonical ekleyin.
  • Sosyal medya paylaşımı için Open Graph ve Twitter Card meta etiketlerini optimize edin.

Meta Etiketleri Kod Örneği

<head>
  <title>HTML Meta Etiketleri ve SEO | 2025</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="HTML meta etiketleri nedir, nasıl kullanılır? SEO uyumlu sayfa oluşturma rehberi">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://mantraxo.com/bloglar/html-meta-etiketleri-ve-seo-2025">

  <!-- Open Graph -->
  <meta property="og:type" content="article">
  <meta property="og:title" content="HTML Meta Etiketleri ve SEO">
  <meta property="og:description" content="HTML meta etiketleri nedir, nasıl kullanılır? SEO uyumlu sayfa oluşturma rehberi">
  <meta property="og:image" content="html-meta-etiketleri-ve-seo-2025.png">
  <meta property="og:locale" content="tr_TR">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="HTML Meta Etiketleri ve SEO">
  <meta name="twitter:description" content="HTML meta etiketleri nedir, nasıl kullanılır? SEO uyumlu sayfa oluşturma rehberi">
  <meta name="twitter:image" content="html-meta-etiketleri-ve-seo-2025.png">
</head>
HTML Listeler ve Tablo Kullanımını Öğren
SubLogoBlog Yazılarımız

Blog

"Yeni Makalelerle İlham Alın"

Flask Rehber

Flask Rehber

Flask, hafif bir WSGI web uygulama frameworkudur. Karmaşık uygulamalara ölçeklenebilme özelliğiyle hızlı ve kolay bir başlangıç yapmak için tasarlanmıştır.

Daha Fazla
Python & MongoDB

Python & MongoDB

MongoDB, PostgreSQL - MySQL gibi ilişkisel veritabanlarından farklı olarak NoSQL veritabanı olarak sınıflandırılan bir veritabanıdır.

Daha Fazla
HTML Nedir ve Ne İşe Yarar?

HTML Nedir ve Ne İşe Yarar?

HTML nedir, ne işe yarar? HTML etiketleri, SEO uyumu, erişilebilirlik ve web geliştirmedeki rolünü adım adım öğrenin. 2025 güncel rehber.

Daha Fazla

Teknoloji Çözümleriyle Dijital Gücünüzü Artırın

Web geliştirme, oyun geliştirme, SEO ve veritabanı çözümleri için uzman ekibimizle şimdi tanışın.