Softonic

Open Graph Önizleme

Adım 1 / 2
Sonraki

Başlığınızı, açıklamanızı, site adınızı, sayfa URL’nizi ve görüntü URL’nizi yazın; bu araç, her tuş vuruşunda güncellenen canlı bir Facebook ve X (Twitter) paylaşım kartı işlesin. Bu, Open Graph etiketleriniz için bir tasarım deneme alanıdır: hiçbir şey getirilmez veya yayımlanmaz, böylece başlık uzunluğunu ve görüntü kırpmasını kart doğru görünene kadar prova edebilir, sonra metni gerçek og: etiketlerinize kopyalayabilirsiniz.

Önizleme nasıl oluşturulur

  1. 1

    Kart alanlarını yazın

    Başlık, site adı, açıklama, sayfa URL'si ve görüntü URL'si. Her alan bir og: etiketine karşılık gelir.

  2. 2

    Kartların güncellenmesini izleyin

    Facebook ve X taklitleri, her platformun gerçek düzenini ve kırpmasını kullanarak siz yazdıkça yeniden işlenir.

  3. 3

    Bir görüntü URL'si ekleyin

    Kırpmayı görmek için mutlak bir https görüntü adresi yapıştırın; boş bırakırsanız Facebook kartı bir yer tutucu gösterir.

  4. 4

    og: etiketlerinize kopyalayın

    Kart iyi okunduğunda aynı başlığı, açıklamayı ve görüntüyü sayfanızın meta etiketlerine aktarın.

Her alan neye dönüşür

Alan Open Graph etiketi Kartta görünüşü
Başlık og:title Kalın başlık, tek satıra kırpılır
Açıklama og:description Gri alt başlık, iki satırla sınırlanır
Site adı og:site_name Facebook başlığının üstünde küçük etiket
URL og:url Alan adı gösterilir; host belirler
Görüntü URL’si og:image Her iki taklit kartta 1.91:1’e kırpılır

Araç, yazdığınız URL’den host’u okur, bu yüzden https://blog.example.com/post kartta blog.example.com gösterir.

İki kart ve nasıl farklılaştıkları

  • Facebook, görüntüyü 1.91:1’e kırpılmış gösterir, ardından küçük büyük harflerle alan adını, tek satırda kalın başlığı ve en fazla iki satırda açıklamayı gösterir. Görüntü URL’si yoksa gri bir yer tutucu işler; bu da vahşi doğada görüntüsüz, düz bir paylaşımın en yaygın tek nedenidir.
  • X (Twitter), yuvarlatılmış bir summary_large_image kartı gösterir: 2:1 kırpmalı görüntü, alan adı, başlık ve altında açıklama.

Metnin sığması için

  • Başlık: 60 ile 70 karakter hedefleyin. Facebook 88 civarında, X 70 civarında keser, bu yüzden 70 içindeki bir başlık her yerde tam kalır.
  • Açıklama: yaklaşık 160 karakterin altında tutun; kart iki satıra sınırlar ve gerisi atılır.
  • Görüntü: 1.91:1 kırpma temiz olsun diye 1200 x 630 px tasarlayın ve mutlak bir https:// URL’sinde barındırın. Etiketler yayına girdiğinde göreli bir yol yüklenmez.
  • Site adı: kısa ve yalnızca marka, slogan yok. Başlığın üstünde bir etiket olarak durur.

Yayın günü kontrol listesi

  • [ ] Başlık 70 karakterin altında
  • [ ] Açıklama 160 karakterin altında
  • [ ] Görüntü URL’si mutlak (https, // veya göreli bir yol değil)
  • [ ] Görüntü 1200 x 630 px tasarlanmış, JPG veya PNG
  • [ ] URL, yayımlayacağınız kanonikle eşleşiyor
  • [ ] Metin gerçek og: etiketlerine kopyalandı, sonra bir denetleyiciyle doğrulandı

Sık Sorulan Sorular

Hayır. Kart alanlarını elle yazarsınız ve araç bunların nasıl görüneceğinin taklidini yapar. Bu bir tarayıcı değil, bir tasarım deneme alanıdır, bu yüzden sayfa çevrimiçi olmadan önce de çalışır. Bir sayfada zaten bulunan etiketleri okumak için, o sayfanın HTML’sini Open Graph Denetleyici’ye yapıştırın.

Bir Facebook kartı ve bir X (Twitter) büyük görüntü kartı. Aynı Open Graph değerlerini kullanırlar, bu yüzden burada iyi okunan bir kart, LinkedIn, Slack, Discord ve aynı og: etiketlerinden açan diğer uygulamalar için iyi bir gösterge olur; her biri biraz farklı sınırlarla.

Çünkü görüntü alanı boş veya yapıştırdığınız URL çalışan bir mutlak https adresi değil. Tam bir https görüntü URL’si ekleyin, kırpma hemen belirir. Yayına girdiğinde dosyayı 5 MB altında tutun ve herkese açık bir image/* içerik türüyle sunun.

Her platform farklı bir noktada keser (Facebook 88 karakter civarında, X 70 civarında) ve taklit kart bunu yansıtır. Başlığı 60 ile 70 karaktere kısaltın, her platformda tam kalacaktır.

İlgili Araçlar

Meta Açıklaması Uzunluk Denetleyicisi

Meta açıklamayı karakter ve tahmini piksel cinsinden ölçün, editoryal ölçütlerle karşılaştırın ve masaüstü ile mobil düzen örneklerini inceleyin.

HTTP Güvenlik Başlık Kontrolcüsü

HTTP yanıt başlıklarını yapıştırın; HSTS, CSP, clickjacking, MIME, referrer ve cross-origin ilkelerini tarayıcıda inceleyin.

Dış Bağlantı Çıkarıcı

Ham HTML yapıştırın, isteğe bağlı olarak bir temel URL belirleyin ve kod içindeki tüm harici http/https bağlantılarının temiz, kopyasız bir listesini bağlantı denetimleri ve SEO incelemeleri için alın.

FAQ Şeması Oluşturucu

Soru-cevap çiftlerinden FAQPage JSON-LD işaretlemesi oluşturun ve sayfanızı Google'ın zengin sonuçlarına ve yanıt kutusuna aday hâle getirin.

Google SERP Simülatörü

Mobil ve masaüstü için karakter sınırlarıyla yaklaşık bir Google tarzı snippet inceleyin. Taslağınız bu tarayıcı oturumunda kalır.

XML Site Haritası Doğrulayıcı

Site haritası XML kodunu tarayıcıda ayrıştırma hataları, eksik konumlar, yinelenen URL'ler ve yaygın alan değerleri açısından kontrol edin.

Araç diğer dillerde mevcuttur