Open Graph kontrolü, paylaşılan bir sayfada neden yanlış başlık, eksik meta verisi veya beklenmeyen görsel bildirimi bulunduğunu anlamaya yardımcı olur. Screpy, herkese açık tek bir sayfanın HTML’sini okuyarak Open Graph etiketlerini, çelişkileri ve görsel gruplarını gösterir. Bu bulgularla yayınlanan kaynağı düzeltin; ardından görsel dosyasını ve gerçek paylaşım platformunu ayrıca kontrol edin. Buradaki önizleme bildirilen değerleri temsil eder, sosyal ağın kartını yeniden oluşturmaz.
Open Graph kontrol aracı nasıl kullanılır?
Paylaşacağınız sayfanın yolunu da içeren tam, herkese açık URL’sini girip gönderin. Ana sayfayı kontrol etmek, makaleleri veya ürün sayfalarını incelemez. Önce Son URL alanını okuyun: adres yönleniyorsa rapor ulaşılan sayfayı açıklar. Beklemediğiniz bir hedef varsa Yönlendirme Kontrolü aracını kullanın.
Özellik tablosunu kaynak sırasıyla inceleyin. Her satır bildirimi, değerini ve mevcutsa kaynak satırını gösterir. İlişkili alanları görmek için görsel gruplarını açın; sonra bulguları ve önerilen düzeltmeleri okuyun.
Kırmızı, eksik zorunlu değerleri veya kabul edilmeyen URL değerlerini gösterir. Sarı, çelişen değerleri veya kısmi kapsamı belirtir. Yeşil, raporda tutulan veriler tam olduğunda desteklenen kontrollerde sorun bulunmadığı anlamına gelir. Görselin yüklendiğini, metnin sayfaya uygun olduğunu veya platformun istediğiniz kartı göstereceğini doğrulamaz.
Dört zorunlu Open Graph özelliğini kontrol edin
Open Graph protokolü dört temel zorunlu özellik tanımlar. Varlıklarının yanı sıra anlamlarını da inceleyin:
| Özellik | Bu sayfada neyi kontrol etmelisiniz? |
|---|---|
og:title |
Bu sayfaya özel, eski kampanya metni içermeyen anlaşılır bir paylaşım başlığı. |
og:type |
website veya article gibi, amaçlanan nesne türü. |
og:image |
Sayfayla ilişkilendirmek istediğiniz görselin adresi. |
og:url |
Bu paylaşım nesnesini tanımlaması amaçlanan kalıcı adres. |
Screpy’nin varlık kontrolü, her özellik adıyla tam olarak eşleşen, raporda tutulan en az bir dolu bildirim gerektirir. Dolu bir og:type, değeri uygunsuz olsa bile varlık kontrolünü geçer; araç tür değerlerinin sözlüğünü veya türe özel tüm gereklilikleri doğrulamaz.
Başlığı tekrarlamadan sayfayı açıklayan yararlı bir og:description ekleyin. Bunun eksikliği, dört zorunlu özellik için yapılan eksiklik kontrolünü tetiklemez. HTML <title> veya normal meta açıklaması ayrı bir bildirimdir; bu raporda boş bir Open Graph alanını doldurduğunu varsaymayın.
Eksik ve çelişen etiketleri düzeltin
Eksik özellik bulgusu, zorunlu adın tutulan satırlarda bulunmadığı veya eşleşen tüm değerlerin boş olduğu anlamına gelir. Başka bir etiket eklemeden önce hem yazımı hem içeriği kontrol edin. Araç og:title gibi küçük harfli adlarla eşleşir; farklı yazılmış adlar bu kontrolün dışında kalabilir.
Çelişki, og:title, og:type, og:url veya og:description için farklı ham değerler bulunmasıdır. Boşluk farkı bile sayılır. Aynı değerin tekrarları bu çelişki uyarısını tetiklemez; yine de gereksiz tekrarlanan çıktıları temizlemek yararlıdır.
Örneğin, kurgusal bir sayfa önce boş bir og:title, ardından “Atlas yürüyüş rotaları” değerini içeren bir og:title yayınlayabilir. Sonraki değer varlık kontrolünü karşılar; temsili önizleme ise ilk değeri kullanır ve boş kalır. Farklı değerler ayrıca çelişki oluşturur. Eksiklik uyarısı ile boş önizleme bu nedenle farklı sorulara cevap verir.
Her satırı hangi CMS alanının, temanın veya şablonun ürettiğini bulun. Bu tek değerli alanlarda istediğiniz değer bir kez sunulacak şekilde sorumlu çıktıyı düzeltin. Üçüncü bir bildirim eklemek ilk ikisini gizlemez. Bilinçli tekrarlanan görsel bildirimlerini aşağıdaki ayrı görsel grubu incelemesi için koruyun.
Görsel özelliklerini doğru görselle eşleştirin
Birden fazla og:image bildirimi bilinçli olarak kullanılabilir. Her görselin yapılandırılmış özelliklerini ana bildirimin hemen arkasına, sonraki görselden önce yerleştirin. Bu kurgusal head parçası ilişkiyi gösterir; eksiksiz bir meta veri kümesi değildir:
<meta property="og:image" content="https://example.com/media/route-map.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="og:image:alt" content="Atlas yürüyüş rotasının haritası">
<meta property="og:image" content="https://example.com/media/trail.jpg">
<meta property="og:image:alt" content="Ormanlık yamaç kenarındaki yürüyüş yolu">
İlk grup, boyutları ve alternatif metni olan bir harita bildirir. İkincisinin kendi açıklaması vardır; boyutları bildirilmemiştir. İkinci alt alanını kendi ana bildiriminden önceye taşımak, onu haritaya bağlar. Bu değerler kaynağı açıklar; Screpy dosyaları indirmez veya haritanın gerçekten bu boyutlarda olup olmadığını ölçmez.
İlk ana görsel bildiriminden önceki alanlar, herhangi bir görsel grubuna bağlanmadan ham tabloda görünebilir. Düzeltmek için sıralı kaynağı kullanın. Kapsam kısmi ise tutulan gruplamaya güvenmeden önce head bölümünün tamamını doğrulayın.
Protokol, og:image:url özelliğini og:image için eşdeğer bir ad olarak kabul eder. Screpy bunu gruplama ve önizleme seçimi için tanır; ancak mevcut zorunlu özellik kontrolü hâlâ açıkça belirtilmiş, dolu bir og:image bekler. Yalnızca eşdeğer adı kullanan sayfada görsel URL’si ile eksik özellik bulgusu birlikte görünebilir. Bu bulgu aracın sınırıdır; eşdeğer adın yasak olduğunu kanıtlamaz.
URL kontrolünü görsel ve platform kontrolünden ayırın
URL kontrolü og:url, og:image, og:image:url ve og:image:secure_url alanlarını kapsar. Değerlerini son sayfa URL’sine göre HTTP veya HTTPS adreslerine çözümlemeye çalışır. HTML <base> adresini uygulamaz; tüm ses ve video URL’lerini doğrulamaz.
Göreli bir değer yanlış dosyaya işaret ederken bu kontrolü geçebilir. Son sayfa https://example.com/guides/route/ ise images/map.jpg, sitenin /images/ dizini yerine /guides/route/ altında çözümlenir. Hedefi netleştirmek için mümkünse istediğiniz tam HTTPS adresini kullanın. URL sözdizimini geçmek, dosyanın var olduğuna dair kanıt değildir.
İstediğiniz görseli ayrıca açın; ziyaretçilerin oturum açmadan erişebildiğini kontrol edin. Gerçek boyutlarını, dosya boyutunu ve içeriğini inceleyin; og:image:width değiştirmek görseli yeniden boyutlandırmaz. Örneğin LinkedIn paylaşım modülü gereklilikleri, en az 1200 × 627 piksel, en fazla 5 MB dosya boyutu ve önerilen 1,91:1 oranını belirtir. Bunlar LinkedIn gereklilikleridir; evrensel Open Graph sınırları veya burada yapılan ölçümler değildir. Korumalı bir görsel, boyutları uygun olsa bile erişilemeyebilir.
og:url ile <link rel="canonical"> alanlarını da ayırın. İlki paylaşım nesnesini tanımlar; ikincisi arama için canonical tercihi belirtir. İkincisini Canonical Etiket Kontrolü ile inceleyin. Google’ın canonical rehberinin açıkladığı gibi, tercih sinyalleri Google’ın seçeceği URL’yi garanti etmez.
Yayınlanan düzeltmeyi ve rapor kapsamını doğrulayın
Sorumlu CMS alanını veya şablonu güncelleyin, değişikliği yayınlayın ve aynı sayfayı yeniden gönderin. Son URL’yi, özellik sırasını ve bulguları önceki raporla karşılaştırın. Yalnızca JavaScript çalıştıktan sonra eklenen etiketler bu kontrolün dışındadır: tarayıcının değiştirdiği belgeyi değil, sayfanın sunduğu HTML’yi inceleyin.
Eksik bir satırı bulunmayan etiket olarak yorumlamadan önce kapsamı okuyun. Screpy en fazla 200 Open Graph bildirimi ve 20 görsel grubu tutar. Kısmi rapor sonraki bildirimleri atlayabilir ve her görsel ilişkisini belirleyemez. Yalnızca bu bulgulara dayanarak etiket silmeden veya eklemeden önce kaynağın tamamını kontrol edin. Değerler ayrıca 4096 UTF-16 birimine kısaltılır; bu kısaltma tek başına kısmi etiketini tetiklemez. Olağan dışı uzun değerleri kaynakta inceleyin.
Gözlenen bildirimleri ve bulguları saklamak için JSON raporunu dışa aktarın. Kontrol tamamlanamazsa sonuç kullanılamıyordur; sayfanın kontrolü geçtiği anlamına gelmez. Kaynağı düzelttikten ve gerçek görseli inceledikten sonra amaçlanan platformda gerçek bir paylaşımı doğrulayın. Normal başlık, açıklama ve diğer head bildirimlerini de incelemeniz gerekiyorsa Meta Etiket Analizi aracını kullanın.