SEO Web Tasarımı Nedir?


11
/ 100


SEO Web Tasarımı Nedir?
SEO’yu web tasarımına dahil etmek, tamamen arama motoru optimizasyonunu (bir web sitesini arama motoru sonuçlarındaki sıralamasını artırmak için iyileştirme uygulaması) web sitesi tasarımı ve oluşturma sürecine dahil etmekle ilgilidir. Bu da trafiği artırmaya ve kullanıcı deneyimini iyileştirmeye yardımcı olur.
Mobil kullanıma hazır olma ve site hızı gibi organik sıralama faktörleri de web sitesi tasarımından doğrudan etkilenir.
Google’ın kendi SEO başlangıç kılavuzunda, bir web sitesi tasarımını başlatırken veya yeniden tasarlarken bir SEO uzmanının dahil edilmesinin, sonucun “aşağıdan yukarıya doğru arama motoru dostu” olmasını sağlamaya yardımcı olabileceğinden bile bahsediliyor.
Harici ekiplerle çalışıyorsanız özellikle dikkatli olun. Kullandığınız web tasarımı ve SEO hizmetlerinin birbiriyle uyumlu olduğundan emin olmak.
SEO Dostu Web Tasarımını Sağlayacak 9 Faktör
Sıralamaya hazır olması için bir web sitesi oluştururken bu faktörleri göz önünde bulundurun.
1. Mobil Öncelikli Tasarım
Google, sayfaları taramak, dizine eklemek ve sıralamak için mobil öncelikli bir yaklaşım benimser.
Bu, mobilin arama motoru ziyaretlerinin birincil kaynağı haline gelmesiyle paralellik gösteriyor. Statista’nın verilerinin gösterdiği gibi, artık tüm aramaların %60’ından fazlasından sorumlu olduğu tahmin ediliyor:
Bu nedenle, mobil SEO’nun en iyi uygulamalarını uygulamak önemlidir. Mobil uyumlu bir site tasarlamanın üç yolu vardır:
Dinamik sunum: Bu kurulum, kullanıcının cihazına göre HTML kodunun farklı sürümlerini sunar. Ancak cihazlar arasında aynı URL’yi kullanır.
Ayrı URL’ler: Bu kurulum, farklı cihaz türleri için ayrı URL’lerde farklı HTML kodları kullanır. Bu yaklaşım, arama motorlarının farklı URL’lerdeki sayfaları yinelenen içerik olarak görmemesini sağlamak için daha fazla çalışma gerektirir.
Duyarlı tasarım: Duyarlı tasarım, tüm cihazlar için aynı HTML kodunu ve URL’yi kullanır ancak düzen, cihaz özelliklerine göre değişebilir. Bu, Google’ın önerdiği yöntemdir.
Duyarlı tasarımın farklı cihaz türlerinde nasıl göründüğü aşağıda açıklanmıştır:
Mobil cihazların ekran boyutlarının daha küçük olması nedeniyle içerik biçimlendirmesinin de dikkate alınması önemlidir.
Mobil uyumlu içerik şunları sağlamalıdır:
Kısa paragraflar ekleyin
Uygun bir yazı tipi boyutu kullanın (gövde metni için 16 piksel önerilir)
Bol miktarda beyaz alan ekleyin
Araya giren pop-up’lardan kaçının
Meta etiketler için mobil karakter sınırlarına sadık kalın (başlık etiketleri için 50-60 karakter ve meta açıklamalar için 120 karakterin altında)
Mobil cihazlarda doğru içerik biçimlendirmesi, en küçük mobil ekranlarda bile sayfaların okunabilir ve kolay gezinilebilir olmasını sağlar.
Mobil cihazlarda gözden geçirilebilir formatın bir örneğini burada bulabilirsiniz:
Sayfalarınızın mobil açıdan ne kadar iyi performans gösterdiğini kontrol etmek için Google’ın özel Mobil Uyumluluk Testini kullanın.
2. Web Sitesi Hızı
Hızlı sayfa yükleme süreleri, bir web sitesini SEO başarısı için hazırlar.
Sayfa hızı, bir sayfanın hemen çıkma oranını da etkileyen, onaylanmış bir Google sıralama faktörüdür.
Götürmek?
Daha kısa yükleme süreleri, daha az kişinin başka bir sayfayı ziyaret etmeden sitenizden hemen çıkacağı anlamına gelir.
Ve web tasarımının site hızı üzerinde çok büyük bir etkisi vardır. Çünkü kodun boyutu sayfaların nasıl yükleneceğini belirler.
Site hızını artırmanın çeşitli yöntemleri vardır ancak en önemlileri şunlardır:
Doğru resim biçimini kullanma: JPEG’ler ve PNG’ler beklediğinizden daha hacimlidir. WebP biçimi, dosya boyutlarını %34’e kadar azaltabilen modern bir alternatiftir.
HTTP isteklerini azaltma: HTTP istekleri resimler, eklenti özellikleri ve JavaScript dahil olmak üzere sayfa içeriğini yükler. Bir tarayıcının bir sayfayı yüklerken yapması gereken istek sayısını azaltmak, site hızını önemli ölçüde artırabilir.
Tarayıcı önbelleğe almayı etkinleştirme: Önbelleğe almanın etkinleştirilmesi, kullanıcıların tarayıcılarının, geri gelen ziyaretçilerin yükleme sürelerini kısaltmak için resimler ve CSS gibi öğeleri depolamasına olanak tanır.
Site hızını ölçmenin birkaç yolu vardır, ancak Google’ın araçları güvenli bir bahistir.
Herhangi bir URL’ye ilişkin Önemli Web Verileri (kullanıcı deneyimi kalitesini gösteren belirli metrikler) hakkında bilgi almak için Google’ın PageSpeed Insights aracını kullanabilirsiniz.
Araç bu bulguları bir raporda paylaşıyor:
Ayrıca sayfa hızını nasıl artıracağınıza dair özel bilgiler de alacaksınız. Ayrıca önerilerin yükleme süresini nasıl etkileyeceğine dair tahminler.
Semrush’un Site Denetimi aracı, site performansı ölçümlerine daha da kapsamlı bir bakış sunar.
Site Denetimi aracına gidin, web sitenizin URL’sini girin ve “Denetimi Başlat”ı tıklayın.
Daha sonra beliren pencerede “Site Denetim Ayarları”nı göreceksiniz.
Ardından, kaç sayfanın taranmasını istediğinizi seçin ve tarama kaynağını seçin. Ve “Site Denetimini Başlat”ı tıklayın.
Denetim tamamlandığında web sitenizin performansına ilişkin bir genel bakış elde edeceksiniz. Ayrıca “Site Performansı” veya “Önemli Web Verileri”ni tıkladığınızda site hızıyla ilgili sorunların nasıl çözüleceğine ilişkin öneriler.
Hız Sorunlarını Bulun ve Düzeltin
Site Denetim Aracı ile
Ücretsiz Deneyin →
3. Web Sitesi Yapısı
Sezgisel bir web sitesi yapısı (web sitesi mimarisi olarak da bilinir), ziyaretçilere en iyi gezinme deneyimini sunar. Arama motorlarının sayfalarınızı bulmasına ve daha iyi anlamasına yardımcı olur.
SEO dostu web tasarımına yönelik en iyi uygulamalar, sayfaları bir arada gruplayan içerik grupları oluşturmayı içerir. Yani daha spesifik kategoriler, daha genel kategorilerin altına yerleştirilmiştir.
Bunun gibi:
pratikte

