AI ajanları web sitesini nasıl okur?

AI ajanları web sitesini; DOM yapısını, ekran görüntüsünü ve erişilebilirlik ağacını birlikte inceleyerek okur. Tarayıcı tabanlı ajan, sayfadaki metni yalnızca kaynak kodundan almaz. Görsel yerleşimi, buton adlarını, form alanlarını ve sayfa içindeki ilişkileri de değerlendirir.

Bu okuma biçimi, klasik arama motoru taramasından farklıdır. Ajan bir kullanıcı gibi sayfayı açabilir, menüyü genişletebilir, alanları doldurabilir ve uygun bağlantıya tıklayabilir. Bu nedenle web sitesinin yalnızca hızlı açılması yeterli değildir.

AI ajanları bir web sitesini hangi kaynaklardan okur?

AI ajanları web sitesini üç ana kaynaktan okur: DOM, ekran görüntüsü ve erişilebilirlik ağacı. Bu kaynaklar aynı sayfanın farklı katmanlarını gösterir.

DOM, tarayıcının oluşturduğu belge yapısıdır. Başlıklar, paragraflar, bağlantılar, butonlar, form alanları ve listeler DOM içinde yer alır. Ajan, bu yapıyı inceleyerek sayfadaki öğelerin türünü ve sırasını anlayabilir.

Ekran görüntüsü, sayfanın kullanıcıya görünen düzenini gösterir. Bir metin DOM içinde bulunsa bile ekranın dışında kalabilir. Üst üste binen kutular, düşük kontrast ve görünmeyen butonlar burada sorun oluşturur.

Erişilebilirlik ağacı ise tarayıcının içerikleri anlamlı rollerle sunduğu katmandır. “Ana menü”, “arama kutusu”, “ürün düğmesi” ve “telefon bağlantısı” gibi anlamlar bu ağaçta belirginleşir.

Üç katman aynı bilgiyi vermeyebilir. DOM içinde “Teklif al” yazarken erişilebilirlik ağacında yalnızca “button” görünebilir. Ekran görüntüsünde ise buton başka bir kutunun arkasında kalabilir.

Bu nedenle tek bir ölçüm yeterli değildir. Bir sayfa için kaynak kodu, tarayıcı görünümü ve klavye erişimi ayrı ayrı kontrol edilmelidir. Ajanın görevi, bu katmanlardan tutarlı bir anlam çıkarmaktır.

DOM yapısı AI ajanlarının içerikleri anlamasını nasıl etkiler?

DOM yapısı, AI ajanının sayfadaki içerik hiyerarşisini anlamasını doğrudan etkiler. Doğru HTML öğeleri, metnin başlık mı, bağlantı mı, buton mu olduğunu açıkça belirtir.

Bir sayfanın ana konusu genellikle bir adet h1 ile açıklanmalıdır. Alt konular h2 ve h3 başlıklarıyla ayrılabilir. Başlık seviyeleri yalnızca görsel büyüklük için kullanılmamalıdır.

Örneğin tasarım amacıyla büyük yazılan bir div, kullanıcıya başlık gibi görünebilir. Ancak DOM bunu sıradan bir kutu olarak sunar. Ajan, bu metni bölüm başlığı olarak değerlendirmeyebilir.

Bağlantılar da aynı şekilde açık olmalıdır. “Tıklayın” ifadesi tek başına hedefi açıklamaz. “İzmir web sitesi maliyeti rehberini inceleyin” ifadesi, bağlantının amacını ve konusunu birlikte verir.

Dinamik içeriklerde DOM’un son durumuna bakmak gerekir. Sayfa ilk açıldığında boş olan ürün listesi, JavaScript çalıştıktan sonra dolabilir. Ajan içerik yüklenmeden işlem yaparsa eksik bilgi görebilir.

Bu risk, özellikle React, Vue veya benzeri istemci tarafı uygulamalarda artabilir. Her proje aynı sorunu üretmez. Testte sayfanın ilk açılışını ve JavaScript sonrasındaki görünümünü karşılaştırmak gerekir.

Yanlış: “Hizmetlerimiz için tıklayın” bağlantısını beş farklı bölümde kullanmak. Doğru: “Kurumsal web tasarımı hizmetlerini inceleyin” bağlantısını ilgili bölüme yerleştirmek.

