Yeni bir web sitesi inşa ederken dikkatin çoğu genellikle görsel tasarıma ve metinlere gider. Platformun nasıl göründüğü ve anlatacağınız şeyler elbette önemlidir. Yine de yeni tamamlanmış birçok web sitesi arama motorlarında görünmez kalır. Bunun nedeni neredeyse her zaman sitenin teknik altyapısında yatar.
Teknik SEO, çevrimiçi varlığınızın temelini oluşturur. Arama motorları sayfalarınızı taramakta zorlanırsa, yapıyı anlamazsa veya yavaş yükleme süreleriyle karşılaşırsa, arama sonuçlarındaki konumunuz hızla düşer. Burada söz konusu olan karmaşık numaralar veya geçici çözümler değil, sade, verimli ve iyi yapılandırılmış bir kod tabanı ortaya koymaktır.
Birçok şirket, sitesini ağır bir şablon veya yavaş bir sayfa oluşturucuyla teslim ettirir. Sonuç, devasa miktarda gereksiz kod, onlarca gereksiz JavaScript dosyası ve yavaş yükleme süreleridir. Bu yazıda, pratikten yola çıkarak yeni bir web sitesi için net bir teknik SEO kontrol listesi sunuyorum.
Temiz kod ve hafif mimari
Kod yükü sorunu
Bir arama motoru web sitenizi ziyaret ettiğinde, crawler önce içeriği anlayabilmek için kodu işlemek zorundadır. Birçok geleneksel içerik yönetim sistemi ve hazır tema, HTML öğelerinin derin bir iç içe geçmesini, onlarca CSS dosyasını ve ağır JavaScript kütüphanelerini üretir. Hiçbir amaca hizmet etmeyen her fazladan kod satırı, işlemeyi yavaşlatır ve hem sunucudan hem de crawler'dan işlem gücü talep eder.
Düşünceli yazılım geliştirmenin bilinen bir ilkesi, bağımlılıkları ve işaretleme yükünü en aza indirmektir. Ağır sınıflar, karmaşık HTML yapıları veya hacimli JavaScript dosyaları olmadan tam olarak yapması gerekeni yapan basit sözdizimi vurgulayıcıları gibi araçları düşünün. Aynı felsefe, SEO için web geliştirmede de geçerlidir. Kod ne kadar temiz ve doğrudansa, arama motorları sayfayı o kadar hızlı anlar ve dizine ekler.
Özel geliştirme SEO'da neden kazanır
Ağır hazır temalar yerine özel kodu seçerek, kullanıcının tarayıcısına ve arama motoruna neyin gönderildiği üzerinde tam kontrolü elinizde tutarsınız. React, TypeScript, Tailwind CSS ve Vite gibi modern teknolojilerle, gereksiz yük taşımadan tam olarak gerekeni içeren bir uygulama inşa edersiniz. Bu, düşük bir DOM derinliği ve minimal dosya boyutu sağlar. Arama motorları, önce megabaytlarca gereksiz betiği işlemek zorunda kalmadan içeriği doğrudan okuyabilir.
Taranabilirlik, dizine ekleme ve site yapısı
Arama motorları için dijital yol haritası
Bir arama motoru yalnızca zahmetsizce ve hatasız bulabildiği sayfaları dizine ekleyebilir. Taranabilirliğin temeli iki temel dosyayla başlar: robots.txt dosyası ve XML site haritası. robots.txt dosyası, sitenin hangi bölümlerinin taranıp hangilerinin taranmaması gerektiği konusunda net talimatlar verir. Önemli sayfaları veya varlıkları yanlışlıkla arama motorlarına kapatmaktan kaçının.
XML site haritası, web sitenizin güncel içindekiler tablosudur. Bunun otomatik olarak oluşturulduğundan ve yalnızca nihai, dizine eklenebilir sayfaları içerdiğinden emin olun. Yönlendirmeli, hata kodlu veya noindex etiketli sayfalar site haritasında yer almamalıdır. Siteyi yayına aldıktan hemen sonra site haritasını Google Search Console gibi araçlarla gönderin.
Semantik HTML ve mantıksal yapı
Arama motorları bir sayfanın yapısını semantik HTML5 öğelerine bakarak okur. Sayfanızın doğru bölümleri için doğru etiketleri kullanın: `<header>`, `<nav>`, `<main>`, `<article>`, `<section>` ve `<footer>`. Bu, crawler'a bilgilerinizin yapısı hakkında anında fikir verir.
İçerik içinde sıkı bir başlık yapısı vazgeçilmezdir. Ana konu için sayfa başına tam olarak bir H1 etiketi kullanın ve sayfanın geri kalanını H2 ve H3 başlıklarıyla mantıklı bir şekilde yapılandırın. Başlıkları asla salt görsel biçimlendirme için değil, yalnızca içeriğin hiyerarşisini belirtmek için kullanın.
Canonical etiketleri ve URL yapısı
Yinelenen içerik, örneğin URL'lerdeki parametreler veya farklı URL varyantlarının bir arada bulunması nedeniyle yeni web sitelerinde sıkça görülen bir sorundur. Her sayfaya, sayfanın tercih edilen sürümüne işaret eden doğru bir canonical etiketi uygulayın. Bu, arama motorlarının hangi sayfanın dizine ekleneceği konusunda tereddüt etmesini önler.
Ayrıca kısa, net ve okunabilir URL'ler kullanın. Küçük harfler, kelimeler arasında tire kullanın ve gereksiz klasörlerden veya karmaşık kimliklerden kaçının. İyi bir URL, hem kullanıcıya hem de arama motoruna sayfanın ne hakkında olduğunu doğrudan gösterir.
Sayfa hızı ve Core Web Vitals
Doğrudan bir sıralama faktörü olarak hız
Google gibi arama motorları, bir web sitesinin kullanıcı deneyimini ölçmek için Core Web Vitals'ı kullanır. Bu ölçütler üç kritik yönü ele alır: en önemli içeriğin ne kadar hızlı görünür olduğu (LCP), sayfanın etkileşime ne kadar hızlı yanıt verdiği (INP) ve sayfanın yüklenirken ne kadar beklenmedik şekilde kaydığı (CLS).
Yavaş bir web sitesi yalnızca arama sonuçlarında daha düşük sıralamalara değil, aynı zamanda ziyaretçi ve dönüşüm kaybına da doğrudan yol açar. Bu nedenle sayfa hızı için optimizasyon, sonradan akla gelen bir iş değil, geliştirme sürecinin önemli bir parçasıdır.
Görseller ve medya varlıkları
Görseller genellikle bir web sayfasının toplam ağırlığının en büyük kısmını oluşturur. Kaliteden ödün vermeden dosya boyutunu önemli ölçüde azaltmak için WebP veya AVIF gibi modern dosya formatlarını kullanın. Yükleme sırasında düzenin kaymasını önlemek için görsellere HTML içinde her zaman açık boyutlar (genişlik ve yükseklik) verin.
Görünür alanın altında kalan görsellere tembel yükleme (lazy loading) uygulayın, böylece sayfa açıldığında yalnızca gerekli varlıklar yüklenir. Simgeler ve basit illüstrasyonlar için ölçeklenebilir vektör grafikleri (SVG) kullanmak en verimli seçimdir.
Betik yönetimi ve paket boyutu
Analiz araçları, sohbet widget'ları ve pazarlama pikselleri gibi harici betikler bir sitenin yükleme süresini ciddi şekilde yavaşlatabilir. Harici betik sayısını kesinlikle gerekli olanla sınırlı tutun. JavaScript ve CSS dosyalarını olabildiğince küçük tutmak ve kod bölme (code-splitting) uygulamak için Vite gibi modern bir bundler kullanın. Böylece yalnızca o belirli anda gereken kod yüklenir.
Yapılandırılmış veri ve meta veriler
Dinamik meta veriler
Web sitenizdeki her sayfanın benzersiz ve ilgili meta verilere ihtiyacı vardır. Title etiketi ve meta description doğrudan arama sonuçlarında görünür ve bir kullanıcının sitenize tıklayıp tıklamayacağını büyük ölçüde belirler. Bu alanların dinamik olarak yönetilebildiğinden ve her sayfa için özel olarak ayarlandığından emin olun.
Ayrıca Open Graph meta verilerini unutmayın. Bu etiketler, sayfalarınızın sosyal medyada veya mesajlaşma uygulamalarında paylaşıldığında düzenli ve profesyonel görünmesini sağlar.
Schema.org ile yapılandırılmış veri
Yapılandırılmış veri, arama motorlarının içeriğinizin tam bağlamını anlamasına yardımcı olur. JSON-LD formatında Schema.org'u kullanarak sayfada ne tür bilgiler bulunduğunu açıkça belirtirsiniz. Bu, şirket bilgileri, hizmetler, makaleler, ürünler veya sıkça sorulan sorular olabilir.
Doğru yapılandırılmış veri eklemek, web sitenizin daha zengin arama sonuçlarıyla (rich snippets) gösterilme olasılığını da artırır; bu da arama sonuçlarındaki dikkat çekme değerini yükseltir.
İç bağlantı yapısı
Arama motorları, farklı sayfalar arasındaki ilişkiyi anlamak ve site içinde otorite aktarmak için iç bağlantıları kullanır. Hiçbir sayfanın izole kalmadığı net, mantıklı bir navigasyon yapısı sağlayın. İç bağlantılar için "buraya tıklayın" veya "devamını oku" gibi genel metinler yerine açıklayıcı bağlantı metinleri kullanın.
Teslimattan kalıcı sonuca
Yayına almadan önce kapsamlı test
Yeni bir web sitesi yayına girmeden önce kapsamlı bir teknik denetim gereklidir. Siteyi teknik analiz araçlarıyla kontrol edin, sayfaların nasıl render edildiğini test edin ve tüm yönlendirmelerin doğru çalıştığını kontrol edin. Arama motorları web sitelerini öncelikle mobil sürüme göre dizine eklediğinden, mobil görünümün de kusursuz çalıştığını kontrol edin.
Yapılandırılmış bir çalışma şekli
İyi performans gösteren bir web sitesi ortaya koymak, düşünceli bir yaklaşım gerektirir. Çalışma şeklim her zaman hedefleri netleştirmek için kısa bir tanışma görüşmesiyle başlar. Ardından kapsamı ve öncelikleri birlikte belirleriz, bunun ardından tasarım ve inşa kısa, anlaşılır yinelemeler halinde gerçekleşir. Teslimattan sonra ölçülebilir hedeflere dayanarak ayarlamalar yaparız.
2006'dan bu yana Belçika ve Hollanda'daki KOBİ'lere ve girişimcilere yüksek kaliteli, hızlı platformlar, web siteleri ve e-ticaret siteleri inşa etmede yardımcı oluyorum. Teknik inşa ve UX/UI tasarımının yanı sıra, tam SEO ve içerik yapısı hakkında da birlikte düşünüyorum. Not: iş geliştirme görevleri şu anda NDA kapsamındaki tam zamanlı bir süreç nedeniyle tamamen dolu, ancak özel web geliştirme ve teknik SEO mimarisi için elbette bana başvurabilirsiniz.
Yeni web sitenizin ilk günden itibaren teknik olarak kusursuz olduğundan ve arama motorlarında sıralanmaya hazır olduğundan emin olmak ister misiniz? Projenizi ve teknik gereksinimlerinizi görüşmek için ferhat.io/contact üzerinden ücretsiz otuz dakikalık bir görüşme planlayın.
