Meta Etiketi Oluşturucu

Bu araç ne yapar

Meta etiketi oluşturucu, bir HTML sayfasının <head> bölümüne giren etiketleri yazar: <title>, meta description, anahtar kelimeler ve yazar, bir robots yönergesi, standart bağlantı, tema rengi, viewport ve charset bildirimleri, eksiksiz Open Graph etiketleri (og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale) ve X / Twitter kart etiketleri.

Siz yazdıkça sayfanın bir arama sonucunda ve sosyal kartta nasıl görünebileceğini gösterir ve sık yapılan hataları denetler: yaklaşık 60 karakterden uzun başlık, eksik, çok kısa veya yaklaşık 160 karakterden uzun açıklama, göreli standart URL, mutlak URL’si olmayan paylaşım görseli ya da hatalı yazılmış yerel ayar veya renk. Her şey tarayıcınızda gerçekleşir ve önizleme görselinizi bilerek yüklemez; böylece sayfa hiçbir ağ isteği göndermez.

Nasıl kullanılır

1. Sayfa bilgilerini doldurun. Başlık ve açıklama en önemlileridir; sayaçlar uzunluklarını olağan görüntüleme sınırlarıyla karşılaştırır. Eksiksiz bir örnek için Örnek’e tıklayın.
2. Sayfanın standart URL’sini ve bir paylaşım görseli girin. /images/cover.jpg gibi göreli bir yol standart URL’ye göre çözümlenir.
3. Seçeneklerde Open Graph türünü (çoğu sayfa için website, blog yazıları için article), kart boyutunu, arama motorlarının sayfayı dizine ekleyip bağlantıları izleyip izleyemeyeceğini ve hangi etiket gruplarının ekleneceğini seçin.
4. HTML’nin altındaki uyarıları okuyun, önizlemeleri kontrol edin, ardından HTML’yi sayfa şablonunuza kopyalayın.

Seçenekler sayfa adresinde, form ise tarayıcınızda saklanır; böylece daha sonra devam edebilir veya aynı ayarlarla bir bağlantı paylaşabilirsiniz.

Örnek

Örnek sayfa şuna benzer etiketler üretir (kısaltılmış):

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Bread for Beginners — Step-by-Step Guide</title>
<meta name="description" content="Bake your first sourdough loaf at home: …">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/recipes/sourdough-for-beginners">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Sourdough Bread for Beginners — Step-by-Step Guide">
<meta property="og:image" content="https://example.com/images/sourdough-loaf.jpg">
<meta property="og:locale" content="en_US">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplekitchen">

Değerler HTML için kaçışlanır; bu yüzden başlıktaki tırnak işaretleri ve & işaretleri işaretlemeyi bozmaz. en-US yerel ayarı da Open Graph’ın beklediği en_US biçimine dönüştürülür.

İpuçları

• Her sayfa için benzersiz bir başlık ve açıklama yazın; site genelindeki tekrarlar sonuçları ayırt etmeyi zorlaştırır.
• Uzun başlıklar sondan kesildiği için en önemli kelimeleri başlığın başına koyun.
• Standart URL, protokol ve tercih ettiğiniz www’li ya da www’siz biçim dahil, dizine eklenmesini istediğiniz tam adres olmalıdır.
• robots’u noindex yapmak sayfayı sonuçlardan çıkarır, ancak yalnızca tarayıcılar sayfayı hâlâ getirebiliyorsa: onu ayrıca robots.txt’de engellemeyin.