OG ve Twitter Kart Oluşturucu — Meta Etiket Oluşturucu, Denetleyici ve Önizleme
Bir formdan yapıştırmaya hazır Açık Grafik ve Twitter Kartı <meta> etiketleri oluşturun veya eksik etiketleri, başlık/açıklama uzunluğunu ve twitter:kart geçerliliğini denetlemek için mevcut bir <head>'i yapıştırın; ardından her ikisini de gerçekten yeniden tasarlanmış Twitter/X, Facebook, LinkedIn ve Discord bağlantı kartı modellerinde önizleyin.
Sonuç
Açık Grafik ve Twitter Kartı meta etiketleri, bir bağlantının Slack'e, iMessage'a, bir tweet'e veya bir Discord kanalına yapıştırıldığı anda nasıl görüneceğine karar verir; bu başlık, açıklama ve resim, platformun görünür gövde metninden ne tür bir alıntı yaptığına göre değil, sayfanın kendi <head>'i tarafından seçilir. Bu araç, genel bir şablon doldurucusu değil, hem oluşturucu hem de denetçidir. OLUŞTUR modunda, bir başlık, açıklama, resim URL'si, standart URL, içerik türü ve Twitter kart türünü doldurun; boş içeriğe sahip içi boş etiketler yayınlamak yerine, boş bıraktığınız herhangi bir alanı atlayarak, sayfanızın <head> bölümüne yapıştırmaya hazır tam <meta property="og:..."> ve <meta name="twitter:..."> etiket bloğunu oluşturur.
AUDIT modunda, mevcut <head> işaretlemenizi veya sayfanın tamamının HTML'sini yapıştırın ve araç, zaten mevcut olan her og: ve twitter: meta etiketini çıkarmak için tarayıcının yerel DOMParser'ı ile ayrıştırır, ardından gerçekten önemli olan kontrolleri çalıştırır: yaygın olarak gerekli olan dört etiket (og:title, og:description, og:image, og:url) eksikse işaretlenir; og:title, bazı platformların kesmeye başladığı kabaca 60 karakterlik noktaya ve çoğu platformun kesmeye başladığı kabaca 90 karakterlik noktaya göre ölçülür; og:description, çoğu platformun kesmeden önce izin verdiği kabaca 155 ila 200 karakter aralığına göre ölçülür; twitter:card, Twitter'ın Kart doğrulayıcısının kabul ettiği dört gerçek değerle (özet, özet_büyük_görüntü, uygulama, oynatıcı) karşılaştırılarak kontrol edilir ve başka bir şey varsa işaretlenir; ve yinelenen etiketler (aynı özellik iki kez bildirildi, şaşırtıcı derecede yaygın bir kopyala-yapıştır hatası) adlarıyla çağrılıyor.
Resim boyutları dürüst bir şekilde ele alınır: Bu araç, resminizi getirmeden resminizin gerçek piksel boyutunu doğrulayamaz ve bu sitenin harici istek yok politikasına uygun olarak bunu kasıtlı olarak asla yapmaz. HTML'niz zaten og:image:width ve og:image:height değerlerini bildiriyorsa, bildirilen bu sayılar yaygın olarak önerilen minimum 1200×630 ile karşılaştırılarak kontrol edilir; eğer değilse, uydurma başarılı veya başarısız bir sonuç yerine net bir rehberlik notu alırsınız. Her iki mod da aynı dört bağlantı önizleme modelini oluşturur - Twitter/X (kompakt "özet" küçük resim düzeni ve twitter:card değerine bağlı olarak tam genişlikte "summary_large_image" düzeni arasında geçiş yapar), Facebook, LinkedIn ve Discord - her biri, farklı bir logoya sahip tek bir kutu yerine platformun kendi tipografisi ve düzen kurallarına uyacak şekilde gerçekten yeniden tasarlandı ve her biri, planlama amacıyla açıklayıcı bir yaklaşım olarak açıkça etiketlendi, çünkü gerçek platformlar zaman içinde önizleme kromunu yeniden şekillendirir ve bu araç hiçbir zaman bunları kontrol etmek için getirmez veya çizmez.
Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.
Kabul Edilen Formatlar ve Kurallar
- YAPI modu, og:title, og:description, og:image, og:url, og:type, og:site_name ve eşleşen twitter:card/twitter:site/twitter:title/description/image etiketlerini oluşturur ve yapıştırmaya hazır bloğun tek tıklamayla kopyasıyla boş bırakılan herhangi bir alanı atlar.
- AUDIT modu, tarayıcının DOMParser'ı aracılığıyla yapıştırılan HTML'deki her og:/twitter: <meta> etiketini, gerekli etiketlerin eksik olduğu bayrakları (og:title/description/image/url), yinelenen etiketleri ve geçersiz twitter:card değerlerini çıkarır.
- Uzunluk kılavuzu, yaygın olarak bahsedilen gerçek eşikleri kullanır: og:title, bazı platformlar onu kesmeye başlamadan önce yaklaşık 60 karakter (en izin verende kabaca 90'a kadar), og:description yaklaşık 155-200 karakter.
- Facebook, LinkedIn ve Discord önizlemelerinin yanı sıra, Twitter/X kartını belirtilen kart türü için doğru düzeninde (küçük kare küçük resme sahip kompakt bir "özet" kartı veya tam genişlikte "summary_large_image" düzeni) görüntüler.
Temel Faydalar
Kullanım Durumları
- • Uygun sosyal kartlarla yeni bir blog gönderisi gönderin: başlığı, açıklamayı ve barındırılan kapak resmini doldurun, og:/twitter: etiket bloğunu oluşturun ve bunu doğrudan sayfanın <head> bölümüne yapıştırın.
- • Eksik bir og:image'ı, bazı platformlarda kesilecek kadar uzun bir og:title'ı veya kalan geçersiz bir twitter:card değerini yakalamak için CMS geçişinden sonra mevcut bir açılış sayfasının <head> öğesini denetleyin.
- • Hangi twitter:kart türünün bildirileceğine karar vermeden önce, aynı başlığın ve görselin Twitter/X'in kompakt özet kartında nasıl okunduğunu tam genişlikli Summary_large_image düzeniyle karşılaştırın.
Bu aracı oylayın
