Meta Etiket Üretici ne işe yarar
Bu araç, sayfanıza dair birkaç ayrıntıyı, doğrudan yapıştırmaya hazır bir HTML meta etiket bloğuna dönüştürür. Ona bir başlık ve isteğe bağlı olarak açıklama, sayfa adresi ve paylaşım görseli verirsiniz; karşılığında bir <title> etiketi, meta açıklama, Open Graph etiketleri ve Twitter Card etiketleri döndürür. Bunlar, arama motorlarının okuduğu ve Facebook, LinkedIn ile X’in bağlantı önizleme kartlarını oluştururken kullandığı parçalardır.
Doğru sosyal önizlemeler isteyen ama tam etiket söz dizimini ezberlemek istemeyen geliştiriciler, blog yazarları, pazarlamacılar ve açılış sayfası yayınlayan herkes için pratiktir.
Nasıl kullanılır
- Sayfa başlığınızı en üstteki ana giriş kutusuna yazın veya yapıştırın.
- Açıklama alanına sayfanın kısa bir özetini girin (bu hem meta açıklama hem de sosyal açıklama olur).
- og:url etiketinin canlı adrese işaret etmesi için Sayfa URL’si ekleyin.
- Bağlantı paylaşıldığında görünecek önizleme küçük resmini belirlemek için bir Paylaşım görseli URL’si ekleyin.
- Etiket Oluştur düğmesine tıklayın; tüm işaretleme çıktı kutusunda belirsin.
- Sonucu kopyalayın ve HTML’inizin
<head>bölümünün içine bırakın.
Yalnızca başlık zorunludur. İsteğe bağlı bir alanı atladığınızda üretici o etiketi sessizce çıkarır, böylece çıktı temiz kalır.
Neden burada kullanmalısınız
Tamamen tarayıcınızda çalışır; yükleme yok, hesap yok ve bekleme yok. Sayfa ayrıntılarınız hiçbir zaman cihazınızdan ayrılmaz. Çıktı anında ve tutarlıdır: og:type ve twitter:card makul biçimde ayarlanır (website ve summary_large_image) ve tırnaklar doğru yerleştirilir, böylece etiketler geçerli olur.
İpucu: etiketleri canlıya aldıktan sonra sonucu bir sosyal hata ayıklayıcıyla test edin ki her platform yeni görselinizi ve açıklamanızı çeksin. En keskin kart için yaklaşık 1200’e 630 piksel boyutunda bir görsel kullanın.
Sıkça sorulan sorular
- Bu üretici hangi meta etiketleri oluşturur?
- Bir başlık etiketi, meta açıklama, Open Graph etiketleri (og:title, og:description, og:url, og:image, og:type) ve Twitter Card etiketleri (twitter:card, twitter:title, twitter:description) üretir. Bloğu sayfanızın head bölümüne yapıştırın.
- Hangi alanları doldurmam gerekiyor?
- Yalnızca sayfa başlığı zorunludur. Açıklama, Sayfa URL'si ve Paylaşım görseli URL'si isteğe bağlıdır. Bir alanı boş bırakırsanız ona karşılık gelen etiket atlanır, böylece çıktıda hiç boş öznitelik olmaz.
- Open Graph ve Twitter Card etiketlerini neden eklemeliyim?
- Bağlantınızın Facebook, LinkedIn, X ve mesajlaşma uygulamalarında paylaşıldığında nasıl göründüğünü bunlar belirler. Bir og:image ile net bir başlık ve açıklama sayesinde bağlantınız çıplak bir adres yerine düzgün bir önizleme kartı gösterir.
- Sayfa bilgilerim bir yere gönderiliyor mu?
- Hayır. Etiketler tarayıcınızda JavaScript ile oluşturulur. Başlığınız, açıklamanız, adresiniz ve görseliniz cihazınızda kalır, hiçbir şey yüklenmez veya depolanmaz.