Webflow tasarımcıları için Meta Etiket Analizcisi

Webflow tasarımcıları neden buna ihtiyaç duyar?

Webflow'da hazırladığınız bir blog şablonunu yayına aldınız, ama Google'da sonuçlar hep aynı kalıpta görünüyor: başlık kesik, açıklama boş, paylaşımda küçük resim yok. Designer içinde her şey doğru bağlanmış gibiydi; sorun şu ki Collection sayfasındaki dinamik alanlar boş bir CMS öğesinde sessizce boş kalabilir. Üstüne webflow.io hazırlık alan adı dizine girdiyse aynı içeriğin iki kopyası dolaşabilir ve robots.txt ile engellemek Google'da zaten bulunan sayfaları kaldırmaz. Webflow'da yerleşik schema özelliği de olmadığı için kodun elle eklendiği her yerde bir şeylerin gözden kaçma ihtimali artar. Binlerce CMS öğesi olan sitelerde alttaki koda sınırlı erişim, bu kontrolü ister istemez canlı çıktıya taşır.

Meta Etiket Analizcisi tam bu noktada işe yarar. Canlı bir URL yapıştırırsınız; araç sayfanın head bölümünden başlığı, açıklamayı, robots ve canonical değerlerini, Open Graph ile Twitter Kart etiketlerini çıkarır; robots dışındakilere geçti, uyarı ya da başarısız kararı verir. Böylece Designer'da ne kurduğunuza değil, tarayıcıya fiilen ne gittiğine bakarsınız. Rapor etiketleri İngilizcedir; hangi şablon alanının düzeltileceğini satırlardan siz çıkarırsınız.

Webflow tasarımcıları için rehber

İlk bakılacak yer: Collection şablonu

Tek bir CMS öğesinin yayındaki adresini yapıştırarak başlayın, örneğin https://siteniz.com/blog/webflow-seo-checklist. Collection sayfasının ayarlarındaki SEO Settings bölümünde başlık ve meta açıklaması alanlarına CMS alanlarını bağlamış olmalısınız; araç, bu bağlamanın canlı sayfada gerçekte ne ürettiğini gösterir. Başlık satırında 30-60 karakter aralığına, açıklama satırında 70-160 karakter aralığına bakın. Aynı şablondan uzun başlıklı bir öğeyi, bir de açıklama alanı boş bırakılmış öğeyi deneyin; kural dışı öğeler sorunu genellikle ilk onlar gösterir. Sayfayı yeni düzelttiyseniz Publish sonrası yeniden çalıştırın. Bu kontrol on dakikanızı almaz. Raporun göstermediği şey şu: tek bir öğenin temiz çıkması, aynı Collection'daki diğer yüzlerce öğenin de temiz olduğunu kanıtlamaz.

Sonucu okumak: Request Details ve Social Preview

Raporda önce Request Details bloğuna bakın. Final URL beklediğiniz adresten farklıysa bir yönlendirme devrededir ve canonical satırını o son adrese göre yorumlamanız gerekir. Meta robots satırında Default (index, follow) yazması, sayfada robots etiketi olmadığı anlamına gelir. Aynı sayfanın webflow.io adresini de yapıştırıp bu satırı karşılaştırın. Duplicate tags satırı ikinci bir title, canonical ya da og:image kopyasını sayar; özel kodla eklediğiniz bir etiket şablonun ürettiğiyle çakışırsa burada 2x görürsünüz, ama bu satır puana girmez. Social Preview bloğunda No og:image yazıyorsa CMS görsel alanı bağlı değildir ya da o öğede boştur. Araç sayfayı giriş yapmadan çeker, robots.txt dosyasını okumaz ve sayfanın dizinde olup olmadığını bilmez; bunun için Search Console'daki URL Denetimi gerekir.

Düzeltme sırası: indeksleme, sonra snippet

Noindex ve canonical ilk sırada olsun, ardından başlık ile açıklama, en sonda sosyal etiketler gelsin. Canonical için Site settings içindeki SEO sekmesinde Global canonical tag URL alanını doldurun; http, https ve www varyantlarının yarattığı kopya riskini bu azaltır. Webflow subdomain'inin dizine girmesini ise aynı SEO sekmesindeki ilgili seçenekle kapatıp siteyi yeniden Publish edin; seçenek robots.txt ile çalıştığı için rapora yansımaz. Başlık ya da açıklama boşsa Collection şablonunda alanı bağlayın, CMS öğesinde de doldurun. og:image eksikse Open Graph ayarında görseli CMS görsel alanına bağlayın. Schema için yerleşik özellik olmadığından JSON-LD'yi sayfa ya da şablon ayarlarındaki özel koda elle eklersiniz; bu araç schema'yı denetlemez. Her düzeltmeden sonra aynı URL'yi yeniden çalıştırın. Puanın yükselmesi sıralama ya da dizine girme vaadi değildir.

Örnek senaryolar

Sık yapılan hatalar

