Çok Modlu Hazırlık: Modellerin Atıfta Bulunabileceği Görseller, Alternatif Metinler ve Diyagramlar

Çok Modlu Hazırlık: Modellerin Atıfta Bulunabileceği Görseller, Alternatif Metinler ve Diyagramlar

Yazar: Lukas Richter, Kıdemli İçerik Otomasyonu Stratejisti

Bir diyagram, bir sayfa metnin dakikalarca sürecek açıklamasını saniyeler içinde anlatabilir. Ancak anlamı yalnızca bir görsel dosyasında yaşıyorsa, birçok okuyucu ve birçok arama sistemi konuyu kaçırabilir.

Bu nedenle çok modlu hazırlık, daha fazla resim eklemekle ilgili değildir. Her kullanışlı görseli öyle paketlemekle ilgilidir ki, anlamı görselde, sayfa metninde ve ikisini birbirine bağlayan kodda açık olsun.

Önemli bir sınırlama var: iyi alternatif metin bir sistemin görseli anlamasına yardımcı olabilir, ancak bir yapay zeka asistanının sayfayı alıntılayacağını garanti etmez. Bir görseli anlamak ve bir web sayfasını kaynak olarak seçmek farklı adımlardır.

Araştırmanın Gösterdikleri ve Göstermedikleri

Resim Yazıları Görsel Sorulara Yardımcı Olabilir

Bazı araştırmalar, bir görselle eşleştirilmiş metnin bir modelin görselle ilgili soruları yanıtlamasına yardımcı olabileceğini bulmuştur. 2019'da yapılan bir çalışma, görsellere paragraf tarzı resim yazıları eklemenin görsel soru-cevap görevindeki performansı artırdığını ortaya koymuştur. Resim yazıları, yalnızca görsel özelliklerinden ziyade bir soruyla eşleştirmesi daha kolay olan detaylar sağlamıştır. Ancak bu bir model deneyiydi; canlı bir web sayfasına alternatif metin eklemenin yapay zeka alıntılarını artırıp artırmadığının bir testi değildi. ACL Anthology makalesi (aclanthology.org)

Grafikler ve diyagramlar da modellerin doğru bir şekilde okuması için hala zordur. Bir grafik-soru karşılaştırmasında, araştırmacılar değerler arasındaki ilişkileri bulma gibi görevlerde zayıflıklar tespit etmişlerdir. Sonuçları, açık dilin değerine işaret eden özel bir metin istemiyle iyileşmiştir — ancak herhangi bir sayfa formatının daha fazla alıntı kazandıracağını kanıtlamaz. ChartInsights karşılaştırması (arxiv.org)

Daha geniş ders pratiktir: bir görsel faydalı kanıt taşıyabilir, ancak modeller küçük etiketleri, kesin değerleri veya adımlar arasındaki yolu yine de kaçırabilir. Örneğin, OpenAI'ın görme rehberliği, küçük metinler, grafikler, renk kodlu öğeler ve hassas uzamsal akıl yürütme hakkında uyarıda bulunur. OpenAI görme rehberi (developers.openai.com)

Daha İyi Alternatif Metin Bir Alıntı Anahtarı Değildir

Arama sistemleri, bir resmin ne gösterdiğini anlamak için görsel açıklamalarını ve çevreleyen metni kullanabilir. Google, Arama için görselleri anlarken alternatif metin, bilgisayar görüşü ve sayfa içeriğini birlikte kullandığını belirtiyor. Ayrıca görselleri ilgili metnin yakınına yerleştirmeyi tavsiye ediyor. Bu, kullanışlı alternatif metin yazmayı destekler, ancak alternatif metnin tek başına bir yapay zeka asistanının bir sayfayı alıntılamasını sağladığına dair bir kanıt değildir. Google Görsel SEO rehberliği (developers.google.com)

Bu makale için incelenen kanıtlar, yalnızca alternatif metni değiştirmenin mevcut yapay zeka asistanları genelinde alıntı oranlarını artırdığını kanıtlamamaktadır. Birçok sistem hangi sayfa öğelerini okuduklarını veya neden bir kaynağı diğerine tercih ettiklerini tam olarak açıklamaz. Google, yapay zeka Arama özelliklerinin özel bir işaretleme gereksinimi olmadığını ve uygun bir sayfanın gösterileceğini garanti etmediğini belirtiyor. Google'ın yapay zeka özellikleri rehberliği (developers.google.com)

