Web Sitesi Tasarımı ve Yazılımı
Riva Web Tasarım — Sosyal Paylaşım Kartında Yanlış Görseli Teşhis Etme
Yayındaki sayfa doğru görünürken eski paylaşım kartını; URL, başlık-görsel alanları ve erişilebilirlik kontrolleriyle katmanlara ayırın.

Sayfa doğru, paylaşılan kart yanlışsa nereden başlanır?
Bir hizmet sayfası güncellenir; tarayıcıda yeni başlık ve kapak görünür. Aynı adres ekip sohbetine ya da sosyal ağa gönderildiğinde ise eski başlık, önceki bir fotoğraf veya ilgisiz bir açıklama belirir. Bu fark çoğu zaman sayfanın kendisinden değil, bağlantı önizlemesinin ayrı okunan bilgilerinden kaynaklanır. Sorunu gidermek için kapağı tekrar yüklemek ya da adresin sonuna rastgele bir karakter eklemek yerine, hangi katmanda eski bilginin kaldığını bulmak gerekir.
Bu rehber, yayındaki web sayfası doğru görünürken bağlantı kartı yanlış çıkan bir site sorumlusuna adım adım inceleme yolu verir. Önce paylaşılan adresi, yönlendirmeyi ve sayfanın gerçek kaynak kodundaki sosyal paylaşım alanlarını karşılaştırın; sonra kartta kullanılan görselin dışarıdan erişilebilir olup olmadığını ve sosyal ağın kendi inceleme aracının hangi bilgiyi okuduğunu kontrol edin. Düzeltmeyi yalnızca bulguya göre yapın. Riva hakkında işletme, müşteri davranışı ya da yerel kullanım varsayımı içermez; örnekler genel web bakım senaryolarıdır.
Önce hangi adresin paylaşıldığını sabitleyin
İncelemeyi, paylaşım yapan kişinin gerçekten gönderdiği tam URL ile başlatın. Adresin başındaki protokol, www kullanımı, eğik çizgi, sorgu parametreleri ve kısa bağlantı yönlendirmesi önem taşıyabilir. Bir editör yönetim panelinde ana adresi test ederken kullanıcı kampanyalı veya eski bir bağlantı göndermiş olabilir. Her denemenin tam adresini kaydedin; benzer bağlantıların farklı hedeflere gidebildiğini göz önünde bulundurun.
Bağlantıyı oturum açılmamış/gizli bir pencerede açıp son adresi, sayfa başlığını ve sayfa içindeki görseli kaydedin. İlk URL bir yönlendirme yapıyorsa hangi adrese, kaç adımda ve hangi sayfa türüne ulaştığını belirtin. Yanlış kart, paylaşılan eski adresin hedef sayfanın bilgilerini göstermesinden kaynaklanabilir. Bu durumda yeni sayfanın etiketini değiştirmek yerine, paylaşılan adresin hangi içeriğe bağlandığını ve yönlendirmenin gerçekten istenen sayfaya gidip gitmediğini doğrulayın.
Sayfanın kendi kalıcı adresi ile Açık Grafik protokolündeki og:url değerini de karşılaştırın. Açık Grafik (Open Graph), bir web nesnesinin paylaşımda kullanılacak başlık, tür, görsel ve kalıcı web adresi gibi temel bilgilerini tanımlayan bir biçimdir. Resmî protokolde og:title başlığı, og:image görsel adresini, og:url ise nesnenin kalıcı adresini belirtir. Bu alanların görevi, görünür sayfa başlığıyla her durumda otomatik olarak aynı değeri taşımak değildir; sayfa sahibi hangi paylaşım bilgisini yayımladığını ayrıca kontrol etmelidir.
Yayınlanmış HTML içindeki değerleri inceleyin
Yönetim panelindeki alanlar tek başına son çıktıyı kanıtlamaz. Önce sunucunun ilk HTML yanıtındaki meta etiketlerini inceleyin. Geliştirici araçlarında sayfa betikleri çalıştıktan sonra oluşan belge yapısı değişmiş olabilir; bunu ilk yanıtla ayrı karşılaştırın. Birden fazla og:image varsa sırayı ve her adresin hangi görsele gittiğini kaydedin. Aynı etiketi eklenti, tema ve özel kod birlikte üretiyorsa sayfada yinelenen alanlar oluşabilir. Aracı seçen uygulamanın hangisini kullandığını varsaymayın; sosyal ağın kendi önizlemesi veya resmî denetleyicisi hangi değeri okuduğunu gösterebiliyorsa bu çıktıyı esas alın.
Değerleri küçük bir karşılaştırma tablosuna yazın: sayfanın görünen başlığı, belge başlığı, og:title, görünen kapak, og:image, tarayıcıdaki son adres ve og:url. Böylece “önizleme eski” gibi genel bir şikâyet, örneğin “yeni başlık sayfada var ama yayınlanan HTML’de og:title eski” şeklinde doğrulanabilir bir bulguya dönüşür. Kaynak kodu ile panel alanı farklıysa, kayıt işlemi, sayfa şablonu, önbellek veya birden fazla eklenti olasılığını sırayla araştırın.
Görsel adresini ayrı sekmede açın. İstek başarılı mı, doğru görsel mi geliyor, dosya biçimi tarayıcı tarafından okunuyor mu ve görsel sayfaya dışarıdan erişilebiliyor mu? Giriş gerektiren bir medya yolu, hatalı yönlendirme, yanlış büyük-küçük harf veya silinmiş dosya bir kart aracının resmi alamamasına yol açabilir. Kaynağa erişilemediğinde yeni görsel yüklemek tek çözüm değildir; önce gerçek HTML’deki adresi ve dosyanın sunulduğu yolu doğrulayın. Görselin ne zaman alındığını veya ağın ne kadar süre sakladığını platforma özgü bir belge olmadan kesin süreyle açıklamayın.
Yönlendirme ve önbelleği birbirinden ayırın
Eski adres yeni sayfaya yönleniyorsa, kartı üreten sistemin eski adres mi yoksa yönlendirme sonrası adres mi için bilgi topladığını test edin. Mümkün olduğunda hem ilk adresi hem son adresi platformun resmî bağlantı denetleme aracında ayrı ayrı deneyin. Her iki sonuçta görünen adresi, başlığı, açıklamayı ve görseli kaydedin. Aracın gösterdiği sayfa başka, tarayıcının açtığı sayfa başka ise sorun yönlendirme veya URL eşlemesinde olabilir. İki adres aynı sayfaya gidiyor ama kaynak etiketleri farklıysa, gerçek HTML çıktısı ve önbellek katmanları incelenmelidir.
Open Graph alanlarını düzelttikten sonra hemen aynı sonucu görmemeniz, değişikliğin boşa gittiğini tek başına kanıtlamaz. Bağlantı kartları farklı hizmetlerde ayrı ayrı saklanabilir; yeniden okuma davranışı, erişim koşulları ve yenileme araçları hizmete göre değişebilir. Bu nedenle evrensel bir bekleme süresi ya da garanti vermeyin. Önce güncellenmiş HTML’yi sunucudan tekrar okuyun; ardından hedef platformun kendi denetleyicisini kullanarak sayfayı yeniden inceleyin. Varsa aracın sunduğu yeniden tarama seçeneğini, yalnızca hizmetin resmî arayüzünde anlatıldığı şekilde uygulayın.
Adresin sonuna rastgele parametre eklemek, paylaşım kartını düzeltmek için güvenilir bir yöntem değildir. Bu, başka bir URL olarak algılanabilir; ölçüm raporlarını, yönlendirmeyi veya kanonik adres tutarlılığını da bozabilir. Deneme için farklı adres kullanılması gerekiyorsa ekip içinde test kaydı olarak işaretleyin ve bu adresi kalıcı paylaşım bağlantısı yapmayın. Düzeltmeden sonra gerçek, temiz ve kanonik URL üzerinden tekrar kontrol edin.
Görsel ve metin alanlarının görevini ayırın
Sayfanın kapak görseli, yazı listesi kartı ve sosyal paylaşım görseli aynı dosyaya bağlı olabilir; fakat bunun her sistemde otomatik olduğunu varsaymayın. İçerik yönetim sisteminde “öne çıkan görsel”, “sosyal görsel” veya benzer alanlar ayrı olabilir. Hangi alanın hangi şablonda kullanıldığını mevcut site yapısında test edin. Bir sayfa şablonu paylaşım etiketini hiç üretmiyorsa, panelde doğru görseli seçmiş olmak yayınlanan kaynağın düzeldiği anlamına gelmez. Beklenen davranışı test sayfasıyla doğrulayın.
Paylaşım başlığını ve açıklamasını kısa, sayfa içeriğiyle tutarlı ve tek başına anlaşılır hazırlayın. Görselin sayfayla ilişkisini de kontrol edin; eski kampanya fotoğrafı yeni hizmet açıklamasını yanlış temsil edebilir. Görsel değişikliği yapılıyorsa doğru dosyanın URL’si HTML’de görünmeli ve aynı dosya doğrudan açılabilmelidir. Alternatif metin ya da ekran okuyucu açıklaması başka bir kullanım içindir; sosyal kartta görünen başlık ve açıklamanın yerine geçmez.
Her sayfanın aynı sosyal başlık kalıbını kullanması zorunlu değildir. Ancak sayfa adı, güncel teklif ve paylaşım metni birbirini çelişkiye düşürmemelidir. Çok dilli sayfada hangi dil sürümünün paylaşıldığını ve karşılık gelen görselin seçilip seçilmediğini de sınayın. Dil değiştiren bağlantı eski sürüme dönüyorsa, kartın doğru başlık taşıması için yalnız meta alanlarını değil, dil URL eşleşmesini ve yönlendirme kuralını da düzeltmek gerekir.
Değişikliği kanıtla ve kontrollü yayımla
Her denemede tarih, başlangıç adresi, son adres, kaynak HTML’de görülen değerler, doğrudan görsel erişimi ve platform aracının sonucu için kayıt tutun. Ekran görüntüsü alıyorsanız adres çubuğu ve hangi aracın kullanıldığı anlaşılır kalsın; ancak müşteri bilgisi veya özel yönetim paneli görüntüsü paylaşmayın. Değişikliği kim yaptı, hangi şablon veya eklenti etkilenmiş olabilir ve geri dönüş gerekirse hangi önceki değer kullanılacak? Bu bilgiler sorunu başka bir uzmana devretmeyi kolaylaştırır.
Önce düşük riskli bir test sayfasında ya da onaylı bir kopyada değişikliği deneyin. Yayındaki sayfada kapak veya başlık alanını güncellemeden önce editoryal onay alın ve geri dönüş değerini saklayın. Birden fazla eklentinin aynı meta alanını üretmesi ihtimali varsa hepsini aynı anda kapatmak yerine, tek değişkenle test edin. Her düzenlemeden sonra sayfanın gerçek HTML’sini, normal tarayıcı görünümünü ve platformun kendi kart sonucunu ayrı ayrı doğrulayın. Değişiklikten etkilenen başka sayfalar varsa kapsamı ayrıca sınayın.
Yayın sonunda çözümün hangi katmanda bulunduğunu açıkça kapatın: yanlış içerik alanı, temanın ürettiği eski etiket, yönlendirme, erişilemeyen görsel veya platform tarafındaki eski okuma. Sorun çözüldü demek için sadece panelde yeni görseli görmek yeterli değildir; aynı URL ve aynı kontrol aracıyla sonucu tekrar gözlemleyin. Hâlâ farklıysa hangi kanıtın uyuşmadığını yazın ve tanı koyulmadı durumunu koruyun. Web tasarım ve yazılım hizmeti değerlendirmesinde sosyal paylaşım çıktısı, ayrı bir kabul maddesi olarak belirtilebilir. İlgili Web Tasarım ve Yazılım hizmetini incelerken bu kontrolün sorumlusu ve kapsamı da konuşulabilir. URL yönlendirmesi için adres geçişi rehberini, görsel dosyaları için web görsel optimizasyonu rehberini, CMS önizleme ve yayın farkı için yönetilebilir web sitesi rehberini ayrıca değerlendirin.
Sık Sorulan Sorular
Tarayıcıda doğru görünen görsel neden paylaşım kartında yanlış olabilir?
Tarayıcı sayfanın gövdesinde görünen kapak görselini gösterirken paylaşım aracı HTML başlığındaki ayrı og:image değerini okuyabilir. CMS alanı kaydedilmemiş, tema eski bir değer üretmiş veya sosyal hizmet önceki çıktıyı tutuyor olabilir. Önce sayfanın kaynak kodundaki gerçek görsel adresini ve aracın okuduğu değeri karşılaştırın.
Hangi alanları ilk olarak karşılaştırmalıyım?
Tam paylaşım URL’si, yönlendirme sonrası adres, sayfa başlığı, og:title, og:image ve og:url iyi bir başlangıçtır. Ardından görselin doğrudan açıldığını ve doğru dosya olduğunu doğrulayın. Kısa bir kayıt tablosu, panelde görünen değerle yayınlanan HTML arasındaki farkı ayırır.
Sayfanın kapak görselini değiştirmek sosyal paylaşım görselini de değiştirir mi?
Bunu CMS’in kurulumunu ve sayfa şablonunu test etmeden söylemek mümkün değildir. Bazı sistemlerde iki alan aynı kaynağı kullanabilir; bazılarında ayrı değerler bulunabilir veya etiket hiç üretilmeyebilir. Paneldeki ayarın yayınlanan HTML’de hangi adrese dönüştüğünü test sayfasında kontrol edin.
Open Graph nedir ve hangi alanlar önemlidir?
Open Graph, sayfanın bir nesne olarak paylaşım bilgilerini belirtmeye yarayan açık protokoldür. Temel alanlar arasında başlık için og:title, temsil görseli için og:image ve kalıcı adres için og:url bulunur. Kullanacağınız alanın anlamını ve geçerli işaretlemeyi resmî protokol belgesinden doğrulayın.
Paylaşım kartı hemen yenilenmezse kaç saat beklemeliyim?
Tüm sosyal ağlar ve mesajlaşma araçları için geçerli tek bir süre yoktur. Her hizmet bağlantıları kendi koşullarına göre yeniden inceleyebilir veya daha önce aldığı sonucu saklayabilir. Önce yeni değerlerin canlı HTML’de bulunduğunu doğrulayın; ardından hedef hizmetin resmî inceleme aracını ve açıklamasını kullanın. Süre garantisi vermeyin.
URL’ye rastgele bir parametre eklemek eski kartı temizler mi?
Bu güvenilir bir genel çözüm değildir. Yeni bir adres gibi işlenebilir, ölçüm verisini bölebilir veya kanonik URL ile uyumsuzluk yaratabilir. Test için farklı adres kullanmanız gerekiyorsa bunu açıkça işaretleyin; kalıcı bağlantı olarak yalnız doğru, onaylı ve kanonik URL’yi kullanın.
Görsel bağlantısı neden doğrudan açılmalı?
Önizleme üreticisi görsel dosyasını sayfa metninden ayrı isteyebilir. Adres giriş ekranına, hata sayfasına veya başka bir görsele gidiyorsa kartın doğru fotoğrafı seçmesi beklenemez. Görseli oturum açılmamış/gizli bir pencerede açarak istek sonucunu, son adresi, dosya biçimini ve gösterilen içeriği kontrol edin.
Yanlış kartı düzeltirken hangi kanıtı saklamalıyım?
Başlangıç ve son URL, kaynak kodundaki ilgili alanlar, doğrudan görsel sonucu, kullanılan resmî denetleme aracının çıktısı, değişiklik tarihi ve sorumlu kişi kaydedilebilir. Müşteri veya yönetim bilgilerini gereksiz yere eklemeyin. Düzeltme sonrası aynı adres ve araçla tekrar test ederek önceki ve yeni sonucu karşılaştırın.