DOM kontrolünde amaç kodu karmaşıklaştırmak değildir. Amaç, her içerik parçasının görevini tarayıcıya açıkça anlatmaktır. Bu yöntem, insan kullanıcıların sayfayı taramasını da kolaylaştırır.

Ekran görüntüsü AI ajanlarının web sitesini değerlendirmesinde neden önemlidir?

Ekran görüntüsü, AI ajanının sayfayı görsel bir kullanıcı gibi değerlendirmesine yardımcı olur. Metnin yerleşimi, butonların konumu, menünün görünürlüğü ve görsel hiyerarşi bu katmanda incelenebilir.

Bir başlık DOM içinde doğru tanımlansa bile ekranın altına taşınabilir. Mobil görünümde yatay kaydırma oluşabilir. Açılır pencere, ana içeriği kapatabilir. Bu durumlarda kaynak kodu doğru olsa bile kullanıcı deneyimi bozulur.

Ajanın ekran görüntüsünü ne zaman aldığı önemlidir. Sayfa tamamen yüklenmeden alınan görüntüde yazı tipi, görsel veya ürün bilgisi eksik olabilir. Bu nedenle test, farklı yükleme aşamalarında tekrarlanmalıdır.

Görsel yerleşim için üç temel kontrol yapılabilir. İlk olarak ana konu ilk ekranda anlaşılmalıdır. İkinci olarak temel işlem, örneğin “randevu al”, görünür olmalıdır. Üçüncü olarak menü ve geri dönüş yolları ayırt edilmelidir.

Kontrast da görsel okumayı etkiler. Açık gri metin, beyaz arka planda insanlara ve ajanlara daha zor sunulur. Renk tek başına anlam taşıyorsa, yanında metin veya simge bulunmalıdır.

Bir başka sorun, ekran görüntüsünde metin yerine görsel kullanılmasıdır. Kampanya fiyatı yalnızca afiş görselinde yazıyorsa, ajan bu bilgiyi güvenilir biçimde okuyamayabilir. Önemli fiyat ve koşullar HTML metni olarak da sunulmalıdır.

Ancak ekran görüntüsü testi tek başına yeterli değildir. Görsel olarak düzenli bir menü, klavye ile erişilemiyorsa işlevsel sayılmaz. Bu nedenle görsel kontrol, DOM ve erişilebilirlik kontrolüyle birlikte yapılmalıdır.

Erişilebilirlik ağacı AI ajanlarına hangi bilgileri verir?

Erişilebilirlik ağacı, sayfadaki öğeleri rol, ad, değer ve durum bilgileriyle sunar. AI ajanları bu katmandan bir öğenin ne olduğunu ve nasıl kullanılacağını daha net anlayabilir.

Bir düğmenin rolü “button”, adı “Sepete ekle” ve durumu “etkin” olabilir. Bir form alanı “E-posta adresi” adıyla tanımlanabilir. Bu bilgiler, yalnızca görsel tasarıma göre daha açıklayıcıdır.

Etiketsiz form alanları ciddi sorun oluşturur. Kullanıcı ekranda hangi kutuya ne yazacağını tahmin edebilir. Ajan ise alanın amacını belirleyemeyebilir veya yanlış bilgi girebilir.

İkon kullanılan bağlantılarda alternatif açıklama gerekir. Yalnızca büyüteç simgesi bulunan arama düğmesi, erişilebilir ad taşımıyorsa belirsiz kalır. “Site içinde ara” gibi bir ad, işlevi doğrudan anlatır.

Menülerin açılıp kapanma durumu da erişilebilirlik ağacında doğru yansıtılmalıdır. Kapalı menü “expanded=false”, açık menü “expanded=true” durumuyla sunulabilir. Bu durumlar doğru güncellenmezse ajan yanlış adım atabilir.

İçeriğin erişilebilirlik ağacında bulunması, her zaman görünür olduğu anlamına gelmez. Gizli bir yardım metni veya yalnızca ekran okuyucuya sunulan açıklama farklı amaç taşır. Görsel ve anlamsal katman birlikte incelenmelidir.

Konuyu daha geniş ele alan AI ajanları için web sitesinde erişilebilirlik neden önemli rehberinde, rollerin ve form etiketlerinin etkisini ayrıca inceleyebilirsiniz.