Bu nedenle, iyileştirilmiş görsel paketlemeyi bir söz olarak değil, makul, test edilebilir bir hipotez olarak ele alın. Bu, bir sayfayı kullanmayı kolaylaştırabilir, ayrıştırmayı kolaylaştırabilir ve bir soruyu doğrudan yanıtlayan metin içerme olasılığını artırabilir. Bir asistanın daha sonra onu alıntılayıp alıntılamadığı ölçülmesi gereken ayrı bir sonuçtur.

Her Önemli Görseli Kanıt Olarak Paketleyin

Güçlü bir görsel paketinin dört bölümü vardır: görsel, özlü alternatif metin, bir resim yazısı ve yakınında bir metin açıklaması. Her bir bölümün farklı bir görevi vardır.

1. Alternatif Metni Kısa Bir Değiştirme Olarak Yazın

Alternatif metin, bir görseli göremeyen okuyuculara sayfayı takip etmeleri için ihtiyaç duydukları bilgiyi vermelidir. Basit bir diyagram için bu bir cümleye sığabilir. Karmaşık bir grafik veya akış şeması için, alternatif metin görseli ve ana amacını tanımlamalı, her detayı tek bir uzun açıklamaya sıkıştırmamalıdır.

Örneğin:

alt="Ödeme başarısızlığından sonra yeniden deneme yolu olan ödeme akışı."

Dekoratif bir görsel için, yardımcı araçların atlayabilmesi için boş alternatif metin (alt="") kullanın. Alternatif metni boş bırakmayın ve tekrarlayan arama terimleriyle doldurmayın. W3C'nin karmaşık görsel rehberliği ve Google'ın görsel rehberliği kısa metin alternatiflerini daha kapsamlı açıklamalardan ayırır. (w3.org)

2. Görselin Ana Fikrini Belirtmek İçin Bir Resim Yazısı Kullanın

Bir resim yazısı, bir okuyucunun görselin neden önemli olduğunu anlamasına yardımcı olmalıdır. "Mimari diyagram" gibi bir etiket genellikle çok belirsizdir.

Daha faydalı bir resim yazısı şudur:

Şekil 1. Başarısız bir ödeme, alışveriş yapanı ödeme ekranına geri gönderir; sepet açık kalır.

Resim yazısını görseline bağlamak için HTML <figure> ve <figcaption> öğelerini kullanın. Net bir şekil numarası veya adı, makale metninde aynı görsele atıfta bulunmayı da kolaylaştırır. Google'ın dokümantasyon stil rehberi, alternatif metin, resim yazıları ve daha uzun açıklamalarla eşleştirilmiş görsellere örnekler verir. (developers.google.com)

3. Tam Açıklamayı Sayfaya Koyun

Karmaşık bir diyagram genellikle kısa bir alternatif açıklamanın anlatabileceğinden fazlasını söyler. Önemli anlamı sıradan sayfa metnine de koyun. Bir akış şeması için adımları ve her bir dallanmada ne olduğunu açıklayın. Bir grafik için zaman dilimini, birimleri, anahtar değerleri ve eğilimi ekleyin. Teknik bir diyagram için parçaları adlandırın ve nasıl bağlandıklarını açıklayın.

W3C, karmaşık görseller için kısa bir açıklama ile birlikte daha kapsamlı bir metin açıklaması önermektedir. Bu daha kapsamlı açıklama, makalenin kendisinde, görselin yakınında ve tüm okuyuculara açık olabilir. Kesin değerlerin önemli olduğu durumlarda bir veri tablosu yardımcı olabilir. W3C WAI: Karmaşık Görseller (w3.org)

4. İsimleri ve Etiketleri Tutarlı Tutun

Diyagramınız bir şeyi “aktivasyon” olarak adlandırıyorsa, aynı kelimeyi resim yazısında ve makalede kullanın. Şekil önemli bir sonuç gösteriyorsa, bunu yakındaki bir cümlede belirtin: “Şekil 2'de, çoğu kayıt, ilk proje oluşturulmadan önce sona erer.”

Bu sihirli bir alıntı hilesi değildir. Sayfanın kanıtlarını takip etmeyi ve alıntılamayı kolaylaştırmanın bir yoludur. Google, Yapay Zeka Genel Bakışları veya Yapay Zeka Modu için özel bir şema olmadığını belirtiyor; faydalı çalışma, önemli içeriği metinde tutmak ve yapılandırılmış verilerin insanların görebildikleriyle eşleşmesini sağlamaktır. (developers.google.com)

İşte bir akış şeması için basit bir şablon:

html

Ödeme akışındaki ana nokta, başarısız bir ödemenin sepeti temizlememesidir.

Şekil 1 kelimelerle: Sepet → kargo → ödeme → onay. Eğer ödeme başarısız olursa, alışveriş yapan ödeme ekranına geri döner ve sepetini korur.

