Web sayfalarının başarıya olan yolculuklarında başlıca meta kodlara ihtiyaç duyar. Meta etiketleri, HTML içerisine eklenen “metadata” olarak tabir edilen kodlardır. İlgili web sayfası hakkında çok kritik bilgileri önden tanımlamaktır. Bu bilgiler; sayfanın başlığı, açıklaması, hitap ettiği dil, ülke, karakter seti, içeriğin yazarı gibi bilgileri barındırır. Meta kodlarının SEO’ya etkisini daha önce detaylı bir şekilde incelemiştir. Bu içeriğimizde de en önemli 10 meta kodunun ne olduğunu ve kodlarını paylaşacağız.
Meta açıklamasını bir Twit atıyor gibi düşünerek yazmanızı tavsiye ederiz.
SEO İçin En Önemli Meta Kodları
- 1. Meta Başlık Etiketi
- 2. Meta Açıklama Etiketi
- 3. Meta Başlık Etiketleri (H1-H6)
- 4. Meta Anahtar Kelimeler Etiketi
- 5. Meta Robots Meta Etiketi
- 6. Meta Viewport Etiketi
- 7. Meta Canonical Etiket
- 8. Meta Hreflang Etiketi
- 9. Meta Karakter Seti Etiketi
- 10. Meta Yazar Etiketi
Meta Başlık Etiketi
<title> etiketi ziyaretçilerinize ilgili web sayfasını tanımlaması için oluşturmuş olduğunuz başlığı belirtmektedir.
<head>
<title>
Türk SEM Başlık Örneği
</title>
</head>Meta Açıklama Etiketi
<meta name=”description”> etiketi kullanıcının ziyaret etmekte olduğu veya ziyaret ettiği sayfanın içeriğinin neyle ilgili olduğunu açıklandığı kısımdır.
<head>
<meta name="description"
content="Buraya ilgili sayfanızın neyle ilgili olduğunu açıklayabilirsiniz.">
</head>Detaylı Meta Açıklaması İncelemesi ve Test Aracı
Meta Başlık Etiketleri (H1-H6)
<h1> ile başlayıp <h6>’ya kadar giden başlık etiketleri sayfanızın içerik hiyerarşisini göstermektedir. Üst ve alt başlık kullanımı için site içeriğiniz başarılı şekilde organize olur.
<h1>Meta Başlık Etiketleri Hiyerarşisi</h1>Sayfanızda doğru bir hiyerarşi olup olmadığını Başlık Etiketleri konumuzdan test edebilirsiniz.
Meta Anahtar Kelimeler Etiketi
<meta name=”keywords”> etiketi eskisi kadar önemli olmasa da site içeriğinizi tanımlamada 3 anahtar kelime ile sınırlayıp kullanabilirsiniz. Dikkat etmeniz gereken en doğru kelimeleri kullanmanız olacaktır. Google dışındaki bazı arama motorları için hala tetikleyici bir etkiye sahiptir.
<head>
<meta name="keywords"
content="Meta Etiketler, Meta Tag">
</head>Meta Robots Meta Etiketi
<meta name=”robots”> etiketi arama motorları botları için çeşitli yönergeler sunan bir meta kodudur.
- “index”: Sayfayı indeksle
- “follow”: Bağlantıları takip et
- “nofollow”: Bağlantıları takip etmeyin
<head>
<meta name="robots"
content="index, follow">
</head> Meta Viewport Etiketi
<meta name=”viewport”> etiketi yüksek kullanıcı deneyimi için farklı ekran boyutlarında sitenin nasıl görüntüleneceğini belirten bir meta modudur. Viewport Meta Kodu Nedir? içeriğimizde bu konuyu detaylı bir şekilde açıkladık.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">Tavsiye ettiğimiz viewport kodu bu şekildedir.
Meta Canonical Etiket
“rel=canonical” etiketi olarak da bilinen canonical meta etiket, bir web sayfasının tercih edilen veya asıl sürümünü belirtmek için arama motoru optimizasyonunda (SEO) için kullanılan bir HTML öğesidir.
<link rel="canonical" href="https://www.example.com/turksem">Canonical Nedir ve Kod Testi sayfamız üzerinden, canonical kullanımınızı kontrol edebilir ve detaylı inceleme yazısına ulaşabilirsiniz.
Meta Hreflang Etiketi
Çok dilli sitelerde doğru ülke ve dil hedeflemelerinde mutlaka kullanılması gereken meta kodların başında gelir.
<link rel="alternate" href="URL_of_alternate_page" hreflang="language_code">Meta Karakter Seti Etiketi
<meta charset="UTF-8"> web sayfasının kullanmış olduğu karakter setine işaret etmektedir. Bu sebeple doğru kullanımı oldukça fazla önem arz etmektedir.
<head>
<meta charset=”UTF-8″>
</head>
Karakterseti (Charset) Kod Oluşturucu
Meta Yazar Etiketi
<meta name=”author”> etiketi ilgili sayfanın hangi yazar tarafından kaleme alındığını gösteren temel kodlardan birisidir. SEO için güven veren bir parametreye sahiptir ve YMYL sitelerinde mutlaka kullanmanız gereken bir koddur.
<meta name="author" content="Yazar Adı / Soyadı">