Bu, gezinmesi kolay bir URL yapısı oluşturmanıza olanak tanır.
Örneğin, farklı köpek türleriyle ilgili içerikle dolu bir web sitesinde URL yapısının bir bölümü şöyle görünebilir:
dogbreeds.com
dogbreeds.com/terrier
dogbreeds.com/terrier/yorkshire-terrier
dogbreeds.com/terrier/yorkshire-terrier/mizaç
dogbreeds.com/terrier/yorkshire-terrier/care-guide
dogbreeds.com/terrier/yorkshire-terrier/size
dogbreeds.com/terrier/scottish-terrier/
dogbreeds.com/terrier/scottish-terrier/mizaç
dogbreeds.com/terrier/scottish-terrier/care-guide
dogbreeds.com/terrier/scottish-terrier/size
dogbreeds.com/terrier/bull-terrier/
dogbreeds.com/terrier/bull-terrier/mizaç
dogbreeds.com/terrier/bull-terrier/care-guide
dogbreeds.com/terrier/bull-terrier/size
Site yapısındaki her aşağı adım, başladığınız konunun daha ayrıntılı bir alt kategorisine dalar.
Bu tür sezgisel web tasarımı şunları sağlayacaktır:
Arama motorlarının içeriğinizi bulmasını ve dizine eklemesini kolaylaştırın
Kullanıcıların sayfalar arasındaki ilişkiyi anlamasına yardımcı olun
Bağlamsal olarak alakalı dahili bağlantılar aracılığıyla otoriteyi web sitesine dağıtın
4. Gezinme ve Dahili Bağlantılar
Tıpkı web sitesi yapısında olduğu gibi, dahili bağlantı da arama motorlarının site yapınızı anlamasına yardımcı olur ve kullanıcının gezinmesine yardımcı olur.
Göz önünde bulundurulması gereken iki tür dahili bağlantı vardır: gezinme ve bağlamsal.
Gezinme bağlantıları site genelinde mevcuttur ve web sitesi üstbilgisi, altbilgisi ve gezinme çubuğundaki bağlantıları içerir.
Kullanıcıları ilgili içeriğe yönlendirmek için bir sayfanın ana gövde içeriğinde bağlamsal bağlantılar bulunur. Ve genellikle kullanıcıların neyi tıklamak üzere olduklarını anlamalarına yardımcı olan ilgili bağlantı metni kullanılarak yerleştirilirler.
Bunun gibi:
Bir web sitesi tasarlarken iç bağlantılarla ilgili akılda tutulması gereken birkaç önemli husus vardır:
Yetim sayfalardan (tarayıcıların veya kullanıcıların kolayca erişemeyeceği sayfalar) kaçınmak için tüm sayfalarda en az bir gelen dahili bağlantı bulunduğundan emin olun.
Hedef sayfadaki içeriğin neyle ilgili olduğunu etkili bir şekilde ileten bağlantı metni kullanın
Kullanıcıların sitede yollarını bulmalarına yardımcı olmak için içerik haritası bağlantılarını (gezinmesi kolay bağlantılardan oluşan bir yol) kullanın
İlgili içeriği barındıran sayfaları birbirine bağlayarak konu kümeleri oluşturun
Konu kümeleri özellikle yararlı olabilir. Bunlar, bir ana konunun etrafında toplanan içerik gruplarıdır. Bunları web sitenizde kullanmak, kullanıcılara keşfedebilecekleri bol miktarda ilgili içerik sunarak onları sitenizde daha uzun süre tutar.
Aşağıdaki resimde, ana konuyu kapsayan merkezi bir sütun sayfasının kullanıldığı konu kümelemesi gösterilmektedir. Ve onunla ilgili (ve bağlantılı) diğer parçalar:
Dahili bağlantı performansınıza genel bir bakış için Semrush’un Site Denetimi özelliğini veya benzer bir aracı kullanabilirsiniz.
Web sitesi hızıyla ilgili bölümde açıklanan yöntemi kullanarak bir denetim gerçekleştirin.
Ardından, şu konularda bilgi almak için “Dahili Bağlantı” raporunda “Ayrıntıları Görüntüle”yi tıklayın:
Sitedeki her sayfanın tarama derinliği (bir sayfanın ana sayfadan kaç bağlantı derinliğinde olduğu)
Hangi sayfalarda kendilerine işaret eden en az veya en fazla dahili bağlantı var?
Bozuk dahili bağlantılar ve bunların nasıl düzeltileceği
5. Dizinlenebilirlik ve Taranabilirlik
SEO dostu bir web sitesi, Google’ın onu bulmasını ve anlamasını kolaylaştıracak şekilde tasarlanmalıdır. Dizine eklenebilirlik ve taranabilirlik tamamen bununla ilgilidir.
Taranabilirlik, bir web tarayıcısının bir web sitesindeki sayfalara ne kadar iyi erişebildiğini ifade eder. Ve Google, sitenizin sınırına ulaşmadan önce yalnızca belirli sayıda sayfayı tarayacaktır.
Zayıf dahili bağlantı ve yönlendirme döngüleri, tarayıcıların tüm içeriğinize erişmesini engelleyebilir.
Dizine eklenebilirlik, Google’ın içeriği anlama ve dizine ekleme yeteneğini ifade eder.
Örneğin, belirli bir standart (veya “ana”) sayfa belirtilmeden yinelenen içerik, dizine eklenebilirlik sorunlarına neden olabilir.
Taranabilirlik ve dizine eklenebilirlik, kullanıcılar için en yararlı olması amaçlanan arama sonuçlarını sunmak üzere birlikte çalışır.
Bir web sitesinin taranabilirliğini ve dizine eklenebilirliğini geliştirmek için yapılması gereken en önemli şeyler şunlardır:
Dahili bağlantılardan yararlanın: Tarayıcıların web sitenizde dahili bağlantılar aracılığıyla gezinebildiğinden emin olmanız gerekir. Her sayfada, sitedeki başka bir sayfadan en az bir gelen bağlantının bulunduğundan emin olun.
Noindex etiketlerini doğru şekilde kullanın: Robot meta etiketlerini kullanarak Google’ı belirli sayfaların dizine eklenmesini engellemeye yönlendirebilirsiniz. Bu etiketleri kullanmak, arama motorlarının son kullanıcılar için tasarlanmamış içeriği dizine eklemesini engeller.
Bir site haritası gönderin: Site haritası bir web sitesindeki her önemli sayfayı listeleyen küçük bir dosyadır. Bir tane oluşturmak ve onu Google Arama Konsolu aracılığıyla göndermek, tarayıcıların sitenizdeki sayfalara ulaşabilmesini sağlar.
Aşağıdaki resim bir XML site haritasının nasıl göründüğünü göstermektedir. Web sitesinin kategorilere nasıl ayrıldığını gösterir.
6. Sayfa Tasarımı ve Kullanılabilirlik
SEO dostu sayfa tasarımı hem arama motorlarının hem de ziyaretçilerin iyi bir deneyim yaşamasını sağlar.
Sayfalarınızın olumlu bir deneyim sunmasını sağlayacak bazı temel kurallar şunlardır:
Sayfa deneyimi sinyalleri için oluşturma: Google’ın sayfa deneyimi sinyalleri, bir sayfanın kullanıcıların beklentilerine ne kadar iyi uyduğunu ölçer. Anahtar sinyali

