Meta etiket oluşturucu ne yapar, kim kullanır?
Araç, formdaki alanlardan kopyalanıp doğrudan <head> içine yapıştırılabilecek bir HTML bloğu üretir. Zorunlu olan yalnızca title ve description alanlarıdır; canonical, robots seçenekleri, sosyal paylaşım alanları ve dil alternatifleri isteğe bağlıdır. Boş bıraktığınız alanlar için boş etiket yazılmaz.
Statik site ya da kendi temasını yazan geliştiriciler bloğu şablona ekleyebilir. WordPress kullanan editörler ise HTML yerine eklenti alanlarını doldurmak için sağdaki eşleme notundan yararlanabilir. Başlığın arama sonucunda nasıl kesilebileceğini görmek için önce SERP önizleme aracını kullanmak iyi bir sıradır.
Nasıl kullanılır?
- Title ve description alanlarını doldurun. Sayaç grafem sayar; bir emoji tek karakterdir.
- Varsa sayfanın mutlak canonical URL’sini girin. Adres yalnızca yerelde doğrulanır, sunucuya istek gönderilmez.
- Robots bölümünde index/noindex ve follow/nofollow seçin; gerekirse ek yönergeleri işaretleyin.
- Sosyal paylaşım bölümünü açıp OG türü, başlık, açıklama, görsel, site adı ve
og:localedeğerini isteğe bağlı olarak ekleyin. - Çok dilli sayfalarda her satıra bir dil kodu ve URL yazın;
x-defaultsatırını unutmayın. - Oluştur düğmesine basın. Uyarıları okuyun, ardından bloğu kopyalayın,
.htmldosyası olarak indirin veya paylaşım bağlantısı oluşturun.
Title, description ve canonical
Title metni <title> öğesine metin kaçışıyla, description ise content özniteliğine öznitelik kaçışıyla yazılır. Böylece &, <, > ve tırnak işaretleri etiketi bozmaz; </title><script> gibi bir girdi çalışabilir HTML’e dönüşmez, düz metin olarak kalır. Türkçe karakterler olduğu gibi korunur.
Araç title 60, description 160 karakteri aştığında ve description 70 karakterin altında kaldığında uyarı verir. Bunlar editoryal hatırlatmalardır, arama motorlarının koyduğu kesin sınırlar değildir; gerçek kesilme piksel genişliğine bağlıdır.
Canonical isteğe bağlıdır, ancak girildiğinde mutlak HTTP veya HTTPS adresi olmalıdır. javascript: gibi şemalar, kullanıcı adı içeren adresler ve kontrol karakterleri reddedilir. Geçerli bir canonical, aynı zamanda og:url değeri olarak da kullanılır.
Open Graph ve Twitter etiketleri
Open Graph etiketleri bir bağlantı sosyal ağlarda veya mesajlaşma uygulamalarında paylaşıldığında gösterilen kartı besler. OG başlık ve açıklama alanlarını boş bırakırsanız normal title ve description kullanılır; ayrı bir sosyal metin yazmak zorunda değilsiniz. OG türü website veya article olabilir.
Görsel URL’si yalnızca biçim olarak doğrulanır; araç görseli indirmez ve önizleme için dış istek yapmaz. Görsel girildiğinde twitter:card değeri summary_large_image, girilmediğinde summary olur ve boş og:image etiketi üretilmez. og:locale için tr_TR gibi alt çizgili biçim beklenir.
Robots seçenekleri
Varsayılan index, follow durumu arama motorlarının zaten uyguladığı davranış olduğu için ayrıca yazılmaz. noindex, nofollow veya noarchive, nosnippet, noimageindex, max-image-preview:large gibi ek bir yönerge seçtiğinizde tek bir meta name="robots" etiketi üretilir. index ile noindex, follow ile nofollow aynı anda seçilemez.
Noindex seçip aynı anda canonical girdiğinizde araç uyarır: biri sayfanın dizine alınmamasını, diğeri tercih edilen adresi bildirir ve birlikte çelişkili bir sinyal verebilir. Robots meta etiketinin okunabilmesi için sayfanın robots.txt ile taranmaya kapatılmamış olması gerekir.
Açıklamalı örnek
Örnek yükle düğmesi bir semt rehberi sayfasını doldurur: title “Kadıköy Kahve Rehberi: Semtin En İyi 12 Kahvecisi”, OG başlığı “Kadıköy’de Kahve & Çalışma Mekânları”, OG açıklaması boş, max-image-preview:large işaretli, üç hreflang satırı ve bir görsel URL’si. Beklenen çıktı aşağıdadır.
<title>Kadıköy Kahve Rehberi: Semtin En İyi 12 Kahvecisi</title>
<meta name="description" content="Kadıköy’de üçüncü dalga kahveciler, çalışmaya uygun sakin mekânlar ve fiyat notlarıyla hazırlanmış semt rehberi. Adres ve çalışma saatleri dahil.">
<link rel="canonical" href="https://example.com/tr/kadikoy-kahve-rehberi/">
<meta name="robots" content="index, follow, max-image-preview:large">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/kadikoy-kahve-rehberi/">
<link rel="alternate" hreflang="en" href="https://example.com/en/kadikoy-coffee-guide/">
<link rel="alternate" hreflang="x-default" href="https://example.com/en/kadikoy-coffee-guide/">
<meta property="og:type" content="article">
<meta property="og:title" content="Kadıköy’de Kahve & Çalışma Mekânları">
<meta property="og:description" content="Kadıköy’de üçüncü dalga kahveciler, çalışmaya uygun sakin mekânlar ve fiyat notlarıyla hazırlanmış semt rehberi. Adres ve çalışma saatleri dahil.">
<meta property="og:url" content="https://example.com/tr/kadikoy-kahve-rehberi/">
<meta property="og:image" content="https://example.com/img/kadikoy-kahve-og.jpg">
<meta property="og:site_name" content="Example Rehber">
<meta property="og:locale" content="tr_TR">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Kadıköy’de Kahve & Çalışma Mekânları">
<meta name="twitter:description" content="Kadıköy’de üçüncü dalga kahveciler, çalışmaya uygun sakin mekânlar ve fiyat notlarıyla hazırlanmış semt rehberi. Adres ve çalışma saatleri dahil.">
<meta name="twitter:image" content="https://example.com/img/kadikoy-kahve-og.jpg">OG açıklaması boş olduğu için normal description, og:description ve twitter:description etiketlerinde de kullanıldı. OG başlığındaki & işareti & olarak kaçırıldı; Türkçe harfler ve tipografik kesme işareti değişmedi. Ek yönerge seçildiği için robots etiketi yazıldı. Görsel verildiği için Twitter kartı büyük görselli biçime geçti ve canonical og:url olarak da kullanıldı.
Yoast ve Rank Math alanları
WordPress’te Yoast SEO veya Rank Math etkinse HTML bloğunu temaya yapıştırmak yerine aynı bilgileri eklentinin yazı düzenleyicisindeki alanlara girin. Alan adları eklenti sürümüne göre küçük farklar gösterebilir.
| Etiket | Yoast SEO | Rank Math |
|---|---|---|
| title, description | SEO başlığı ve meta açıklama | Snippet düzenleme: başlık ve açıklama |
| canonical | Gelişmiş sekmesi: canonical URL | Gelişmiş sekmesi: canonical URL |
| robots | Gelişmiş sekmesi: arama sonuçlarında gösterme, bağlantıları izleme | Gelişmiş sekmesi: robots meta ve gelişmiş robots meta |
| OG/Twitter | Sosyal sekmesi: başlık, açıklama, görsel | Sosyal sekmesi: Facebook ve Twitter alanları |
Hreflang ve og:locale çoğunlukla bu eklentilerin elle girilen alanı değildir; hreflang genellikle WPML veya Polylang gibi çok dilli bir eklenti tarafından üretilir.
Çift etiket sorunu
SEO eklentisi zaten bir title, description, canonical ve OG bloğu yazıyorsa, aynı etiketleri tema dosyasına veya bir “header kodu” eklentisine ikinci kez eklemek sayfada iki canonical, iki description ya da iki farklı og:image oluşturabilir. Arama motorları ve sosyal ağlar bu durumda hangisini kullanacaklarını kendileri seçer ya da çelişkili değerleri yok sayabilir.
Yayından sonra sayfa kaynağını açıp rel="canonical" ve og:title aratarak her birinin yalnızca bir kez geçtiğini kontrol edin. Tekrar görürseniz birini kaldırın: ya eklenti alanlarını kullanın ya da eklentinin ilgili çıktısını kapatıp bu bloğu ekleyin.
Sınırlar ve sık hatalar
- Araç etiketleri üretir; sayfanın gerçekten dizine alınacağını veya kartın belirli bir biçimde görüneceğini garanti etmez.
- Canonical ve görsel URL’lerine ağ isteği yapılmaz; adresin yanıt verip vermediğini ayrıca kontrol edin.
- Hreflang kodlarında alt çizgi değil tire kullanılır:
en_GBdeğilen-GB. Aynı kod iki kez girilirse hata verilir; en fazla 100 alternatif kabul edilir. - Hreflang kümesi sayfanın kendi adresini içermelidir;
#bolumgibi parça içeren URL’ler reddedilir.
Sık sorulan sorular
OG başlığını ayrıca yazmam gerekir mi?
Hayır. OG başlık ve açıklama boş bırakılırsa normal title ve description kullanılır. Sosyal paylaşımda farklı bir ton istiyorsanız ayrı metin yazabilirsiniz.
Neden çıktıda robots etiketi yok?
Varsayılan index, follow durumunda etiket gereksiz olduğu için yazılmaz. Noindex, nofollow veya ek bir yönerge seçtiğinizde tek bir robots etiketi eklenir.
Girdiğim adresler kontrol ediliyor mu?
Yalnızca biçim olarak, tarayıcınızda. Şema, alan adı ve karakterler doğrulanır; adrese veya görsele istek gönderilmez.
WordPress’te bu bloğu nereye eklemeliyim?
Yoast veya Rank Math kullanıyorsanız bloğu eklemeyin; aynı değerleri eklenti alanlarına girin. Eklenti yoksa bloğu temanın head bölümüne bir kez ekleyin.
Girdilerim bir sunucuya gönderiliyor mu?
Hayır. Üretim tamamen tarayıcıda yapılır. Paylaşım bağlantısına girdileri eklemek isteğe bağlıdır ve varsayılan olarak kapalıdır.