Hizmet 04 — Web
SEO uyumlu web tasarım.
SEO uyumlu web tasarım, sitenin arama motorlarının anlayabildiği bir mimariyle, hızlı ve ölçülebilir biçimde kurulmasıdır. Web tarafını yalnızca görsel tasarım olarak ele almıyorum; bilgi mimarisi, geliştirme, performans, ölçümleme ve dönüşüm tek bir sistem olarak kurulur.
Web görüşmesi →SEO uyumlu web tasarım nedir?
SEO uyumlu web tasarım, bir sitenin arama motorları tarafından taranabilen, anlaşılabilen ve hızlı yüklenen bir yapıda kurulmasıdır. Sonradan eklenen bir özellik değildir; sayfa ağacı, adres yapısı, başlık hiyerarşisi ve kod, tasarımın ilk gününden bu hedefle belirlenir.
Bir sitenin güzel görünmesi ile arama motorunun onu anlaması iki ayrı konudur. Görsel olarak etkileyici bir site, içeriğini yalnızca tarayıcıda çalışan JavaScript ile üretiyorsa ya da her sayfası aynı başlığı taşıyorsa arama sonuçlarında karşılık bulamaz. Tersine, arama için kusursuz ama ziyaretçiyi ikna etmeyen bir site de kazandığı trafiği boşa harcar.
Benim tanımımda SEO uyumlu site üç şeyi birlikte yapar: bulunur, anlaşılır ve dönüştürür.
Bir siteyi SEO uyumlu yapan nedir?
Dokuz ölçüt. Hiçbiri eklentiyle sonradan elde edilmez; hepsi tasarım ve geliştirme kararlarının sonucudur.
| Ölçüt | Ne anlama gelir |
|---|---|
| Taranabilir mimari | Önemli her sayfaya ana sayfadan birkaç tıklamayla ve gerçek bağlantılarla ulaşılır. |
| Sunucuda üretilen içerik | İçerik, JavaScript çalışmadan da HTML'de bulunur. |
| Mobil öncelik | Mobil sürüm, masaüstüyle aynı içeriği ve aynı yapılandırılmış veriyi taşır. |
| Hız | LCP en fazla 2,5 saniye, INP en fazla 200 milisaniye, CLS en fazla 0,1'dir. |
| Anlamlı HTML | Her sayfada tek H1 bulunur; başlıklar görsel tercih değil, içeriğin iskeletidir. |
| Benzersiz başlık ve açıklama | Her sayfanın title ve description alanı, o sayfanın cevap verdiği soruya göre yazılır. |
| Yapılandırılmış veri | Sayfada görünen içerik schema.org işaretlemesiyle makineler için netleştirilir. |
| Adres ve yönlendirme | Adresler kısa ve kalıcıdır; kanonik etiketler doğrudur; yönlendirmeler zincirlenmez. |
| Erişilebilirlik | Alt metin, yeterli kontrast ve klavyeyle gezinme sağlanır; erişilebilir site makineler için de daha okunaklıdır. |
Bu ölçütlerin kaynağı Google'ın kendi dokümanlarıdır. Başlık, açıklama ve bağlantı yapısına dair temel öneriler SEO başlangıç rehberinde yer alır. Google indeksleme ve sıralama için sitenin mobil sürümünü kullanır; JavaScript rehberinde ise sunucu tarafında üretimin hem kullanıcılar hem tarayıcılar için daha hızlı olduğunu ve her botun JavaScript çalıştıramadığını belirtir.
Hız eşikleri Core Web Vitals tanımından gelir ve ziyaretlerin yüzde 75'inde sağlanması beklenir. Erişilebilirlik için başvuru kaynağı W3C'nin WCAG yönergeleridir.
Web tasarım süreci nasıl işler?
Sıra önemlidir: yapı ve ölçümleme görselden önce gelir. Yayına geçtiğinde site yalnızca güzel değil, ölçülebilir ve taranabilir olur.
- 01
Bilgi mimarisi
Kullanıcının ve arama motorunun aynı anda anladığı sayfa ağacı; iş hedeflerine bağlı akışlar.
- 02
UX / UI yönlendirmesi
Karar mimarisi önce, estetik sonra. Markaya özgü, net ve zamansız görsel dil.
- 03
SEO uyumlu yapı
URL, başlık hiyerarşisi, yapılandırılmış veri ve içerik yerleşimi baştan doğru.
- 04
Geliştirme
Projeye uygun altyapıda temiz, semantik, taranabilir kod.
- 05
Performans
Core Web Vitals hedefli; hız tasarım kararı olarak ele alınır, sonradan eklenmez.
- 06
Ölçümleme
GA4, GTM ve dönüşüm olayları yayına geçmeden kurulur ve doğrulanır.
- 07
Dönüşüm yapısı ve yayına geçiş
CTA, form ve akışlar; yönlendirmeler ve geçiş planı; yayın sonrası ilk ölçüm.
Web sitesini onarmak mı, yeniden kurmak mı, platform değiştirmek mi?
Karar teknik değil, ticaridir. Mevcut yapının durumu, katalog ve operasyon birlikte değerlendirilir; her yolda SEO sürekliliği ve ölçümleme planın parçasıdır.
Onar
Yapı sağlam, sorunlar yüzeyde: hız, içerik yerleşimi, dönüşüm akışı. Mevcut altyapı korunur, ölçülebilir iyileştirmelerle ilerlenir.
- Teknik ve UX denetimi
- Öncelikli düzeltmeler
- Ölçümleme kurulumu
Yeniden kur
Teknik ve yapısal problemler birikmiş; düzeltmek, yeniden kurmaktan pahalı. Mimari baştan arama ve dönüşüm için tasarlanır.
- Bilgi mimarisi sıfırdan
- SEO sürekliliği planı
- Yayına geçiş ve devir
Platform değiştir
Altyapı operasyonu sınırlıyor: bakım yükü, performans, entegrasyon. Geçiş, görünürlük kaybetmeden ve ölçümleme kesilmeden yönetilir.
- URL ve içerik eşleme
- Yönlendirme planı
- Ölçümlemenin yeniden kurulması
Hangi altyapı: Next.js, WordPress, İkas?
| Ölçüt | Next.js / React | WordPress | İkas |
|---|---|---|---|
| En uygun olduğu yer | Özel arayüz ve yüksek performans isteyen kurumsal siteler | İçerik ağırlıklı, ekibin kendi yöneteceği siteler | Katalog, ödeme ve kargo operasyonu olan e-ticaret |
| Güçlü yanı | Sunucu tarafında üretim, tam kontrol ve hız | Yaygın ekosistem ve kolay içerik yönetimi | Hazır e-ticaret altyapısı ve düşük bakım yükü |
| Dikkat edilecek nokta | Geliştirici gerektirir; içerik paneli ayrıca kurulur | Eklenti ve tema yükü hızı ve güvenliği zayıflatabilir | Hazır altyapının sınırları içinde çalışılır; özel geliştirme alanı daha dardır |
| İçerik yönetimi | Bağlı bir içerik paneliyle (headless CMS) | Yerleşik panel | Yerleşik panel |
Altyapı seçimi projenin ihtiyacına göre yapılır: en yeni olan değil, kataloğa, ekibe ve operasyona uygun olan. Bu site Next.js ile kuruldu. Bir baskı üretim markasının geçişini ise WordPress'ten İkas'a yönettim, çünkü oradaki ihtiyaç özel bir arayüz değil, sorunsuz çalışan bir e-ticaret operasyonuydu.
Site yenilenirken arama görünürlüğü nasıl korunur?
Yeni bir site yayına girdiğinde görünürlüğün düşmesinin nedeni çoğu zaman tasarım değil, kaybolan adreslerdir. Eski sayfaların yıllar içinde biriktirdiği değer, adres değiştiğinde ve yönlendirme yapılmadığında sıfırlanır. Bu yüzden taşıma planı tasarımla aynı gün başlar:
- Envanter: Mevcut bütün adresler site haritasından, analitikten ve arama verisinden listelenir.
- Eşleme: Her eski adres, yeni sitedeki karşılığıyla birebir eşlenir.
- Yönlendirme: Kalıcı (301) yönlendirmeler yayın anında devreye girer; zincirleme yönlendirmeden kaçınılır.
- Kontrol: Başlıklar, kanonik etiketler, iç bağlantılar ve yapılandırılmış veri yeni sitede doğrulanır.
- İzleme: İlk haftalarda tarama, indeksleme ve sorgu verisi yakından takip edilir.
Google'ın site taşıma rehberi, yönlendirmelerin mümkün olduğunca uzun, genellikle en az bir yıl tutulmasını önerir ve taşıma sırasında görünürlüğün geçici olarak dalgalanabileceğini belirtir. Bir araç kiralama markasının altyapı geçişinde ve bir baskı üretim sitesinin platform değişikliğinde bu planı uyguladım; ikisi de vaka çalışmaları sayfasında anlatılıyor.
Yayın öncesi kontrol listesi.
Bir siteyi yayına almadan önce şu sekiz kontrolü yaparım:
- Test ortamındaki noindex etiketi ve robots.txt engeli kaldırıldı.
- Eski adreslerin tamamı yeni adreslere kalıcı olarak yönleniyor; zincir ve döngü yok.
- Her sayfanın title, description ve kanonik etiketi doğru ve benzersiz.
- XML site haritası güncel ve Search Console'a gönderildi.
- Analitik ve dönüşüm olayları canlı ortamda test edildi.
- Formlar çalışıyor; bildirim e-postaları ulaşıyor.
- Mobilde hız ölçüldü; Core Web Vitals eşikleri sağlanıyor.
- Yapılandırılmış veri doğrulandı; 404 sayfası hazır.
Liste kısa görünür, ama plansız yayınlarda görünürlük kaybının büyük bölümü ilk iki maddeden kaynaklanır.
Web tasarım hizmeti neleri kapsar?
Süreç yönetimi ve uygulama bende; tasarımdan yayına tek muhatap.
- 01
Bilgi mimarisi
Sayfa ağacı, navigasyon, içerik hiyerarşisi ve kullanıcı akışları.
- 02
UX / UI yönlendirmesi
Karar mimarisi, arayüz dili, bileşen sistemi.
- 03
SEO uyumlu yapı
URL, başlık hiyerarşisi, yapılandırılmış veri, içerik yerleşimi.
- 04
Geliştirme
Next.js/React, WordPress ya da e-ticaret altyapısında uygulama.
- 05
Performans
Core Web Vitals, görsel ve kod optimizasyonu, sunucu tarafı.
- 06
Ölçümleme
GA4, GTM, dönüşüm olayları ve doğrulama.
- 07
Dönüşüm yapısı
CTA, form, akış ve teklif yerleşimi; dönüşüm için iyileştirme.
- 08
Yayına geçiş ve devir
Yönlendirmeler, geçiş planı, ekip için yönetim rehberi.
Web tasarım fiyatını ne belirler?
Web tasarım tekliflerinin birbirinden çok farklı olmasının nedeni, aynı kelimenin farklı işleri anlatmasıdır. Hazır bir temanın uyarlanması ile mimarisi, içeriği ve ölçümü baştan kurulan bir site aynı iş değildir. Teklifi şu etkenler belirler:
- Sayfa şablonu sayısı ve özel tasarım düzeyi
- İçeriğin kim tarafından hazırlanacağı
- Altyapı: hazır platform ya da özel geliştirme
- Entegrasyonlar: ödeme, stok, CRM ve çok dillilik
- Mevcut siteden taşıma ve yönlendirme kapsamı
- Yayın sonrası bakım ve ölçüm
Teklif alırken karşılaştırılması gereken şey toplam bedel değil, teslim edilecekler listesidir.
Teslimde neler sizin olmalı?
Proje bittiğinde şunların sizin adınıza kayıtlı ve erişilebilir olması gerekir:
- Alan adı ve barındırma hesabı
- Kaynak kod ya da tema dosyaları
- İçerik panelinin yönetici hesabı
- Analitik ve etiket yöneticisi hesapları
- Sitenin nasıl güncelleneceğini anlatan kısa bir kullanım rehberi
Bu erişimlerden herhangi biri yalnızca siteyi yapan tarafta kalıyorsa site fiilen size ait değildir. Teslim listesini teklif aşamasında yazılı olarak isteyin.
Web projelerinde en sık yapılan dört hata.
SEO'yu yayından sonraya bırakmak
Adres yapısı ve sayfa ağacı yayından sonra değiştirilirse her değişiklik yeni bir taşıma demektir.
İçeriği en sona bırakmak
Tasarım örnek metinle onaylanır; gerçek içerik geldiğinde sayfa düzeni bozulur ve yayın gecikir.
Ağır tema ve eklentiler
Kullanılmayan onlarca özellik her sayfada yüklenir; hız ve güvenlik birlikte zayıflar.
Ölçümsüz yayın
Dönüşüm olayları kurulmadan yayına giren site, hangi sayfanın işe yaradığını ilk günden itibaren söyleyemez.
Web tasarım: sık sorulan sorular.
Tanım, teknoloji, süre, fiyat ve taşınma: web projelerinde ilk sorulanlar.
SEO uyumlu site ne demek?
Arama motorlarının tarayabildiği, içeriğini anlayabildiği ve hızlı yüklenen site demektir. Sayfa ağacı, adres yapısı, başlık hiyerarşisi ve kod bu hedefle kurulur; sonradan eklenen bir eklentiyle elde edilmez.
Hangi teknolojiler kullanılır?
İhtiyaca göre seçilir. Performans ve esneklik gerektiren kurumsal siteler için Next.js ve React; içerik ağırlıklı ve ekip tarafından yönetilecek siteler için WordPress; katalog ve operasyon için İkas gibi e-ticaret altyapıları.
Mevcut siteyi baştan yapmak gerekir mi?
Her zaman değil. Önce mevcut yapı denetlenir. Yapı sağlamsa onarılır; teknik borç birikmişse yeniden kurulur; altyapı operasyonu sınırlıyorsa platform değiştirilir. Karar teknik değil, ticaridir.
Süreç ne kadar sürer?
Süre sayfa sayısından çok karar hızına bağlıdır. Bilgi mimarisi ve içerik hazırlığı genellikle en uzun aşamadır. Net takvim, kapsamla birlikte teklifte verilir.
Taşınma sırasında arama görünürlüğü kaybolur mu?
Plan yapılırsa korunur. Mevcut adresler listelenir, yeni adreslerle birebir eşlenir, yönlendirmeler yayın anında devreye alınır ve ilk haftalarda tarama ile indeksleme izlenir.
İçerik ve görseller kimden gelir?
Sayfa yapısı, mesaj hiyerarşisi ve metin brief'i bende. Metin üretimi ve görseller, ihtiyaca göre benim tarafımdan ya da sizin ekibinizle hazırlanır. Yapı her durumda içerikten önce netleşir.
Web tasarım fiyatı neye göre değişir?
Sayfa şablonu sayısına, özel tasarım düzeyine, altyapıya, entegrasyonlara, içeriğin kim tarafından hazırlanacağına ve taşıma kapsamına göre değişir. Teklifleri toplam bedelle değil, teslim edilecekler listesiyle karşılaştırmak gerekir.
Yayından sonra ne olur?
Yayın işin sonu değil, ölçümün başlangıcıdır. İlk 90 günde tarama, yönlendirmeler ve dönüşüm olayları izlenir. Sonrasında site aylık yönetim kapsamında sürdürülür ya da ekibinize devredilir.
( Yazar ve kaynaklar )
Baran Hisoğlu
Digital Marketing Director
Bu sayfadaki yöntem ve gözlemler yürüttüğüm web projelerine dayanır: sıfırdan kurulan siteler, altyapı geçişleri ve platform taşımaları. Bu site de aynı ilkelerle, Next.js üzerinde kuruldu.
- SEO Starter GuideGoogle Search Central
- Mobile-first indexing best practicesGoogle Search Central
- Understand JavaScript SEO basicsGoogle Search Central
- Site moves with URL changesGoogle Search Central
- Web Vitalsweb.dev
- WCAG 2 OverviewW3C Web Accessibility Initiative
Siteyi bir sisteme çevirelim.
Mevcut sitenizi ya da yeni projenizi bilgi mimarisinden yayına birlikte planlayalım.