Meta description

HTML kursu · İleri seviye · Ders 24/56

description, author, robots meta etiketlerini öğrenirsin.

Meta description nedir?

Arama motorları sayfanı listelerken <title> yanında kısa bir özet de gösterir. Bu özet meta description etiketinden gelir: <meta name="description" content="...">.

description, sayfanın konusunu bir iki cümleyle anlatır. Arama sonuçlarında başlığın altında görünür ve ziyaretçinin tıklayıp tıklamayacağını etkiler. Doğru yazılan description, tıklanma oranını artırır.

author ve robots etiketleri

<meta name="author"> sayfayı yazan kişiyi belirtir. <meta name="robots"> ise arama motorlarına sayfanın nasıl davranacağını söyler.

robots için yaygın değerler: index, follow (sayfayı dizine ekle, bağlantıları izle), noindex (dizine ekleme) ve nofollow (bağlantıları izleme). Yanlışlıkla noindex yazarsan sayfa arama sonuçlarından kaybolur.

İyi bir description nasıl yazılır?

description 155 karakteri geçmemeli; uzun yazarsan arama motoru sonunu üç noktayla keser. Önce anahtar kelime, sonra sayfanın değeri gelir.

Sayfa başlığıyla aynı metni tekrarlama. Her sayfa için benzersiz bir description yaz; kopya description arama motorlarına yardımcı olmaz. Eyleme çağıran bir fiille bitir: "İncele", "Oku", "Başla".

Uygulama Blog yazısı için meta etiketleri ekle

Head içine bir blog yazısı için üç meta etiketi ekle: <meta name="description" content="..."> (sayfa özeti, en az 10 karakter), <meta name="author" content="..."> (yazar adı) ve <meta name="robots" content="index, follow">.

Örnek çözümü göster

<head>
  <title>Köşe Yazısı</title>
  <meta name="description" content="Bu hafta köşe yazımızda modern web tasarımı trendlerini ele alıyoruz.">
  <meta name="author" content="Ayşe Yılmaz">
  <meta name="robots" content="index, follow">
</head>

Kendini test et

Hangisi meta description etiketidir?
```
<meta name="..." content="...">
```
- <meta name="keywords" content="blog, tasarım">
- <meta name="description" content="Modern web tasarımı trendleri.">
- <meta charset="utf-8">
- <title>Hakkımızda</title>
Cevabı göster

<meta name="description" content="Modern web tasarımı trendleri."> — Doğru. name="description" özniteliği sayfa özetini taşır.

Meta description etiketini tamamla

<meta name="description" content="____">

Cevabı göster

<meta name="description" content="Bu hafta modern web tasarımını konuşuyoruz.">

Meta etiketini rolüyle eşleştir

name="description"

Sayfa özeti
name="author"

Yazar adı
name="robots"

Dizine ekleme kuralı
charset

Karakter kodlaması

İleri seviye bölümündeki tüm dersler

Meta description