Shopify mağaza sahipleri için Görsel ALT Metni Kontrolü

Shopify mağaza sahipleri neden buna ihtiyaç duyar?

Shopify yönetim panelinde bir ürüne yedi görsel yüklediniz, ama ALT metin kutusunu yalnızca ilkinde doldurdunuz. Yüz elli ürünlü bir mağazada bu alışkanlık, binlerce açıklamasız görsele dönüşür. Üstelik sorun yalnızca ürünlerle sınırlı kalmaz: koleksiyon kapakları, tema içindeki banner'lar ve blog görselleri de aynı boşluğu taşır. Koleksiyonları iç içe yerleştiremediğiniz, meta etiketleri için toplu şablon bulamadığınız bir platformda görseller, elle düzeltilebilen nadir alanlardan biridir. Ama önce nerede eksik olduğunu bilmeniz gerekir. Görsel ALT Metni Kontrolü, verdiğiniz tek bir URL'deki her img etiketini listeler ve ALT metni olmayan ya da boş olanları işaretler. Tabloda görselin dosya adını, ALT metnini ve durumunu görürsünüz; böylece admin panelinde hangi ürünün hangi fotoğrafına dönmeniz gerektiği netleşir. Araç yalnızca okur, mağazanızda hiçbir şeyi değiştirmez. Sayfayı JavaScript çalıştırmadan, sunulduğu haliyle çeker; bu yüzden bir uygulamanın sonradan eklediği görseller listede görünmeyebilir. Çıktı bir puan vermez, sıralama sözü de vermez; size düzeltilecek satırların net bir dökümünü verir. Hangi satırın gerçekten düzeltilmesi gerektiğine siz karar verirsiniz. Bu yüzden ilk taramayı en çok görsel taşıyan ürün sayfasıyla yapmak mantıklıdır.

Shopify mağaza sahipleri için rehber

İlk taramada hangi URL'leri girmelisiniz

Aracı önce en çok satan ürününüzün sayfasında deneyin, örneğin https://magazaniz.com/products/deri-kosu-ayakkabisi, ardından ana koleksiyon sayfanıza, örneğin https://magazaniz.com/collections/kosu-ayakkabilari. Araç her çalıştırmada tek URL okur ve mağazayı gezmez; ürünleri ve koleksiyonları ayrı ayrı girmeniz gerekir. İlk 10 dakikada üç beş sayfa kontrol etmeniz, aynı eksiğin her sayfada tekrar edip etmediğini görmeye yeter. Tablodaki satır sayısını, tarayıcıda Ctrl+U ile açtığınız kaynak koddaki img aramasıyla karşılaştırabilirsiniz. Tema logosu, ikon ve rozetler de img olduğu için listede çıkar; bunlar ürün görsellerinden daha az önemlidir. Sayfadaki görseller tembel yüklemeyle geliyorsa listenin eksik görünebileceğini aklınızda tutun. Sonuç, görsellerin Google Görseller'de çıkacağını ya da sayfanın dizine alındığını kanıtlamaz; yalnızca işaretlemede ne yazdığını gösterir.

Tabloyu doğru okumak

Üstteki Images, With ALT ve Missing ALT kartları (etiketler Türkçe sayfada da İngilizcedir) toplam görsel sayısını, ALT metni olanları ve eksik olanları verir. Asıl iş tablodadır. Eksik sayılan satırların bir kısmı bilerek boş bırakılmış süs görseli olabilir: araç alt="" olan görseli de eksik sayar, çünkü hangisinin süs, hangisinin hata olduğuna sizin karar vermeniz gerekir. Aracın yargılamadığı bir şey daha var: IMG_0231, image ya da untitled yazan bir ALT metni listede With ALT olarak sayılır. Bu yüzden ALT text sütununu yukarıdan aşağı kendiniz okuyun. Dosya adı sütunu, admin panelinde hangi görseli arayacağınızı söyler; aynı dosya adı birkaç üründe tekrar ediyorsa önce onlara bakın. Tablo kalite puanı vermez ve yazdığınız metnin Google'da sıralama getireceğini de göstermez.

Shopify'da düzeltme sırası

Önce ürün görsellerini düzeltin. Shopify admin panelinde Products bölümünden ürünü açın, Media alanında görsele tıklayın ve Add alt text bağlantısıyla açıklamayı yazın. Ardından koleksiyon görsellerine geçin. Ürün dışında yüklenen banner ve slayt görselleri için Content > Files bölümünde tablodaki dosya adını bulup ALT metnini orada ekleyin. İyi bir açıklama görseli görmeyen birine tarif eder, örneğin kırmızı deri koşu ayakkabısı, yandan görünüm. Tüm mağazayı tek oturumda doldurmaya çalışmayın; önce en çok trafik alan on ürünle başlayın. Düzeltmeden sonra aynı URL'yi yeniden girip eksik sayısının düştüğünü doğrulayın. Bu işlem, görsellerinizin sıralanacağını garanti etmez; yalnızca işaretlemedeki boşluğu kapatır.

Örnek senaryolar

Sık yapılan hatalar