Bu yaklaşım yalnızca AI ajanları için kullanılmaz. Klavye kullanan kişiler, ekran okuyucu kullanıcıları ve mobil cihaz sahipleri de aynı açıklık avantajından yararlanır.

JavaScript ve formlar AI ajanlarının işlem yapmasını nasıl değiştirir?

JavaScript, AI ajanının sayfada hangi işlemleri yapabileceğini belirleyen önemli bir katmandır. Ajan yalnızca metin okumaz; menü açabilir, filtre seçebilir, form doldurabilir veya yeni sayfaya geçebilir.

Bir butonun tıklanabilir görünmesi yeterli değildir. Tıklama olayı doğru çalışmalı, işlem sonunda sayfa durumu güncellenmeli ve hata mesajı anlaşılır biçimde gösterilmelidir.

Formlarda her alanın etiketi, veri türü ve hata durumu açık olmalıdır. E-posta alanı e-posta biçimini kabul etmeli, telefon alanı beklenen formatı belirtmelidir. Hata, yalnızca kırmızı kenarlıkla anlatılmamalıdır.

Form gönderildikten sonra başarı durumu da görünür olmalıdır. Ajan, işlem gerçekleştiği halde bunu anlayamazsa formu yeniden gönderebilir. Bu durum tekrar kayıt veya çift sipariş gibi sonuçlara yol açabilir.

Oturum açma, çerez onayı ve doğrulama adımları ayrıca test edilmelidir. Bazı güvenlik adımları otomatik ajanların işlemini sınırlayabilir. Bu sınırlama bir hata değil, tasarlanmış güvenlik önlemi olabilir.

Her etkileşimin otomasyona açık olması da doğru değildir. Ödeme, hesap silme ve sözleşme kabulü gibi yüksek riskli işlemlerde ek doğrulama gerekebilir. Kullanıcı onayı, güvenlik ile kullanım kolaylığı arasında sınır koyar.

Test sırasında işlemin başlangıç ve bitiş koşulları yazılı olarak tanımlanmalıdır. Örneğin “form gönderildi” yerine “başarı mesajı göründü ve talep numarası üretildi” denmelidir.

1. Sayfayı gizli sekmede açın ve JavaScript hatalarını kontrol edin.
2. Menü, filtre ve form işlemlerini klavye ile tamamlayın.
3. Başarı ve hata mesajlarının DOM içinde oluştuğunu doğrulayın.
4. İşlem sonrası URL, sayfa başlığı veya görünür durum değişimini kaydedin.
5. Aynı işlemi mobil genişlikte ve yavaş bağlantıda yeniden deneyin.

AI ajanları web sitesindeki ürün ve hizmet bilgisini nasıl seçer?

AI ajanları ürün veya hizmet bilgisi seçerken başlık, açıklama, fiyat, uygunluk ve işlem bağlantısı arasındaki ilişkiye bakar. Bu bilgilerin farklı bölümlere dağılması yanlış eşleşme riskini artırır.

Bir ürün kartında ürün adı, açıklama, fiyat ve bağlantı aynı kapsayıcı içinde bulunmalıdır. Fiyat başka bir bölümde, ürün adı görselin içinde ve bağlantı sayfanın sonunda yer alıyorsa ilişki belirsizleşir.

Hizmet sayfalarında da aynı ilke geçerlidir. “Web tasarımı” başlığı altında kapsam, teslim biçimi, uygun işletme türü ve iletişim yolu açıklanmalıdır. Yalnızca sıfatlardan oluşan açıklamalar karar vermeyi zorlaştırır.

Fiyat veriliyorsa fiyatın hangi koşula ait olduğu yazılmalıdır. “Başlangıç fiyatı” ifadesi tek başına yeterli değildir. Dahil olmayan sayfa sayısı, içerik üretimi veya bakım gibi kalemler ayrıca belirtilmelidir.

Ürün ve hizmetlerde güncellik bilgisi de önemlidir. Stok durumu, kampanya tarihi veya randevu uygunluğu değişiyorsa, sayfa içindeki değer güncellenmelidir. Eski bilgi, ajanın doğru görünen yanlış öneri üretmesine neden olabilir.

E-ticaret sitelerinde kategori, ürün ve varyant ilişkisi açık kurulmalıdır. Bu konu için E-ticaret sitesi Google AI ajanlarına nasıl hazırlanır rehberindeki ürün akışı ve işlem adımları kullanılabilir.