Kısa alternatif metin diyagramı tanımlar. Resim yazısı ana fikrini verir. Son cümle yolu düz metinle açıklar. Kesin değerleri olan bir grafik için, bu değerlerin bir tablosunu veya listesini de ekleyin.

Tarayıcıların Görseli Çekebildiğinden Emin Olun

İyi tanımlanmış bir görselin yine de erişilebilir olması gerekir. Gerçek bir src URL'si olan normal bir HTML <img> öğesi kullanın. Google, bir <img> öğesinin src'sindeki görselleri bulabileceğini, ancak CSS arka plan görsellerini aynı şekilde dizine eklemediğini belirtiyor. Görsel rehberliği ayrıca görsel site haritalarındaki CDN'de barındırılan görselleri de destekler. Google Görsel SEO rehberliği (developers.google.com)

Bir CDN için temel kontrolleri yapın:

• Görsel URL'si, oturum açma veya süresi dolan bir erişim belirteci olmadan çalışıyor.
• Sayfanın tarayıcı izinleri ve CDN'in güvenlik kuralları erişime izin veriyor.
• Oluşturulan sayfadaki görsel URL'si kararlı ve doğru dosyayı döndürüyor.
• Duyarlı görseller bir yedek src içerir.
• Önemli metin, gerçek sayfa metni olabilecekken bir görselde gizlenmiyor.
• Katlama çizgisinin altındaki görseller, görünür hale geldiklerinde yüklenir—yalnızca bir kişi tıklayıp veya bir tarayıcının yeniden üretemeyeceği şekilde kaydırdıktan sonra değil.

Google'ın tembel yükleme rehberliği, görsel URL'lerinin oluşturulan HTML'de görünmesi ve görünür hale geldiklerinde yüklenmesi gerektiğini belirtir. Ayrıca, sayfa açıldığında zaten görünür olan görsellerin tembel yüklenmesini önermez. Google'ın tembel yükleme rehberliği (developers.google.com)

Platforma göre izinleri de kontrol edin. OpenAI, OAI-SearchBot'u arama tarayıcısı olarak belgelemektedir ve bunun eğitim verileriyle ilgili olan GPTBot'tan ayrı olduğunu belirtmektedir. Birine izin vermek diğerine izin vermeyi gerektirmez. Bu, arama keşfini istiyor ancak eğitim kullanımı konusunda farklı bir tercihiniz varsa önemlidir. OpenAI tarayıcı dokümantasyonu (developers.openai.com)

Sayfalarınızın Görsel Sorular İçin Alıntılandığını Test Edin

Birkaç gelişigüzel sohbet botu istemine güvenmeyin. İki test yapın, çünkü model anlama ve web alıntısı aynı şey değildir.

Test 1: Model Görseli Anlıyor mu?

Bir grafik ve diyagram seti seçin. Cevapları bunlara bağlı olan sorular yazın, örneğin:

• Ödemeyi hangi adım takip eder?
• Ödeme başarısız olduğunda ne olur?
• En yüksek dönüşüm oranı hangi aydaydı?
• Diyagram, kullanıcıların ayrılmasının ana nedeni olarak neyi gösteriyor?

Ardından, kontrollü giriş koşulları altında model cevaplarını karşılaştırın:

1. Yalnızca görsel.
2. Görsel artı alternatif metni ve resim yazısı.
3. Görsel artı bu ek açıklamalar ve sayfanın metin özeti veya veri tablosu.

Modeli, soruyu ve görseli aynı tutun. Cevapları kesin değerler ve ilişkiler dahil olmak üzere doğruluk açısından puanlayın. Bu, eklenen metnin modelin sizin sorularınızı yanıtlamasına yardımcı olup olmadığını göstermeye yardımcı olur. Bir web arama asistanının sayfayı bulup bulmayacağını veya alıntılayıp alıntılamayacağını göstermez.

Test 2: Bir Arama Asistanı Sayfayı Alıntılıyor mu?

Küçük bir pilot çalışma için, benzer, diyagram ağırlıklı sayfaları eşleştirin. Bir gruba tam görsel paketi ekleyin; karşılaştırma grubunu mevcut erişilebilir temel seviyesinde bırakın. Bir kontrol grubu oluşturmak için temel alternatif metinleri çıkarmayın. İki soru seti hazırlayın: bir görselin okunmasını gerektiren sorular ve sayfanın metninin zaten yanıtladığı sıradan sorular.