• Yalnızca ana sayfayı kontrol etmek. Ana sayfa mağazanın küçük bir parçasıdır; sorun çoğunlukla ürün ve koleksiyon sayfalarında yaşanır. Araç tek URL okuduğu için bu sayfaları ayrı ayrı girin.
• Eksik sayısı sıfır olunca işi bitmiş saymak. Araç anlamsız bir metni de With ALT olarak sayar. ALT text sütununu okumadan kapsamın iyi olduğuna karar vermeyin.
• Her boş alt değerini hata sanmak. Süs görselinde alt="" doğru işaretlemedir ve araç bunu da eksik sayar. Düzeltmeden önce görselin içerik taşıyıp taşımadığına bakın.
• Aynı metni tüm görsellere yapıştırmak. Bir ürünün yedi fotoğrafına aynı ürün adını yazmak hızlıdır ama görselleri birbirinden ayırmaz. Her görselin açı, renk ya da kullanım bilgisini ayrı yazın.
• Uygulamanın eklediği görselleri listede aramak. Araç JavaScript çalıştırmadığı için galeri ve yorum uygulamalarının sonradan eklediği görseller tabloda çıkmayabilir. CSS arka planları da hiçbir zaman listelenmez.

Sık sorulan sorular

Shopify ürün görsellerinde ALT metni nereden eklenir?

Shopify yönetim panelinde Products bölümünden ürünü açın, Media alanındaki görsele tıklayın ve Add alt text bağlantısını kullanın. Kaydettikten sonra tema bu metni img etiketine yazar; ancak bazı temalar özel bölümlerde farklı davranabilir. Düzeltmeyi doğrulamak için ürün sayfasının tam URL'sini Görsel ALT Metni Kontrolü'ne yapıştırın ve ilgili satırda ALT text sütununun dolduğuna bakın. Birden fazla görseli olan ürünlerde her görseli ayrı ayrı açmanız gerekir. Araç yalnızca sayfadaki mevcut işaretlemeyi okur, ALT metnini sizin yerinize yazmaz ve tema ayarlarını değiştirmez.

Shopify mağazam Google'da görünmüyor, eksik ALT metni bunun sebebi mi?

Tek başına olası değildir. Eksik ALT metni görsel aramadaki fırsatları ve erişilebilirliği etkiler, ama mağazanın Google'da hiç görünmemesi genellikle dizine alma, robots.txt.liquid ayarı ya da sitemap sorunlarından kaynaklanır. Araç dizin durumunu, sıralamayı ya da robots kurallarını kontrol etmez. Önce sitemap'inizin Search Console'a gönderildiğini ve ana sayfanızın dizinde olduğunu doğrulayın; ancak ondan sonra görsel ayrıntılarına zaman ayırmanız mantıklı olur. İndekslenmeme sorusunu Search Console'daki Sayfa dizine ekleme raporundan ayrıca incelemelisiniz.

Dekoratif görsellere ALT metni yazmalı mıyım?

Yalnızca içeriği anlatan görsellere. Ürün fotoğrafı, kampanya afişi gibi anlam taşıyan görsellere açıklama yazın; ayraç, dekoratif çizgi gibi tamamen süs olan görsellerde boş alt="" doğru işaretlemedir. Araç boş alt değerini de eksik saydığı için listede bu görseller de çıkar; hangilerinin süs olduğuna siz karar verirsiniz. Karar verirken sorun: bu görsel olmasa sayfayı okuyan biri bir şey kaybeder mi? Kaybediyorsa ALT metni yazın. Shopify temalarında logo ve ikonlar da img olarak listelenebilir, bunları ayrı değerlendirin; ürün görselleri her zaman öncelik taşır.

Shopify SEO uygulaması ALT metinlerini toplu doldurursa yine de kontrol etmeli miyim?

Shopify App Store'da toplu ALT metni üreten uygulamalar bulunur, ancak hangisinin ne yaptığını uygulamanın kendi sayfasından kontrol etmelisiniz. Hangi yolu seçerseniz seçin, işin bittiğini canlı sayfada doğrulamak gerekir. Görsel ALT Metni Kontrolü bu doğrulamayı yapar: uygulamanın ya da elle yazdığınız metinler ALT text sütununda görünür. Ama araç metnin kalitesini yargılamaz; image ya da dosya adı gibi anlamsız bir metin de listede With ALT olarak sayılır, bu yüzden sütunu kendiniz okumalısınız. Düzeltmeden sonra aynı URL'yi yeniden girip eksik sayısını karşılaştırın.

Araç galeri veya yorum uygulamasının eklediği görselleri neden göstermiyor?

Sayfayı JavaScript çalıştırmadan, sunucunun verdiği HTML olarak okuduğu için. Bir galeri betiği, tembel yükleme kütüphanesi ya da yorum uygulaması görselleri sayfa açıldıktan sonra ekliyorsa bu görseller listede çıkmaz. CSS ile arka plan olarak verilen görseller de img etiketi olmadığından listelenmez. Yani tablo, sayfa kaynağındaki img etiketlerinin dökümüdür; ziyaretçinin ekranda gördüğü her görselin dökümü değildir. Şüpheli bir alan için tarayıcıda Ctrl+U ile kaynağı inceleyin. Bu görsellerin ALT metnini ilgili uygulamanın kendi ayarlarından ve tema kodundan ayrıca kontrol etmeniz gerekir.

Kaynak: Koleksiyon yapısı gibi platform sınırlarını anlamak için Search Engine Journal'ın Shopify SEO rehberi, koleksiyonların iç içe yerleştirilemediğini ve bunun için ücretli uygulama ya da Liquid kodu gerektiğini anlatıyor.