Paylaşılan bağlantının kapağı: web sayfası önizlemesi nasıl tasarlanır?

Kartın tek bir sayfayı temsil etmesini sağlayın

Bir hizmet sayfasının kapağı, o hizmetin kararını anlatmalı; proje sayfası ise gerçekten o projeyi göstermeli. Her adreste aynı genel görsel kullanılınca ziyaretçi farklı bağlantıları ayırt etmekte zorlanabilir. Başlığı sayfanın temel sorusuna göre yazın. Açıklama, başlığı tekrar etmek yerine sayfada ne bulunacağını kısa ve doğru biçimde tamamlasın.

Örneğin bir teknik doküman rehberini paylaşırken “Markanızı geleceğe taşıyoruz” yerine belgelere erişimi anlatan bir başlık daha somut olur. Kartta yer alan vaat sayfanın içinde karşılığını bulsun. Hazır olmayan bir fiyat, teslim süresi veya özellik yalnızca daha fazla tıklama almak için önizlemeye yazılmamalıdır.

Metaveri ile sayfadaki içerik birlikte hazırlanmalı

Open Graph protokolü temel özellikler olarak og:title, og:type, og:image ve og:url alanlarını tanımlar. Açıklama, dil ve görselin alternatif metni için ek alanlar da sunar. Bu alanlar önizleme sistemlerine bilgi verir; her uygulamanın aynı kırpma veya görünümü kullanacağını garanti etmez. Yayındaki adresi gerçek paylaşım yüzeyinde ayrıca kontrol etmek gerekir.

Editörün kapağı değiştirdiği yerde başlığı ve açıklamayı da görebilmesi yararlıdır. Aksi halde sayfa güncellenirken eski önizleme metni unutulabilir. Bir proje kapağının değişmesi, o projenin sayfa içindeki fotoğraflarının da aynı biçimde kırpılması gerektiği anlamına gelmez. Her görselin görevini ayrı tanımlayın.

Küçük ölçekte çalışan, diline uygun bir kapak üretin

Kapakta az sayıda kelime ve tek bir ana fikir kullanın. Önemli nesneyi, yüzü veya kelimeyi kenara yaslamayın; farklı kart oranlarında kesilebilir. İnce yazı, uzun alt başlık ve çok küçük logo telefonda anlamını kaybedebilir. Tasarımı yalnızca büyük çalışma ekranında değil, küçük önizleme boyutunda da inceleyin.

Türkçe adresin kapağını Türkçe, İngilizce adresin kapağını İngilizce hazırlamak okuma akışını tutarlı kılar. Metin içermeyen bir fotoğraf iki dilde de kullanılabilir; ancak görselin alt metni ve kartın başlığı ilgili dilde olmalıdır. Kapaktaki dil ile yönlenilen sayfanın dili aynı mı, kontrol edin. Coğrafi tahmin yerine paylaşılan adresin dilini temel alın.

Örnek kartın alanlarını açın

Yayından sonra adres, görsel ve anlamı kontrol edin

Önizleme görselinin herkese açık adresten yüklendiğini, gerçekten belirtilen görsel formatında olduğunu ve yanlış dildeki dosyaya yönlenmediğini kontrol edin. Sayfanın başlığı, açıklaması ve kapaktaki mesajını yan yana okuyun. Birbirlerinden farklı iddialar anlatıyorlarsa sadece görseli yenilemek yeterli değildir.

Aynı görselin her paylaşım ortamında birebir görünmesini beklemek yerine hangi kırpmalarda okunurluğunu koruduğunu inceleyin. Mobil görsel kadrajı rehberi sayfa içindeki kullanım kararını tamamlar. Proje arşivindeki gerçek içerikleri ve web tasarım kapsamını temel alarak sayfa bazında bir kapak listesi çıkarabilirsiniz. Son kontrolü yayımlanan URL üzerinden yapın; yerel tasarım dosyası doğru görünse bile canlı kart bilgisi farklı kalmış olabilir.