SEO Uyumlu Web Tasarım Ne Demek, Ne Demek Değil
Teklif alırken en sık duyduğunuz cümlelerden biri: "Sitemiz SEO uyumlu olacak." Bu cümle çoğu zaman hiçbir şey söylemiyor, çünkü tanımı belirsiz. SEO uyumlu web tasarım, siteye sonradan eklenen bir özellik değil; tasarım masasında verilen ve sonradan değiştirilmesi pahalı olan bir dizi karardır.
Ne demek olmadığını söyleyerek başlayalım. Anahtar kelimeyi sayfaya yirmi kez serpiştirmek değildir. Sayfanın altına gizli metin koymak hiç değildir. Bir eklenti kurup yeşil ışık yakmak da değildir — o eklentiler sadece kontrol listesi tutar, kararı vermez.
Gerçekte olan şu: bir sayfanın nasıl bölündüğü, hangi metnin başlık olduğu, görsellerin ne kadar ağır olduğu, menünün nasıl kurulduğu ve içeriğin tarayıcıya nasıl teslim edildiği — bunların hepsi tasarım kararıdır ve hepsi arama sonuçlarını doğrudan etkiler. Tasarım bittikten sonra "şimdi SEO yapalım" demek, bina bittikten sonra kolon eklemeye benzer.
Tasarım Masasında Verilen Altı Karar
Bir projeye başlarken tasarımdan önce netleştirdiğimiz altı başlık var. Bunlar kararlaştırılmadan tek piksel çizmiyoruz.
- Sayfa amacı: Her sayfa tek bir işi yapar. Aynı işi yapan iki sayfa varsa ikisi de sıralanmaz — birbirlerini bastırırlar. Menü taslağı aslında bir arama motoru kararıdır.
- URL yapısı: Kısa, okunabilir, kalıcı. Sonradan değişen adres, biriktirdiği değeri kaybeder; yönlendirme kurtarır ama tam kurtarmaz.
- İçerik yoğunluğu: Tasarım ne kadar metne yer bırakıyor? Sadece görselden oluşan bir tasarım güzel görünür, arama motoruna anlatacak hiçbir şeyi olmaz.
- Başlık düzeni: Hangi yazı H1, hangileri H2. Bu bir yazı tipi boyutu meselesi değil, belge yapısı meselesi.
- Görsel bütçesi: Sayfa başına toplam kaç kilobayt görsel. Bu sınır baştan konmazsa sonradan konamaz.
- Mobil davranış: Küçük ekranda neyin gizleneceği. Gizlenen içerik değerlendirilir ama gizlenen içerik kullanıcıya ulaşmaz; bu dengeyi tasarımcı kurar.
Başlık Hiyerarşisini Tasarımcı Belirler
Uygulamada en sık gördüğümüz hata bu. Bir sayfada üç tane H1 oluyor, çünkü tasarımcı üç yerde büyük punto istemiş. Ya da asıl başlık görsel içine gömülmüş, tarayıcı için sayfada hiç başlık yok.
Doğrusu şu: her sayfada tek bir H1 vardır ve o sayfanın ne hakkında olduğunu söyler. Alt bölümler H2, onların altı H3. Bu sıra atlanmaz — H2'den sonra doğrudan H4'e geçilmez. Görsel olarak istediğiniz boyutu verebilirsiniz; belgenin iskeletiyle yazının puntosu ayrı şeylerdir.
Bu iskelet aynı zamanda yapay zekâ tabanlı arama sistemlerinin sayfayı okuma biçimi. Bir sayfayı özetleyip cevap olarak sunan sistemler, önce bu hiyerarşiye bakıyor. Konunun bu tarafını yapay zekâ aramalarında görünürlük yazımızda ayrıca ele aldık.
Hız Bir Tasarım Kararıdır
Sayfa hızı çoğunlukla sunucu meselesi sanılır. Deneyimimizde yavaşlığın büyük bölümü tasarım aşamasında doğar.
Tam ekran video arka planı, altı farklı yazı tipi ailesi, her bölümde beliren animasyonlar, sıkıştırılmamış görseller, üç ayrı takip kodu. Bunların her biri ayrı ayrı masum görünür, toplamı siteyi yavaşlatır. Ve bunlar tasarım onaylandıktan sonra kaldırılamaz, çünkü tasarımın kendisi olmuşlardır.
Pratik ölçümüz basit: bir sayfa mobilde ilk anlamlı içeriği iki buçuk saniyenin altında göstermeli. Tasarım bunu aşıyorsa tasarım değişir, sunucu değil. Yavaşlığın diğer kaynaklarını site yavaşlığı yazımızda tek tek listeledik.
Mobil: Küçültmek Değil, Yeniden Kurmak
Türkiye'de kurumsal sitelerin ziyaretçilerinin çoğunluğu telefondan geliyor ve Google sayfanızı mobil hâliyle değerlendiriyor. Buna rağmen tasarımların çoğu hâlâ masaüstünde çizilip mobile sıkıştırılıyor.
Sıkıştırınca ne oluyor: dokunma alanları birbirine giriyor, tablolar yatay kayıyor, formlar uzuyor, en önemli düğme katlanan menünün içine düşüyor. Ziyaretçi çıkıyor. Arama motoru bu çıkışı görüyor.
Doğru yöntem, önemli sayfaların önce dar ekranda kurulması. Dar ekranda çalışan bir düzen geniş ekranda da çalışır; tersi neredeyse hiç doğru değil.
Sonradan Düzeltmenin Maliyeti
Bu yazının asıl sebebi şu: bize gelen işlerin bir kısmı "site yeni bitti, şimdi SEO yaptıralım" diye geliyor. O aşamada yapılabileceklerin bir bölümü tasarımı bozmadan mümkün değil.
URL yapısı yanlış kurulmuşsa toplu yönlendirme gerekir. Başlık iskeleti yoksa şablon dosyalarına girilir. Görseller ağırsa hepsi yeniden üretilir. Menü mimarisi yanlışsa sayfa birleştirmeleri gerekir. Bunların toplamı, doğru başlanmış bir projede sıfır maliyetliyken sonradan ayrı bir proje hâline gelir.
Kısaca: SEO uyumlu web tasarım pahalı bir seçenek değil, sonradan yapılan SEO düzeltmesi pahalı. Süreci nasıl işlettiğimizi SEO yöntemimiz yazısında anlattık.
Teslim Öncesi Kontrol Listesi
Bir siteyi teslim almadan önce bunları isteyin. Hepsi tek tek kontrol edilebilir ve hiçbiri teknik bilgi gerektirmiyor.
- Her sayfanın kendine ait, tekrar etmeyen bir başlığı ve açıklaması var mı?
- Her sayfada tek H1 var mı ve bu H1 metin olarak mı yazılmış, görselin içinde mi?
- Görsellerin alternatif metinleri dolu mu?
- Telefonda ilk açılış üç saniyenin altında mı?
- Adresler mantıklı ve okunabilir mi, sonu rakam yığını değil mi?
- Site haritası ve robots dosyası var mı, arama konsoluna tanıtılmış mı?
- Aynı içeriğin iki farklı adreste açılan kopyası var mı?
- İletişim ve teklif sayfalarına her sayfadan ulaşılıyor mu?
Bu sekiz maddeye "evet" diyemeyen bir teslim, teknik olarak eksiktir. SEO hizmetimiz zaten bu maddelerin tamamını kapsayan bir kurulumla başlıyor.
Bu işi biz yaparsak ne kadar tutar? Mevcut sitenizde bu maddelerin kaçının eksik olduğunu ücretsiz çıkarabiliriz. Yeni bir site düşünüyorsanız ihtiyaçlarınızı seçip anında tutar görmek için fiyat hesaplayıcımızı kullanın.
