Webflow tasarımcıları neden buna ihtiyaç duyar?
Webflow'da bir müşteri sitesini teslim etmeden önce Designer'da her şey yerli yerinde görünür, ama yapısal veri için tıklayacağınız bir düğme yoktur. Webflow'da yerleşik bir schema işaretleme özelliği bulunmuyor; JSON-LD'yi özel kod olarak kendiniz eklemeniz gerekiyor. Elle yazdığınız tek bir eksik tırnak ya da fazladan virgül bloğun tamamını geçersiz kılabiliyor, üstelik sayfanın görünümü değişmediği için hata gözünüzden kaçıyor. Alttaki koda sınırlı erişim yüzünden hatayı bulmak da zaman alıyor. Schema (JSON-LD) Oluşturucu bu işin sözdizimi kısmını üstlenir: Organization, WebSite, Article veya LocalBusiness türünü seçer, ad, URL, logo ve açıklama gibi alanları doldurur, hazır bir script bloğu kopyalarsınız. Bu bloğu Site settings içindeki Custom Code bölümüne yapıştırıp bir kez ekleyebilirsiniz. Şablon başına ayrı bir blok gerekiyorsa her türü ayrı ayrı üretip ilgili sayfaya koyarsınız. Müşteri sitesinde 30 CMS öğesi olsa bile bloğun omurgası aynı kaldığı için önce doğru iskeleti üretmek, sonra değişen değerleri elle yerleştirmek en az hata çıkaran sıradır. Araç siteyi okumaz, CMS alanlarına bağlanmaz ve zengin sonuç sözü vermez; yazdığınız değerleri geçerli bir yapıya oturtur. Yapıştırdıktan sonra yayınlanmış sayfayı test etmek hâlâ sizin işiniz.
Webflow tasarımcıları için rehber
Yapıştırmadan önceki ilk 10 dakika
Önce hangi bloğun nereye gideceğini ayırın. Organization ve WebSite bloğu tüm siteyi ilgilendirir; Site settings içindeki Custom Code bölümünde Head Code alanına yapıştırıp siteyi yeniden yayınlayın. LocalBusiness gibi tek sayfaya ait bir blok için ilgili sayfanın Page Settings ekranında Custom Code altındaki head alanını kullanın. Araçta türü seçin, Name alanını doldurun, URL'ye canlı alan adınızı yazın, logo için Assets paneline yüklediğiniz dosyanın tam adresini girin. URL olarak webflow.io adresini yazmayın; hazırlık alan adı dizine girerse canlı sitenin kopyası gibi duran ikinci bir adres doğmuş olur. Özel kod alanlarının Webflow'da ücretli site planı istediğini de aklınızda tutun; müşteri plan almadıysa bloğu hazırlayıp bekletin.
CMS şablonunda sabit değer sorunu
Araç yazdığınız sabit değerlerle çalışır; CMS koleksiyonunuzdaki bir yazının başlığını ya da slug'ını kendiliğinden çekmez. Üç yüz yazılık bir koleksiyonun şablonuna aynı bloğu koyarsanız üç yüz sayfa da aynı adı ve aynı URL'yi bildirir. Önce bloğu üretip kopyalayın, sonra Collection Page şablonuna bir Embed elementi ekleyin, bloğu içine yapıştırın ve sabit değerleri Add Field ile ilgili CMS alanlarıyla değiştirin. Dinamik alanı eklemek sizin adımınız; tırnak, süslü parantez ve @type düzeni araçtan geldiği için bozulma riski çok daha küçüktür. Organization ve WebSite bloğu ise sabit kalmalıdır, bunları şablona bağlamaya çalışmayın. Bu yöntem bloğun doğru kurulduğunu gösterir ama her CMS öğesinde doğru alanın dolduğunu göstermez; üç dört öğeyi açıp tek tek bakın.
Yayından sonra sonucu okuma
Designer önizlemesi işaretlemeyi göstermez; yayınlanmış sayfanın adresini Schema Checker'a ya da Google'ın Rich Results Test aracına verin. Blok görünmüyorsa genellikle siteyi yeniden yayınlamamışsınızdır ya da kodu yanlış alana koymuşsunuzdur. Hata çıkmasa bile bu, Google'ın zengin sonuç göstereceği anlamına gelmez; geçerli işaretleme yalnızca uygun olmanızı sağlar. LocalBusiness için telefon, adres ve çalışma saatlerini Google Business Profile ile birebir aynı yazın; araç profilinizi okumaz, eşleşmeyi siz sağlarsınız. Çalışma saatlerini 'Mo-Fr 09:00-17:00' biçiminde, her satıra bir kayıt gelecek şekilde girin. Diş kliniği ya da restoran gibi bir alt tür istiyorsanız kopyaladıktan sonra @type değerini elle Dentist ya da Restaurant yapın.
Bu aracın söylemediği şeyler
- Araç siteyi, Google Business Profile'ı ya da CMS alanlarınızı okumaz; yalnızca yazdığınız değerleri kullanır, eşleşmeyi siz sağlarsınız.
- Sonuç Google'ın kurallarına karşı doğrulanmış değildir ve hiçbir şey yayınlamaz; yapıştırdıktan sonra Schema Checker ya da Rich Results Test ile sınayın.
- Zengin sonuç, harita paketinde yer alma, dizine girme veya sıralama garantisi vermez.
- Koordinat, yorum, puan ve priceRange üretilmez; alt tür için @type değerini kopyaladıktan sonra elle değiştirirsiniz.
Örnek senaryolar
1. Klinik sitesinin iletişim sayfası için yerel işletme bloğu
- Durum
- Örnek olarak: Bir tasarımcı 12 sayfalık bir klinik sitesini Webflow'da teslim ediyor; iletişim sayfasında adres yalnızca düz metin olarak duruyor ve hiç yapısal veri yok.
- Girdi
- Tür: LocalBusiness; Name: Örnek Diş Kliniği; URL:
https://ornekklinik.com/iletisim; Telefon: +90 212 000 00 00; Çalışma saatleri iki satır: 'Mo-Fr 09:00-18:00' ve 'Sa 10:00-14:00'; adres alanları dolu. - Sonucu yorumlama
- Araç, içinde iç içe PostalAddress ve openingHours bulunan tek bir script bloğu döndürür; boş bıraktığınız alanlar bloğa yazılmaz. Adresi Business Profile ile karşılaştırın, istiyorsanız @type değerini elle Dentist yapın ve bloğu yalnızca iletişim sayfasının Page Settings ekranındaki Custom Code alanına koyun.
2. Ajans sitesinde tek seferlik Organization bloğu
- Durum
- Örnek olarak: Bir ajansın 40 sayfalık Webflow sitesinde marka adı ve logo hiçbir yerde işaretlenmemiş; tasarımcı bunu her sayfaya tek tek eklemek istemiyor.
- Girdi
- Tür: Organization; Name: Örnek Ajans; URL:
https://ornekajans.com; Logo:https://ornekajans.com/assets/logo.png; Description: iki cümlelik kısa tanım. - Sonucu yorumlama
- Çıktı, name, url, logo ve description içeren kısa bir blok olur. Site settings altındaki Head Code alanına bir kez yapıştırırsanız yayınlandıktan sonra 40 sayfanın hepsinde bulunur. Sayfa kaynağında bloğu bir kez görmeniz yeterli; zengin sonuç ya da sıralama değişikliği bu bloktan beklenmemelidir.
Sık yapılan hatalar
- URL olarak webflow.io adresini yazmak. Hazırlık alan adını bloğa koyarsanız işaretleme canlı sitenizi değil staging adresini tanıtır; her zaman canlı alan adını yazın.
- Aynı bloğu tüm CMS öğelerine kopyalamak. Collection Page şablonuna sabit değerli bir blok koymak her yazıyı aynı başlıkla tanıtır; sayfaya özgü alanları Embed içinde Add Field ile bağlayın.
- Yalnızca Designer önizlemesine bakmak. İşaretleme siteyi yayınlamadan görünmez; yayınladıktan sonra canlı adresi Schema Checker ile deneyin.
- Bloğu hem Head Code'a hem sayfaya koymak. Aynı Organization bloğunu iki yere eklemek çift işaretleme üretir; site geneline gidecek bloğu yalnızca bir yerde tutun.
Sık sorulan sorular
Webflow'da schema markup nasıl eklenir?
Webflow'da yerleşik bir schema özelliği olmadığı için JSON-LD'yi özel kod olarak eklersiniz. Site geneli için Site settings içindeki Custom Code bölümünde Head Code alanını, tek sayfa için o sayfanın Page Settings ekranındaki Custom Code alanını kullanın. CMS şablonunda ise Embed elementi işe yarar. Bloğu araçla üretip yapıştırdıktan sonra siteyi yeniden yayınlamayı unutmayın, çünkü kod yayından önce görünmez.
Webflow CMS şablonunda schema dinamik olur mu?
Evet, ama bu adım araçta değil Webflow'da yapılır. Araç yalnızca sabit değerlerle blok üretir. Bloğu Collection Page şablonundaki bir Embed elementine yapıştırıp ad, URL ve açıklama gibi değerleri Add Field ile CMS alanlarına bağlarsınız. Yayından sonra birkaç farklı öğeyi açıp her birinde doğru değerin geldiğini sayfa kaynağından tek tek kontrol edin, çünkü boş bir CMS alanı bloğu bozabilir.
Schema ekledim, Google'da zengin sonuç neden çıkmıyor?
Geçerli işaretleme yalnızca uygun olmanızı sağlar; zengin sonucu gösterip göstermeyeceğine Google karar verir ve bunun için süre de gerekir. Önce yayınlanmış sayfada Schema Checker ya da Rich Results Test ile hata olmadığını doğrulayın. Hata yoksa işaretlemeyi sürekli değiştirmeyin, sayfa içeriğinin işaretlemeyle uyuştuğundan emin olup bekleyin; araç hiçbir sonucu garanti etmez.
Webflow sitemde webflow.io adresi dizine girmesin diye ne yapmalıyım?
Bu araç dizine girmeyi yönetmez, yalnızca JSON-LD üretir. Ancak bloğa her zaman canlı alan adınızı yazın, webflow.io adresini kullanmayın. Staging alan adının dizine girmesini engellemek için Webflow'un site ayarlarındaki ilgili seçeneğe bakın. robots.txt tek başına yeterli değildir; çünkü tarama ile dizine girme farklı şeylerdir ve Google'da zaten bulunan sayfalar kendiliğinden kalkmaz.
Schema (JSON-LD) Oluşturucu hangi türleri üretiyor?
Organization, WebSite, Article ve LocalBusiness türlerini üretir. Ad zorunludur; URL, logo ya da görsel adresi ve açıklama isteğe bağlıdır. LocalBusiness için telefon, adres, çalışma saatleri ve Google Maps bağlantısı da girebilirsiniz. Çıktı, kopyalama düğmesi olan hazır bir script bloğudur. Restoran ya da diş hekimi gibi alt türler için @type değerini elle değiştirmeniz gerekir.
Kaynak: Webflow'da schema işaretlemesi için yerleşik bir özellik olmadığını ve özel kod gerektiğini SiteGuru'nun Webflow SEO rehberi de belirtiyor.