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

Bağlantı Kısaltıcı Çözücü

bit.ly, t.co, tinyurl ve diğer kısa bağlantıları açın. Tıklamadan önce her yönlendirme adımını, durum kodunu ve son hedefi görün.

Breadcrumb Schema Oluşturucu

Her sayfa hiyerarşisi için geçerli BreadcrumbList JSON-LD üretin. Sitenizin head bölümüne yapıştırmaya hazır schema.org işaretlemesi verir.

Open Graph Denetleyici

Sayfanızın HTML'sini yapıştırın ve hangi Open Graph ve Twitter Card etiketlerinin bulunduğunu, hangi zorunlu etiketlerin eksik olduğunu ve her birinin tam değerini anında görün.

Site Haritası Oluşturucu

URL listenizi yapıştırın ve changefreq, priority ve isteğe bağlı lastmod içeren geçerli bir XML site haritası oluşturun; kaydetmeye ve Search Console'a göndermeye hazır.

İndekslenebilirlik Kontrolcüsü

Bir URL'nin indekslenebilir olup olmadığını kontrol edin: robots.txt dosyası, meta robots tagi, X-Robots-Tag, kanonik sinyaller ve HTTP durumu.

SERP Önizleme

Yayınlamadan önce bir Google arama sonucunu önizleyin. Canlı karakter sayaçları çok uzun başlık ve meta açıklamalarda uyarır, Google stilinde bir snippet sonucunuzun nasıl göründüğünü gösterir.

Araç diğer dillerde mevcuttur