Yapay Zeka ile Ticimax SEO

Biliyoruz ki e-ticaret projelerinde ‘fiyatları’ kelimesini içeren kelime grupları her zaman için bize potansiyel müşteri kazandırır.

Öyleyse, bu adımda oluşturacağımız strateji ve ChatGpt ile geliştirdiğimiz yazılım bize büyük bir başarı kazandıracak.

Ticimax altyapısına özel geliştirilen bu komponent, kategori sayfalarında listelenen ilk 3 ürünün adını, görselini ve fiyatını tablo halinde sunan dinamik bir yapı oluşturuyor.

Ticimax Komponet Uygulama Aşamaları

Modüller -> Script Yönetimi > Kategori

CSS 

/* Özel ürün tablosu stili */
#ozelUrunTablosu {
border-collapse: collapse;
margin: 30px auto;
width: 90%;
font-family: Arial, sans-serif;
text-align: left;
}

#ozelUrunTablosu th,
#ozelUrunTablosu td {
padding: 10px;
border: 1px solid #ccc;
}

#ozelUrunTablosu th {
background-color: #f4f4f4;
}

#ozelUrunTablosu img {
max-width: 100px;
height: auto;
}

JS

  document.addEventListener('DOMContentLoaded', function () {
    // 1️⃣ Hangi sayfalarda çalışacak?
    const izinliSayfalar = [
       "/erkek-spor-ayakkabi",
        "/erkek-ayakkabi",
        "/erkek-sandalet-terlik-modelleri"
    ];

    const aktifYol = window.location.pathname;
    if (!izinliSayfalar.includes(aktifYol)) {
        return; // Bu sayfa listede yoksa çık
    }

    // 2️⃣ Tabloyu nereye ekleyeceksin? (Bu kısmı istediğin gibi değiştir)
    const hedefSelector = '#tabloAlani'; // örnek: id="tabloAlani" olan div'e eklenecek
    const hedefElement = document.querySelector(hedefSelector);

    if (!hedefElement) {
        console.warn(`Hedef alan bulunamadı: ${hedefSelector}`);
        return;
    }

    // 3️⃣ Ürünleri bul
    const urunler = document.querySelectorAll('.productItem');
    if (urunler.length === 0) {
        console.warn("Ürün bulunamadı.");
        return;
    }

    // 4️⃣ Tablo oluştur
    const tablo = document.createElement('table');
    tablo.id = 'ozelUrunTablosu';

    const header = tablo.insertRow();
    ['Ürün Adı', 'Fiyat', 'Görsel'].forEach(text => {
        const th = document.createElement('th');
        th.textContent = text;
        header.appendChild(th);
    });

    for (let i = 0; i < Math.min(3, urunler.length); i++) { const urun = urunler[i]; const ad = urun.querySelector('.productName')?.innerText || 'Ad yok'; const fiyat = urun.querySelector('.discountPrice')?.innerText || urun.querySelector('.price')?.innerText || 'Fiyat yok'; const resim = urun.querySelector('img')?.getAttribute('data-src') || urun.querySelector('img')?.src || ''; const satir = tablo.insertRow(); [ad, fiyat, resim].forEach((deger, index) => {
            const hucre = satir.insertCell();
            if (index === 2 && deger) {
                const img = document.createElement('img');
                img.src = deger;
                hucre.appendChild(img);
            } else {
                hucre.textContent = deger;
            }
        });
    }

    // 5️⃣ Tabloyu belirlediğin alana ekle
    hedefElement.appendChild(tablo);
});

İlgili Kategori Paragrafına Aşağıdaki Kod Eklenmelidir

<div id="tabloAlani"></div>