Sosyal medya paylaşım önizlemesi

Sayfanın Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord veya Pinterest’te paylaşıldığında nasıl görüneceğini gör, kesilen kısımları düzelt ve yapıştırmaya hazır Open Graph etiketlerini kopyala.

1. Sayfanın bilgileri

Formu doldur ya da bilgileri bir sayfanın kodundan içe aktar.

0 / 60
0 / 155
Sayfa türü
Paylaşım görseli

JPG, PNG, WebP veya GIF. Seçilen görsel yalnızca önizleme için kullanılır: kod için görselin çevrimiçi adresini de gir.

2. Önizlemeler

Her platformun bir simülasyonu: gerçek sonuç biraz farklı olabilir, ama kesilen yerler gerçeğe yakındır.

Google

Eexample.comhttps://example.com › …
Sayfa başlığıSayfa açıklaması burada görünecek.

Facebook

example.comSayfa başlığıSayfa açıklaması burada görünecek.

X

Sayfa başlığı
Kaynak: example.com

LinkedIn

Sayfa başlığıexample.com

WhatsApp

Sayfa başlığıSayfa açıklaması burada görünecek.example.com
https://example.com10:24

Slack

example.comSayfa başlığıSayfa açıklaması burada görünecek.

Discord

example.comSayfa başlığıSayfa açıklaması burada görünecek.

Pinterest

Sayfa başlığıEexample.com

Pinterest görseli kırpmadan, tamamını gösterir. Dikey bir görsel (2:3, örneğin 1000 × 1500 px) orada daha fazla yer kaplar, ama diğer platformlarda kırpılır.

3. Kontroller ve kod

Düzeltilmesi gerekenler, ardından sayfana yapıştırılacak etiketler.

  • SorunBaşlık eksikBaşlık olmadan her ağ, sayfadan kendine göre bir başlık uydurur.
  • SorunAçıklama eksikAğlar sayfadan bir metin parçası alır; bu çoğu zaman kötü bir seçimdir.
  • SorunGörsel yokGörseli olmayan bağlantılar çok daha az tıklanır. 1200 × 630 px boyutunda bir görsel hazırla.
  • İyileştirilmeliSayfa adresi eksikog:url sayfanın resmî adresini belirtir, böylece paylaşımlar bir arada toplanır.

Sayfanın head bölümüne yapıştır.

Kodu oluşturmak için formu doldur.

Sosyal medya paylaşım önizlemesi hakkında

Biri sayfanı her paylaştığında, ağ onun başlığını, açıklamasını ve görselini içeren bir kart gösterir. Bu araç, yayınlamadan önce bu kartları gösterir ve onları besleyen etiketleri yazar.

Bağlantılarının iyi görünmesini sağla

Sayfan paylaşıldığında her ağ bir başlık, bir açıklama ve bir görsel içeren bir kart gösterir. Bu bilgiler, sayfanın koduna yerleştirilen Open Graph etiketlerinden gelir. Bunlar olmadan kart boş kalır ya da kötü seçilir.

Doğru uzunluklar

Google bir başlığı yaklaşık 60 karakterde, bir açıklamayı yaklaşık 155 karakterde keser. 1200 × 630 piksellik (1,91:1) bir görsel her yerde iyi görünür: bazı platformlar kırptığı için önemli kısımları ortada tut. Pinterest dikey görseli tercih eder.

Yapıştırmaya hazır kod

Sayfanın head bölümüne yerleştirilecek HTML etiketlerini ya da bir Next.js sitesi için metadata nesnesini kopyala. Yayına aldıktan sonra ağlar eski önizlemeyi birkaç gün önbelleklerinde tutabilir.

Hiçbir şey yüklenmez

Önizlemeler tarayıcında simüle edilir. Görselin ve metinlerin hiçbir yere gönderilmez. Yapılan tek istek, yazdığın görsel adresi için tarayıcının yaptığı istektir.

Geliştirme

JWT Çözücü

Bir JWT’nin başlık, payload ve tarih bilgilerini oku, imzasını kontrol et.