• Tek öğeye bakıp şablonu onaylamak. Bir CMS öğesinin temiz çıkması tüm Collection'ın temiz olduğunu göstermez. Alanı boş bırakılmış ve çok uzun başlıklı öğeleri de deneyin.
• webflow.io adresini unutmak. Yalnızca canlı alan adını kontrol edip hazırlık adresini atlamak, kopya içeriğin dizine girmesine yol açabilir. İki adresi de ayrı ayrı çalıştırın.
• robots.txt ile sorunun çözüldüğünü sanmak. Robots.txt taramayı kısıtlar, dizindeki sayfaları kaldırmaz. Bu aracın robots.txt dosyasını okumadığını da aklınızda tutun.
• Schema kodunun bu raporda görüneceğini beklemek. Rapor JSON-LD'yi değil başlık, açıklama, robots, canonical ve sosyal etiketleri okur. Elle eklediğiniz yapılandırılmış veriyi ayrı bir denetimle doğrulayın.
• Düzeltmeyi Publish etmeden tekrar test etmek. Designer'daki değişiklik yayınlanmadan canlı sayfaya yansımaz. Raporu eski çıktıyla görüp yanlış sonuca varmamak için önce Publish edin.

Sık sorulan sorular

Webflow CMS'te başlık ve meta açıklaması doğru bağlanmış mı, nasıl kontrol ederim?

Collection şablonunda SEO Settings alanlarına CMS alanlarını bağladıktan sonra siteyi Publish edin ve yayındaki bir öğenin tam adresini aracın kutusuna yapıştırın. Rapordaki başlık satırı 30-60 karakter, açıklama satırı 70-160 karakter aralığına göre karar verir. Bağlama doğruysa değer, öğenin kendi alanındaki metinle eşleşir. Canlı çıktıya baktığınız için boş kalan alanları da hemen yakalarsınız. Yine de rapor yalnızca o tek öğeyi gösterir; birkaç farklı öğeyi daha deneyin.

Webflow.io alt alan adının dizine girmesini nasıl engellerim, araç bunu gösterir mi?

Site settings içindeki SEO sekmesinde Webflow subdomain'inin dizine eklenmesini kapatan bir seçenek bulunur; Webflow'a göre ücretli plan ister. Seçeneği etkinleştirip siteyi yeniden Publish edin. Seçenek alt alan adında bir robots.txt yayımlar; araç bu dosyayı okumadığı için Meta robots satırı değişmeyebilir, bu yüzden webflow.io adresindeki /robots.txt dosyasına bakın. Araç sayfanın Google'da olup olmadığını da söylemez. Robots.txt taramayı durdurur ama dizindeki sayfaları kaldırmaz; zaten dizindeyse Search Console üzerinden ilerlemeniz gerekir.

Webflow canonical tag doğru mu, nasıl anlarım?

Raporun Canonical satırı, sayfanın bildirdiği tercih edilen adresi gösterir. Bu adres, seçtiğiniz https ve www ya da www'siz biçimle birebir aynı olmalı. Farklıysa Site settings içindeki SEO sekmesinde Global canonical tag URL alanını kontrol edin. Request Details'taki Final URL satırı da bir yönlendirme olup olmadığını gösterir. Araç, canonical'ın Google tarafından kabul edilip edilmediğini bilemez; yalnızca sayfada ne yazdığını okur. Duplicate tags satırında 2x canonical çıkarsa özel kodunuzu gözden geçirin.

Webflow schema markup ekledim, bu araç onu da kontrol eder mi?

Hayır; araç başlık, açıklama, robots, canonical, Open Graph ve Twitter Kart etiketlerine bakar, JSON-LD'yi okumaz. Webflow'da yerleşik bir schema özelliği olmadığı için kodu sayfa ya da şablon ayarlarındaki özel koda elle yapıştırırsınız. Kodun sayfada gerçekten yayınlandığını ve geçerli olduğunu ayrı bir schema denetimiyle doğrulamanız gerekir. Meta Etiket Analizcisi'ni aynı sayfanın temel etiketlerini teyit etmek için kullanın; ikisi birbirini tamamlar ama yerine geçmez.

Webflow SEO checklist'ime bu kontrolü hangi adımda eklemeliyim?

Yayına aldıktan hemen sonra, canlı adreste çalıştırın; en az bir statik sayfa, bir blog öğesi ve bir liste sayfası deneyin. Müşteri teslimi sırasında raporları kaydedin, böylece sonradan bir şablon değişikliği etiketleri bozarsa karşılaştırabilirsiniz. Araç ücretsizdir ve kayıt istemez. Ancak sıralama, hız ya da içerik kalitesi hakkında bir şey söylemez; checklist'te bu kalemler için ayrı kontroller bulundurun.

Kaynak: Webflow SEO: How to Fully Optimize Your Webflow Site başlıklı yazı, webflow.io hazırlık alan adının dizine girmesinin kopya içerik yaratabileceğini ve robots.txt'in taramayı yönettiğini, dizine eklemeyi değil, anlatır.