Landing page yapısında ise tek bir temel hedef seçilmelidir. Landing page nedir ve dönüşüm optimizasyonu nasıl yapılır rehberinde anlatılan mesaj eşleşmesi, ajanların sayfa amacını anlamasına da yardımcı olur.

AI ajanları için site navigasyonu nasıl düzenlenmelidir?

AI ajanları site navigasyonunu bağlantı adları, sayfa ilişkileri ve geri dönüş yolları üzerinden değerlendirir. Kısa, açıklayıcı ve tutarlı menü adları işlem sırasında belirsizliği azaltır.

“Çözümler”, “Daha fazla” veya “Keşfet” gibi genel ifadeler, hedef sayfayı açıklamayabilir. Bu ifadeler marka dilinde kullanılabilir. Ancak kritik bağlantılarda hizmet veya içerik adı daha güvenlidir.

Menüdeki bir bağlantı, sayfa başlığıyla aynı veya yakın ifadeyi taşımalıdır. Menüde “Kurumsal çözümler” yazıp sayfada “Endüstriyel yazılım danışmanlığı” başlığı kullanmak, ilişkiyi zayıflatabilir.

Sayfalar arasında ekmek kırıntısı, açık geri bağlantı ve anlamlı URL yapısı bulunması yararlıdır. URL tek başına anlamın tamamını taşımaz. Ancak “/hizmetler/web-tasarimi” gibi bir yapı, “/sayfa?id=38” adresinden daha açıklayıcıdır.

Mobil menü özellikle test edilmelidir. Hamburger menü açılmıyorsa, açıldıktan sonra odak görünmüyorsa veya kapanma kontrolü yoksa ajan sonraki bağlantıya ulaşamayabilir.

Çok seviyeli menülerde her katman aynı anda açılmamalıdır. Kullanıcıya ve ajana hangi menü seviyesinde olduğu gösterilmelidir. Her alt menüde üst kategoriye geri dönüş yolu bulunmalıdır.

Yerel işletmelerde adres, telefon, çalışma saatleri ve hizmet bölgesi ayrı ayrı erişilebilir metin olarak yazılmalıdır. İşletme bilgilerini Google tarafında yönetmek için Google İşletme Profiline işletme özelliği nasıl eklenir rehberine de bakılabilir.

Ancak çok fazla bağlantı eklemek navigasyonu iyileştirmez. Her sayfada temel görevi tamamlayan yol belirgin olmalıdır. Gereksiz menü kalabalığı, karar vermeyi ve otomatik işlemi yavaşlatır.

AI ajanlarına uygun web sitesi nasıl test edilir?

AI ajanlarına uygunluk, tek bir puanla değil, tekrarlanabilir görev testleriyle ölçülmelidir. Testin amacı, ajanın sayfayı okuyup belirli bir işi hatasız tamamlayıp tamamlayamadığını görmektir.

Önce üç ila beş temel görev seçilebilir. Örneğin bir hizmeti bulmak, fiyat koşulunu okumak, iletişim formunu doldurmak ve çalışma saatini öğrenmek farklı katmanları test eder.

Her görev için başlangıç noktası, beklenen işlem ve başarı koşulu yazılmalıdır. “İletişim kur” belirsizdir. “Ana sayfadan iletişim formuna ulaş, zorunlu alanları doldur ve başarı mesajını gör” ölçülebilir bir görevdir.

Testler yalnızca ana sayfada yapılmamalıdır. Hizmet, ürün, iletişim, blog ve kampanya sayfaları farklı şablonlar kullanabilir. Bir şablondaki hata, aynı yapıyı kullanan birçok URL’ye yayılabilir.

Sonuçlar kayıt altına alınmalıdır. Hangi tarayıcı, ekran genişliği, dil, oturum durumu ve bağlantı koşulunun kullanıldığı yazılmalıdır. Böylece aynı test, değişikliklerden sonra tekrar edilebilir.

AI ajanları web sitesini okurken hangi hataları yapabilir?

AI ajanları, web sitesinden her zaman doğru anlam çıkaramaz. Belirsiz metin, eksik durum bilgisi, eski içerik ve erişilemeyen etkileşimler yanlış sonuca yol açabilir.

