Curify + Webflow Programatik SEO Entegrasyonu: CMS Ölçeğinde SKU Başına Görseller

1 Haziran 2026 • 11 dakikalık okuma

Webflow, CMS, tasarım sistemi ve (2026'dan beri) AEO içgörü panelini harika bir şekilde yönetiyor. Ancak, programatik SEO ölçeğinde her CMS öğesi için bir benzersiz, markaya uygun görsel üretmekte yetersiz kalıyor. Stok görseller tekrar ediyor; genel AI üretimi varyantlar arasında stil kayması yapıyor; SKU başına fotoğraf çekimi maliyeti görüntü başına 200-2,000 $ arasında. Bu eğitim, boşluğu kapatan entegrasyonu anlatıyor — Webflow CMS gerçek kaynak olarak, Curify'nin şablon öncelikli üretimi ise her CMS öğesi için bir deterministik markaya uygun görsel üreten görsel katman olarak. Altı somut adım, CMS'nizi yeniden inşa etmeden, ilk partinizi bir öğleden sonra gönderir. Kız kardeş yazı: [/blog/best-programmatic-seo-tools](/blog/best-programmatic-seo-tools) ana terim araç karşılaştırmasını kapsıyor; bu yazı ise entegrasyonu nasıl bağlayacağınızı anlatıyor.

Webflow + Curify'nin mimari olarak ne anlama geldiği

İki sistemin örtüşmeyen sorumlulukları. Webflow, CMS şemasını (öğe türleri, alanlar, ilişkiler), tasarım sistemini (semboller, bileşenler, düzenler), barındırma + CDN, URL yapısını (/products/[slug], /locations/[city]/[service]) ve şimdi de AEO içgörü panelini yönetiyor. Curify, görsel üretim katmanını — şablon seçimi, parametre kodlaması, Nano Banana Pro aracılığıyla toplu üretim, çıktı teslimatı ile geri alıyor.

Köprü, her yönde bir Webflow API çağrısıdır. Dışa doğru: CMS öğeleriniz Curify'ye (item_id, subject, scene, palette, …) satırlarından oluşan bir CSV (veya webhook yükü) gönderir. İçeriye doğru: Curify, üretilen görsel URL'sini eşleşen CMS öğesinin görsel alanına yazar. Webflow eklentisi yüklemesi gerekmez; şablon yeniden inşası gerekmez; Webflow API + Curify toplu API, bağladığınız iki yüzeydir.

Bu düzenin programatik SEO için neden önemli olduğu: her CMS öğesi benzersiz bir görsel alır (Google'ın spam politikası tutarsız ince sayfaları sert bir şekilde değerlendirir), her görsel aynı kilitli görsel stili miras alır (katalog boyunca marka tutarlılığı), ve AEO yüzeyleri hala tutarlı bir sayfa görür — görsel, yapılandırılmış veri ve metin birbirini pekiştirir.

Curify'yi Webflow'a bağlamak için altı adım

1. Webflow CMS'inizi şablon parametreleri için modelleyin

Amaç: her CMS öğesi, Curify'nin şablonun parametre alanlarını doldurması için ihtiyaç duyduğu alanlara sahip olmalıdır.

Webflow Tasarımcınızı açın → Koleksiyonlar → görsel ürettiğiniz koleksiyon (örneğin, Ürünler). Curify şablon parametrelerine karşılık gelen alanları ekleyin. lifestyle-photo-grid şablonu için, şunlara ihtiyacınız var:

subject (düz metin) — ürün veya kategori adı (örneğin, "ipek midi elbise")

scene_preset (seçenek) — şunlardan biri: met-gala-red-carpet, paris-fashion-week, beach-summer, autumn-park, wedding-day, city-fashion, spring-meadow

palette_hint (düz metin, isteğe bağlı) — hex rengi veya adlandırılmış kayıt (örneğin, "vinho-do-porto kırmızı + altın")

generated_image (görsel alan) — boş bırakın; Curify URL'yi buraya yazar.

İsimlendirme kuralı: Webflow alan slugs'ınızı Curify şablon parametre adlarıyla aynı tutun. 3. adımda entegrasyon scripti doğrudan slug → parametre eşlemesi kullanır; uyumsuz adlar, her satır için manuel çeviri anlamına gelir.

2. Curify şablon ailesini seçin

Amaç: çıktı format gereksiniminize uyan bir (bazen iki) şablon seçin.

/nano-banana-pro-prompts sayfasını açın ve şablon ailesine göre filtreleyin. Karar matrisiniz:

9-sahne ızgaraları gerekiyor (bir görüntüde birden fazla kullanım durumu için ürün) → lifestyle-photo-grid. 7 sahne ön ayarı, DTC katalogları için iyi çalışır.

Tek kahraman çekimleri gerekiyor (bir ürün, bir kamera açısı) → product-poster. Galeride 8 örnek varyantı var.

Moda / giyim gerekiyor (modelin sağlanan kıyafeti giymesi) → ai-outfit-try-on-poster. 5 stil ön ayarı.

Ambalaj maketleri gerekiyor → food-product-packaging-design.

Tanıtım / satış kampanyası görselleri gerekiyor → product-theme-promotional-poster. 5 temalı ön ayar.

Önce/sonra varyant kartları gerekiyor → fashion-before-after-outfit-annotation-card.

Her şablonun örnek URL'si (örneğin, /nano-template/lifestyle-photo-grid/example/template-lifestyle-photo-grid-met-gala-red-carpet) çıktınızın nasıl görüneceği için görsel referanstır. Bunu entegrasyonu bağlamadan önce tasarım ekibine onaylatın — yanlış şablonu kilitlemek, tüm partiyi yeniden çalıştırmak anlamına gelir.

3. Webflow CMS öğelerini → Curify şablon parametrelerine eşleyin

Amaç: her satırın bir CMS öğesinin Curify şablon parametrelerine çevrildiği bir CSV (veya JSON) üretin.

Webflow koleksiyonunuzu Webflow Data API aracılığıyla çekin:

GET https://api.webflow.com/v2/collections/{collection_id}/items
Authorization: Bearer {WEBFLOW_API_TOKEN}

Her öğenin fieldData'sını okuyan ve şablon parametreleriyle bir satır yazan küçük bir eşleme scripti çalıştırın (Node, Python, ne isterseniz). lifestyle-photo-grid için:

item_id,subject,scene_preset,palette_hint
650abc...,ipek midi elbise,met-gala-red-carpet,"vinho-do-porto kırmızı + altın"
650def...,keten tulum,beach-summer,"kum kreması + teal vurgusu"
650ghi...,yün palto,autumn-park,"yanık sienna + hardal"

Gerekli alanları eksik olan öğeler için hata işleme ekleyin — Curify, kısmi verilerden üretim yapmadan atlar. Hangi öğelerin atlanacağını listeleyen bir ön uç raporu, çalıştırmadan önce CMS'nizi düzeltmenize yardımcı olur. Üretilen görselleri 5. adımda kaynak öğelere eşlemek için item_id'yi CSV'de tutun.

4. Curify toplu üretimini tetikleyin

Amaç: CSV'yi Curify'ye gönderin, item_id ile anahtarlanan üretilen görsellerin bir klasörünü geri alın.

Ekibinizin yığınına bağlı olarak üç yol:

A. Doğrudan toplu yükleme — otomasyon platformu olmayan ekipler için en kolay yol. CSV'yi Curify kontrol paneli aracılığıyla yükleyin (bugün erken erişim iş akışı). Curify, partiyi çalıştırır, item_id ile adlandırılmış üretilen görsellerin bir ZIP'ini döner, ayrıca 5. adımda kullanacağınız bir manifest (item_id,image_url) sağlar.

B. Make.com / Zapier akışı — sürekli operasyon için en iyisi. Tetikleyici: "Webflow koleksiyonunda yeni öğe." Eylem: öğenin eşlenmiş parametreleri ile Curify üretim uç noktasına gönderin. Eylem: sonuçlanan görseli kaynak öğeye eklemek için Webflow Varlık API'sine webhook gönderin. Bu, yeni ürün sayfalarının CMS yayınından ~5 dakika içinde kendi görsellerini almasını sağlar.

C. Curify API doğrudan (mühendislik ekipleri için) — CSV'yi Curify toplu uç noktasına POST edin, tamamlanmayı kontrol edin, manifesti alın. Kontrol paneli iş akışı ile aynı şekil ama scriptlenebilir.

Verim notu: Nano Banana Pro, her görsel için ~15-45 saniye alır. 1,000 öğeden oluşan bir parti genellikle 4-8 saat içinde tamamlanır, eşzamanlılık katmanına bağlı olarak. Tüm katalogu bir seferde yapıyorsanız, ilk çalışmanızı bir hafta sonuna planlayın.

5. Üretilen görselleri Webflow CMS öğelerine geri yerleştirin

Hedef: her CMS öğesinin generated_image alanı artık eşleşen oluşturulan görsele işaret ediyor.

Her oluşturulan resmi yüklemek için Webflow Assets API kullanın, ardından kaynak CMS öğesini yeni varlığa işaret edecek şekilde güncelleyin:

for row in manifest:
    # 1. Oluşturulan resmi Webflow Varlıkları'na yükleyin
    asset = POST /v2/sites/SITE_ID/assets/...
    # 2. CMS öğesini varlığa işaret edecek şekilde güncelleyin
    PATCH /v2/collections/CID/items/ROW_ITEM_ID
        body: fieldData.generated_image = asset.id

Tek seferlik partiler için daha hızlı yol: Webflow Varlıklarını tamamen atlayın. Curify'nin manifest URL'leri CDN üzerinden sunulmaktadır (cdn.curify-ai.com); CMS öğelerini doğrudan CDN URL'sini kullanacak şekilde güncelleyin. Yükleme gidiş-dönüşünü kaydeder; dezavantajı, resmin Webflow'un CDN'inde değil, Curify'nin CDN'inde bulunmasıdır. Webflow'un resim optimizasyonuna (duyarlı varyantlar, tembel yükleme) ihtiyacınız olmayan programatik SEO sayfaları için CDN-doğrudan yol uygundur.

Parti tamamlandıktan sonra yeni resimlerin alınabilmesi için bir Webflow yayını tetikleyin. Binlerce öğeye sahip siteler için Webflow'un yayını artımlıdır — tüm siteyi yeniden yayımlamazsınız.

Tuzağa Düşme (ve çözümler)

Beklemeniz gereken üç hata modu:

Webflow CMS öğe sınırları beklediğinizden önce ortaya çıkar. Temel CMS planı 2,000 öğe ile sınırlıdır, CMS planı ise 10,000 ile. Programatik SEO, bu eşikleri parti ortasında aşma alışkanlığına sahiptir — ilk 500 öğeniz iyi bir şekilde oluşturulur, 2,001. öğe geri yazmayı başaramaz. Çözüm: Adım 1'den ÖNCE hedef öğe sayınıza karşı CMS planınızı kontrol edin; 10k'nın üzerine çıkıyorsanız Enterprise'a yükseltin.

Oluşturulan resim URL'leri, partiyi yeniden çalıştırırsanız değişir. Curify'nin CDN URL'leri her resim için stabildir, ancak yeniden oluşturma yeni URL'ler üretir (çünkü oluşturma, Nano Banana Pro seviyesinde deterministik değildir). Çözüm: yeniden çalıştırmaktan kaçının, eğer bunu kastetmiyorsanız. Bir alt küme (örneğin, konusu değişen 100 öğe) yenilemeniz gerekiyorsa, yalnızca o öğeleri filtreleyin ve yalnızca onları yeniden çalıştırın; stabil 9,900'ü yalnız bırakın.

Alt metin eksikse AEO içgörüler paneli düşük rapor verir. Webflow'un AEO puanlaması, resmin alt niteliğini ağır bir şekilde tartar çünkü LLM tarayıcıları alt metinden resim anlamlarını çıkarır. Curify resmi oluşturur; alt metin, Webflow şablonunuzun sorumluluğundadır. Çözüm: resmin altını öğenin subject alanına — veya daha zengin bir şekilde, subject + scene_preset — Webflow şablon düzeyinde bağlayın. Tek bir şablon değişikliği, her oluşturulan sayfadaki alt metni düzeltir.

Curify + Webflow vs alternatifler

Webflow programatik sayfalarına görsel eklemenin dört yolu. Takas, ölçeklendirme tutarlılığı ile tek sayfa cilası arasındadır:

Yaklaşım	En İyi	Güç	Zayıflık
Curify + Webflow (bu kılavuz)	Benzersiz markaya uygun görsellere ihtiyaç duyan 100-10k öğeden oluşan kataloglar	Varyantlar arasında kilitli stil; deterministik katalog görünümü; AEO-uyumlu	Bugün demo + erken erişim, açık kendin yap yok
Webflow + stok fotoğrafçılığı	Görselin dönüşüm sürücüsü olmadığı sayfalar	Anında; ücretsiz veya ucuz; geniş kapsama	Katalog boyunca görsel tekrarları AEO + sıçrama oranını olumsuz etkiler; basitçe tespit edilebilir
Webflow + Midjourney (manuel)	Yüksek tek görsel cilası olan 100 altındaki katalog	En iyi görsel estetik tavanı	Manuel öğe başına üretim; toplu API yok; stil varyantlar arasında kayar
Webflow + ham Nano Banana Pro	Kendi şablon katmanını oluşturmak isteyen mühendislik ekipleri	Maksimum esneklik	Curify'nin sunduğu şeyi yeniden inşa ediyorsunuz — şablon kısıtlaması ENGELDİR

Her sayfanın benzersiz bir markaya uygun görsele ihtiyaç duyduğu ve 100 öğe eşiğini geçtiğinizde, Curify, toplu ölçekle tutarlılık sorununu çözen tekidir. 100 öğenin altında, manuel Midjourney hala iyidir.

Deneyin — Curify ürün fotoğrafı üreticisi

/tools/ai-product-photo-generator sayfası, canlı demo (şablonlu bir istemden üretilen örnek yaşam tarzı fotoğraf ızgarası çıktısı) ve erken erişim bekleme listesi ile birlikte gelir. Demo tarayıcınızda çalışır, kayıt gerektirmez. Erken erişim, 4. adımda açıklanan toplu CSV yükleme akışını açar.

AirOps, Webflow'un kendisi ve WordPress (Webflow'un ölçeğiniz için doğru CMS seçimi olmadığı durumlarda) arasındaki daha geniş araç karşılaştırması için /blog/best-programmatic-seo-tools sayfasına bakın. Kullanım durumu düzeyinde entegrasyon şekli için /use-cases/for-programmatic-seo sayfasına bakın.

Ürün fotoğraflarının ötesinde Curify şablonlarının daha geniş bir katalog taraması için (karakter kartları, infografikler, posterler, yaşam tarzı ızgaraları), /nano-banana-pro-prompts sayfasına bakın — aynı şablon katmanı, farklı çıktı formatları.

Gönderim için üç ilke

Webflow + Curify, iki sistemi tek bir boru hattı olarak bir köprü ile ele aldığınızda çalışır — API. Yeterince parti sonrasında üç ilke:

1. Partiden önce şablonu kilitleyin. Şablon doğru olmadığı için yeniden çalıştırmak en büyük zaman kaybıdır. 3. adımdan önce galeri örnek URL'sinde tasarım onayı alın.
2. CMS alan adlandırmasını bir sözleşme olarak ele alın. Aynı slug → parametre adları, entegrasyon scriptinin basit olmasını sağlar; uyumsuz adlar, her satır için manuel çeviri ve ölçekle birlikte hatalar anlamına gelir.
3. Canlı sayfayı değil, AEO panelini doğrulayın. Webflow'un AEO içgörüleri, LLM tarayıcılarının gördüğü şeyi size söyler — bu sinyal, programatik ölçekte kendi görsel incelemenizdekinden daha önemlidir.

Curify AI ürün fotoğrafı üretici demosunu deneyin, ilk partinizi planlayın ve bu öğleden sonra benzersiz markaya uygun görsellerle ilk 100 Webflow programatik sayfanızı gönderin.