Bunlar arasında Önemli Web Verileri, mobil uyumluluk ve HTTPS şifreleme gibi şeyler yer alır.
Uygun başlıkları kullanın: HTML başlık etiketleri (H1, H2 vb.), tarayıcıların bir sayfadaki bilgi hiyerarşisini anlamasına yardımcı olur. Düzgün bir şekilde iç içe geçmiş başlık yapısı, içeriğinizin anlaşılmasını kolaylaştırır.
Sayfa dışı içerik öğelerini en aza indirin: JavaScript ve iframe’lerin her ikisi de içeriği başka bir yerden bir sayfaya çekmek için kullanılır. Siteleri daha zengin hale getirmek için yararlı olabilirler, ancak aynı zamanda sayfa yükleme sürelerini yavaşlatırlar ve düzgün yüklenmezlerse deneyimi azaltırlar.
Aşağıdaki video, sayfa deneyimi sinyallerine ilişkin Google’ın beklentilerini tartışıyor:
İyi bir web sitesi tasarımı için ekranın üst kısmındaki içeriğe öncelik vermek de önemlidir. Çünkü kullanıcılara mümkün olan en kısa sürede değer sunar.
Bu genellikle alakalı, değerli bilgilerin hemen görüntülendiğinden emin olmayı içerir. Kullanıcıların neyin en önemli olduğunu görmek için ekranı kaydırması gerekmemelidir.
Ekranın üst kısmındaki iyi içerik, sayfanın neyle ilgili olduğunu netleştirir, kullanıcılara gezinme seçenekleri sunar ve onları sayfadan uzaklaştırabilecek dikkat dağıtıcı unsurların azını içerir.
Bunun gibi:
7. Erişilebilirlik
Arama motorları erişilebilirliği, arama sıralama algoritmalarına dahil ettikleri doğrudan bir sıralama faktörü olarak görmez.
Neden?
Çünkü bunu somut ölçütlere bağlamak zor.
Ancak erişilebilirlik bilinen bir sıralama faktörünü etkiler: kullanıcı deneyimi.
Bu nedenle SEO dostu bir web sitesi oluştururken erişilebilirliği dikkate almak önemlidir.
Google’ın, aşağıdakileri içeren kendi erişilebilirlik yönergeleri vardır:
Resim alternatif metninden yararlanma: Alternatif metin (alt etiketi olarak bilinir), ekran okuyucuların görme engelli kullanıcılara yüksek sesle okuyabilmesi için resmi açıklar.
Yüksek kontrastlı renkler kullanma: Web sitesi tasarımında yüksek renk kontrastı, metin, arka plan ve resimler arasında ayrım yapmayı kolaylaştırır. Beyaz zemin üzerine gri metin gibi ince renk kombinasyonları sayfanızın okunmasını zorlaştırır.
Yazı tipinin okunabilirliğini sağlama: Yazı tipi boyutu ve metin hizalaması seçiminiz, sitenizdeki içeriğin okunabilirliğini etkiler. Sayfanızın okunmasının kolay olmasını sağlamak için minimum 16 piksel yazı tipi boyutu ve sola hizalama kullanın.
Google Lighthouse tarayıcı uzantısını kullanarak web sitenizde temel erişilebilirlik testleri çalıştırabilirsiniz. Sitenizin nerede yetersiz kaldığını size söyleyecek ve maksimum erişilebilirliğe ulaşma konusunda size yol gösterecektir.
8. Şema İşaretlemesi
Şema işaretlemesi, web sitenizdeki öğeleri arama motorlarının anlayacağı şekilde açıklayan yapılandırılmış bir veri dilidir.
Arama motorları, yararlı bilgileri web sayfalarından doğrudan arama motoru sonuç sayfalarına (SERP’ler) çekmek için şemayı kullanabilir. Arama yapanlara daha iyi sonuçlar verin.
Şemayı uygulamak aynı zamanda zengin sonuçlar (eklenen görsel veya etkileşimli öğeler içeren arama sonuçları) elde etme fırsatını da sunar.
Google, bu yapılandırılmış verileri SSS’ler, nasıl yapılır bölümleri ve incelemeler gibi şeyleri görüntülemek için kullanabilir.
Örneğin, aşağıdaki resimde ilgili incelemelerle birlikte bir arama sonucu gösterilmektedir:
Şemayı web sitenize uygulamak, özellikle tasarım sürecinin bir parçası olarak ele alındığında nispeten basittir.
Şema oluşturmak için Google’ın Yapısal Veri İşaretleme Yardımcısı’nı kullanın.
Veri türünüzü seçip URL’nizi girdikten sonra araç sayfanızı yükleyecek ve işaretlemenize olanak tanıyacaktır.
Şuna benziyor:
İşiniz bittiğinde, web sitenize ekleyeceğiniz kodu almak için “HTML OLUŞTUR”u tıklayın.
Ayrıca Şemanızın doğru bir şekilde uygulandığından ve canlı SERP’lerde zengin sonuçları besleyebildiğinden emin olmak için Zengin Sonuçlar Testi aracını kullanabilirsiniz.
Düzeltmeniz gereken herhangi bir hata olup olmadığını görmek için URL’yi veya kodu girin.
9. Görseller
Web sitesi tasarımı aşamasında görselleri SEO için optimize etmek, görsel aramalarından ek trafik elde edebileceğiniz anlamına gelir.
Resim SEO’su, Google’ın resim optimizasyonu kılavuzunda ele aldığı bazı temel ilkeler etrafında döner.
Aşağıdaki videoda Google’dan John Mueller, görselleri optimize etmenin tüm avantajlarını anlatıyor:
Görsel arama fırsatlarından en iyi şekilde yararlanmak için web sitenizdeki her görselin aşağıdaki özelliklere sahip olduğundan emin olun:
Açıklayıcı bir dosya adı: Genel, açıklayıcı olmayan dosya adlarını (image123.jpg gibi) resmin kısa bir açıklamasıyla (black-ford-bronco.jpg gibi) değiştirin
Uygun bir dosya biçimi: Resimler için boyutlarına ve kalitelerine bağlı olarak PNG, JPEG ve WebP gibi doğru biçimi kullanın.
Optimize edilmiş resim alternatif metni: Resmin kısa bir açıklamasını sağlayarak aramayı optimize etmek ve resmi ekran okuyucu kullanan kişiler için erişilebilir hale getirmek için alternatif metin özelliğini kullanın
SEO Dostu Web Tasarımı İşletmenize Nasıl Yardımcı Olabilir?
SEO ilkelerini kılavuz olarak kullanan bir web sitesi tasarlamak, kullanıcı deneyimini etkiler ve işletmenizin performansına fayda sağlar.
Temel faydalar şunları içerir:
Görünürlüğünüzü Artırma
Web tasarımınıza SEO’yu göz önünde bulundurarak başlamak, oluşturduğunuz web sitesinin organik (ücretsiz) trafik yakalama şansının daha yüksek olmasını sağlar.
Yukarıdaki ipuçlarının tümü, hedef anahtar kelimeleriniz için sıralama şansınızı en üst düzeye çıkarır.
Kaliteli içerik oluşturmaya odaklanmak ve sağlıklı bir backlink profili geliştirmek aynı zamanda m alma şansınızı da artıracaktır.

cevher organik trafiği.
Sitenizi Geleceğe Hazırlama
SEO’yu web sitesi tasarım sürecinin temel bir parçası olarak düşünmek, optimizasyon için güçlü bir temele sahip olacağınız anlamına gelir.
Her yıl arama algoritmasında küçük ayarlamalardan önemli revizyonlara kadar pek çok değişiklik oluyor.
SEO’yu göz önünde bulundurarak başlamak, gelecekteki güncellemelere ayak uydurmayı kolaylaştıracaktır.
İyi Bir İzlenim Yaratmak
Arama için optimize edilmiş bir web sitesi aynı zamanda kullanıcılar için de optimize edilmiştir. Ve onlarda olumlu bir izlenim bırakıyor.
Aslında, insanların %50’si web sitesi tasarımının genel marka algısı açısından çok önemli olduğuna inanıyor.
Bu nedenle, SEO ilkelerine dayalı bir web sitesi oluşturmaya zaman ayırmak marka itibarınız için iyi olabilir. Kullanıcıların geri gelme olasılığını da artırın.
Tags:

Leave A Comment