En yaygın hata, görsel metin ile gerçek metnin ayrışmasıdır. Kampanya koşulu yalnızca görseldeyse ajan metni eksik okuyabilir. Fiyat görselde, teslim süresi başka bir PDF dosyasında bulunuyorsa ilişki daha da zayıflar.

İkinci hata, benzer bağlantı adlarının çoğalmasıdır. Sayfada beş kez “Detaylar” bağlantısı bulunması, her bağlantının hangi karta ait olduğunu belirsizleştirir. Bağlantı metni mümkün olduğunca hedefi belirtmelidir.

Üçüncü hata, açılır pencerelerin ana içeriği kapatmasıdır. Çerez kutusu veya kampanya penceresi klavye odağını üzerinde tutuyorsa, ajan sayfanın diğer bölümlerine geçemeyebilir.

Dördüncü hata, tarih ve durum bilgisinin güncellenmemesidir. Geçmiş kampanya, eski çalışma saati veya tükenmiş ürün bilgisi hâlâ görünüyorsa, ajan bu bilgiyi güncel sanabilir.

Beşinci hata, sayfanın anlamını yalnızca yapılandırılmış veriye bırakmaktır. Schema işaretlemesi yararlı olabilir. Ancak görünür içerik eksikse veya kullanıcı akışı çalışmıyorsa tek başına çözüm sağlamaz.

AI ajanlarının sayfayı okuyabilmesi, her önerisinin doğru olacağı anlamına gelmez. Ajanlar farklı modeller, tarayıcılar ve izinlerle çalışabilir. Bu yüzden hedef, garantili sonuç değil, hata ihtimalini azaltan açık bir yapı kurmaktır.

Bir sorun yalnızca ajanda görülüyorsa bile insan kullanıcılar için de anlamlı olabilir. Etiketsiz alan, kapalı menü veya belirsiz bağlantı, erişilebilirlik ve kullanılabilirlik açısından zaten incelenmelidir.

AI ajanları yaygınlaşmadan önce web sitesinde hangi kontroller yapılmalı?

AI ajanlarına hazırlık için ilk adım, web sitesindeki temel kullanıcı görevlerini listelemektir. Liste, işletmenin gerçek işlemlerinden oluşmalıdır; yalnızca teknik özellikleri sıralamamalıdır.

• Ana sayfada sayfanın amacı ilk ekranda anlaşılıyor mu?
• Her sayfada yalnızca bir ana başlık bulunuyor mu?
• Bağlantı ve buton adları hedef işlemi açıklıyor mu?
• Form alanlarının görünür ve programatik etiketleri var mı?
• Menü, klavye ile açılıp kapanabiliyor mu?
• Mobil görünümde yatay kaydırma ve içerik taşması oluşuyor mu?
• Başarı ve hata durumları metin olarak gösteriliyor mu?
• Fiyat, tarih, stok ve çalışma saatleri güncel tutuluyor mu?
• Ürün veya hizmet bilgileri aynı içerik bloğunda ilişkilendiriliyor mu?
• Popup, çerez kutusu ve doğrulama adımları test edildi mi?

Bu kontrol listesi tek seferlik uygulanmamalıdır. Yeni tema, form eklentisi, ödeme modülü veya JavaScript güncellemesi sonrasında yeniden kullanılmalıdır.

İşletme sahipleri ayrıca en sık sorulan beş soruyu seçebilir. Her sorunun cevabı, ilgili sayfada görünür ve güncel biçimde bulunmalıdır. Cevap yalnızca chatbot içinde tutulmamalıdır.

Yerel işletmeler için adres, telefon, çalışma saatleri ve hizmet alanları düzenli kontrol edilmelidir. Kampanya duyurularında başlangıç ve bitiş tarihleri açık yazılmalıdır. Teklif yayınları için Google İşletme Profilinde teklif yayını nasıl yapılır rehberindeki alan mantığı kullanılabilir.

Web sitesi maliyetini değerlendirirken de bu teknik gereksinimler hesaba katılmalıdır. İzmir’de web sitesi yaptırma maliyeti yalnızca tasarım ve sayfa sayısıyla ölçülmemelidir; form, erişilebilirlik, test ve içerik bakımı da kapsamda yer alabilir.

Sonuç olarak AI ajanları için okunabilirlik, ayrı bir dekorasyon katmanı değildir. Doğru HTML, görünür içerik, çalışan etkileşim ve açık navigasyonun birlikte kurulmasıdır.