İlgilendiğiniz arama asistanlarında aynı istemleri çalıştırın. Tarihi, ürünü, soruyu, cevabı ve alıntılanan sayfayı kaydedin. Sonuçlar değişebileceği için kontrolleri zamanla tekrarlayın. Tarayıcınız veya arama araçlarınız güncellenmiş sayfaların yeniden tarandığını gösterene kadar bekleyin. Google, yeniden taramanın günler veya daha uzun sürebileceğini belirtir. (developers.google.com)

Dört sonucu takip edin:

• Alıntı oranı: Cevap sayfayı ne sıklıkla alıntılıyor?
• Cevap doğruluğu: Asistan görsel bilgiyi doğru anladı mı?
• Alıntı desteği: Alıntılanan sayfa aslında cevabı destekliyor mu?
• İş sonucu: Ziyaret, yönlendirme veya potansiyel müşteri işe yardımcı oldu mu?

Görsel-soru sonuçlarını sıradan-soru kontrol setiyle karşılaştırın. Basit bir öncesi-sonrası karşılaştırması yanıltıcı olabilir: asistan, arama dizini ve daha geniş web aynı anda değişebilir. Eşleştirilmiş sayfalar ve tekrarlanan kontroller yardımcı olur, ancak küçük bir test yine de evrensel bir kural olarak değil, bir pilot olarak rapor edilmelidir.

Ayrıca sonucun ne anlama geldiği konusunda da kesin olun. Bir sayfa, bir metin özeti ekledikten sonra daha sık alıntılanıyorsa, test tüm paketin yardımcı olduğunu gösterir. Asistanın görseli kendi başına okuduğunu kanıtlamaz. Alıntı panoları, yapay zeka cevaplarında hangi URL'lerin göründüğünü gösterebilir, ancak sayfanın hangi bölümünün okunduğunu mutlaka göstermez. Örneğin, Bing'in Yapay Zeka Performans raporu, alıntılanan sayfaları ve sorgu bilgilerini rapor eder. Bing Web Yöneticisi Araçları: Yapay Zeka Performansı (blogs.bing.com)

Çalışmayı İçerik Sisteminize Entegre Edin

Kurucular, her makale yayınladıklarında bir diyagramı elle yeniden yazmak zorunda kalmamalıdır. Ancak otomasyon, resmin ne anlama geldiğini uydurmamalıdır.

Basit bir iş akışı şöyledir:

1. Yaratıcı, kaynak verileri veya diyagramı, ayrıca okuyucunun almasını istediği ana noktayı sağlar.
2. Bir içerik iş akışı, bu kaynak materyallerden alternatif metni, resim yazısını ve düz metin özetini taslak haline getirir.
3. Bir kişi, açıklamanın doğru olduğunu ve etiketlerin, değerlerin ve yolların görselle eşleştiğini kontrol eder.
4. Sayfa görseli ve metnini birlikte yayınlar.
5. Tekrarlanabilir bir kontrol, okuyucuların ve tarayıcıların ikisine de erişebildiğini doğrular.

Yaratıcının bakış açısı, otomatikleştirmemesi gereken kısımdır. Örneğin, bir kurucu sadece kayıtların düştüğünü değil, aynı zamanda ekibin daha fazla trafik satın almadan önce ilk proje kurulumunu düzeltmeyi seçtiğini göstermek isteyebilir. Bu bir görüş ve ürün dersidir, bir resim yazısı görevi değildir.

Otomatik bir içerik motorunda, Yaratıcı, Kitle ve Beğeni girdileri bu noktayı makaleler arasında koruyabilir. AutoPod, her makaleyi yönlendirmek için bu girdileri kullanırken, iş akışı resim yazıları taslağı hazırlama ve sayfa yapısını kontrol etme gibi tekrarlanabilir görevleri yönetir. Model bilgiyi paketleyebilir. Bilgiyi uydurmamalıdır.

Sonuç

Açıklayıcı alternatif metinler, resim yazıları, şekil etiketleri ve yakındaki özetler için en güçlü durum, vadedilen bir SEO artışı değildir. Bunlar, bir görseli anlamayı kolaylaştırması, erişimi kolaylaştırması ve sayfanın argümanına bağlanmasını kolaylaştırmasıdır.

Bu, bir asistanın görsel bir soruyu yanıtlamasına ve sayfayı alıntılamasına da yardımcı olabilir — ancak bu artış garanti değildir. Diyagramları kanıt olarak paketleyin, görseli çekilebilir hale getirin ve alıntıları anlamadan ayrı olarak ölçün. Bu, önce okuyucular için değerli olan ve yapay zeka keşfi için test edilebilir bir potansiyele sahip basit bir sistemdir.