SEO uyumlu web tasarım nedir?
Kısa cevap: SEO uyumlu web tasarım, sitenin Google ve diğer arama motorlarında bulunabilmesi için gereken yapının tasarım ve kodlama aşamasında kurulmasıdır: anlamlı adresler, her konuya tek sayfa, düzenli başlıklar, hızlı ve mobil uyumlu şablonlar, yapılandırılmış veri ve doğru yönlendirmeler. Amaç, SEO çalışmasının sağlam bir temel üzerinde başlamasıdır; tek başına sıralama garantisi değildir.
“SEO uyumlu site” ifadesi çoğu zaman yalnızca bir eklenti kurmak ya da başlık alanını doldurmak olarak anlaşılır. Oysa belirleyici kararların büyük bölümü daha tasarım başlamadan, sayfa listesi çıkarılırken verilir. Hangi hizmetin kendi sayfası olacağı sonradan değiştiğinde adresler, menü ve iç bağlantılar da birlikte değişir.
SEO uyumlu site ile sıradan site arasındaki fark
| Konu | Sıradan site | SEO uyumlu site |
|---|---|---|
| Sayfa yapısı | Şirketin iç düzenine göre | Müşterinin aradığı konulara göre |
| Adresler | Rastgele veya sistem üretimi | Kısa, okunur ve kalıcı |
| Başlıklar | Görünüşe göre seçilir | Tek H1, sıralı H2 ve H3 |
| Metin | Görsel içinde veya JavaScript sonrası | Sunucu HTML’inde okunabilir |
| Hız | Yayından sonra düşünülür | Şablonda ölçülerek kurulur |
| Site yenileme | Eski adresler kaybolur | Adres adres 301 planı yapılır |
SEO uyumlu web sitesi nasıl yapılır?
- Talep haritası çıkarılır. Mevcut Search Console verisi ve arama sonuçları incelenir; hangi sorgunun hangi niyeti taşıdığı belirlenir.
- Sayfa mimarisi kurulur. Her niyet için tek sahip sayfa seçilir. Aynı konuyu hedefleyen iki sayfa birbirini zayıflatacağı için en baştan ayrıştırılır.
- Şablon tasarlanır. Başlık düzeni, metin alanları, görsel ölçüleri ve mobil davranış tasarımın parçası olarak ele alınır.
- İçerik hazırlanır. Her sayfa ilk paragrafta soruyu cevaplar; ardından süreç, karşılaştırma ve sık sorulan sorularla derinleşir.
- Teknik temel kodlanır. Canonical, site haritası, yapılandırılmış veri, yönlendirmeler ve hız ayarları geliştirme sırasında yapılır.
- Yayından sonra ölçülür. Search Console’da dizine alma, sorgular ve sıralama izlenir; veriye göre sayfalar geliştirilir.
Google’ın temel önerileri için SEO başlangıç rehberine bakabilirsiniz.
14 maddelik SEO uyumlu tasarım kontrol listesi
Yayın öncesinde her maddeyi aşağıdaki araçla doğrulamak yeterlidir. Mevcut sitenizi de aynı listeyle kontrol edebilirsiniz.
| Madde | Doğru durum | Nasıl kontrol edilir |
|---|---|---|
| 1. Adres yapısı | Kısa, okunur, kalıcı | Sayfa listesi |
| 2. Tek sahip sayfa | Her konuya bir sayfa | Sorgu ve sayfa eşlemesi |
| 3. Title | Benzersiz, konu başta | Tarama aracı |
| 4. Meta açıklama | Sayfaya özel, aramayı cevaplar | Tarama aracı |
| 5. Başlıklar | Tek H1, sıralı H2 ve H3 | Sayfa kaynağı |
| 6. Metin | Sunucu HTML’inde görünür | Search Console URL denetimi |
| 7. Mobil uyum | Yatay taşma yok, dokunma alanı yeterli | Gerçek telefon öykünmesi |
| 8. Hız | LCP en fazla 2,5 sn, INP en fazla 200 ms, CLS en fazla 0,1 | PageSpeed Insights |
| 9. Görseller | Doğru ölçü, WebP veya AVIF, alt metin | PageSpeed Insights |
| 10. Canonical | Sayfa kendini gösterir | Sayfa kaynağı |
| 11. Yapılandırılmış veri | Görünen içerikle aynı bilgi | Zengin Sonuçlar Testi |
| 12. Site haritası | Yalnız dizine açık sayfalar | Search Console |
| 13. İç bağlantılar | Her sayfaya anlamlı bağlantı, kırık yok | Bağlantı taraması |
| 14. Yönlendirmeler | Eski adres tek adımda doğru sayfaya | Adres listesi ve HTTP testi |
Meta keywords etiketi ve sosyal medya paylaşım düğmeleri bu listede yoktur; Google sıralamada meta keywords etiketini kullanmaz, paylaşım düğmesi de teknik bir SEO gereği değildir.
Hız ve mobil uyum neden şablonda çözülür?
Google siteleri ağırlıklı olarak mobil sürümü üzerinden dizine alır. Bu nedenle mobilde gizlenen ya da eksik kalan içerik, arama motoru için de eksik sayılabilir. Core Web Vitals eşikleri ise gerçek kullanıcı deneyimini ölçer; yavaş bir şablonu sonradan eklentiyle tamamen düzeltmek çoğu zaman mümkün değildir.
Kendi sitemizde bunu ölçtük: ana sayfada görselleri cihaza uygun boyutlara indirip yazı tiplerini kendi sunucumuza taşıdığımızda Lighthouse mobil simülasyonunda LCP 25 saniye civarından 1,3–2,2 saniye aralığına, sayfa ağırlığı yaklaşık 6,7 MB’tan 0,6 MB’a indi. Bunlar laboratuvar ölçümüdür; yöntem site hızı optimizasyonu rehberinde anlatılmıştır. Hız odaklı iş için Core Web Vitals hizmetimize bakabilirsiniz.
Site yenilerken sıralama nasıl korunur?
Yeni tasarımın en pahalı riski güzel görünen sitenin eski trafiği kaybetmesidir. Çözüm, yayından önce eski adres listesini gösterim verisiyle birlikte çıkarmak ve her değerli adresi aynı niyeti karşılayan tek sayfaya 301 ile yönlendirmektir.
Kendi sitemizde 16 aylık Search Console verisinde 437 adres gösterim almıştı ve tek bir fiyat sayfası 64.492 gösterimle tüm tıkların yarısından fazlasını taşıyordu. Bu dağılım, “hepsini ana sayfaya yönlendir” gibi genel kuralların neden yetmediğini gösterir. Her adresi tek tek kontrol ediyor, işe yarayanı niyetine uygun sayfaya bağlıyor, konu dışı kalan içerikleri ise 410 ile kapatıyoruz.
En sık yapılan hatalar
- Tek sayfada her şeyi hedeflemek: “web tasarım, e-ticaret, SEO” aynı sayfaya yığıldığında hiçbiri net sahip olamaz.
- Metni görselin içine koymak: slider üzerindeki yazı arama motoru tarafından metin olarak okunmaz.
- Staging sitesini açık bırakmak veya canlıda noindex unutmak: ilki kopya içerik, ikincisi dizin dışı kalma demektir.
- Eski adresleri düşünmeden yayına çıkmak: birikmiş sıralamalar ve bağlantılar boşa gider.
- Şablonda büyük harfi CSS’e bırakmak: Türkçe sayfada İngilizce kelimelerin i harfi noktalı büyür ve marka adı hatalı görünür.
- Eklentiyi çözüm sanmak: SEO eklentisi alanları yönetir; hızı, mimariyi ve içeriği kurmaz.
SEO uyumlu tasarım yeterli mi?
Hayır. SEO uyumlu tasarım sitenin yarışa girebilmesini sağlar; rekabetçi aramalarda üst sıraya çıkmak için ayrıca içerik, bağlantı ve düzenli ölçüm gerekir. Bu sürekli çalışma SEO hizmetimizin, sitenin altyapı denetimi ise teknik SEO çalışmasının konusudur. Tasarım tarafında tüm kapsam için web tasarım hizmetimize, kuruma özel siteler için kurumsal web tasarım sayfamıza bakabilirsiniz.
Berpel’de nasıl çalışıyoruz?
Her yayından sonra sayfalar 320, 390 ve 1440 piksel genişlikte gerçek tarayıcıyla otomatik denetlenir; site geneli değişikliklerde bütün sayfalar ve bağlantılar taranır. Kendi sitemizde son taramada 132 sayfa üç ekran genişliğinde hatasız geçti, 54 binin üzerinde iç bağlantıda kırık bulunmadı. Müşteri projelerinde de aynı denetim düzenini kullanıyoruz.
Bütçe planlamak için web sitesi fiyatları sayfasındaki piyasa başlangıç rakamlarını inceleyebilirsiniz; Berpel’in fiyatı projeye özel belirlenir, mutlaka bizden de teklif alın.