Web sitenizi yayına aldıktan sonra birçok sorunla karşılaşabilirsiniz. Bu sorunların önüne geçmek için kontrol etmeniz gerekenler olduğunu biliyor muydunuz?
Web sitenizi ister yapın ya da yaptırın bu yazıyla birçok sorunun önüne geçeceksiniz. Moximu olarak web sitenizin sadece güzel görünmesinin doğru olmadığını savunuruz. Web siteniz güzel ve doğru görünmek zorundadır. Sonuç olarak web sitenizin tasarımının iyi tasarım olarak adlandırılması için uymanız gereken bazı kurallar vardır. Elbette tasarımın özgünlüğü özgürlüğündedir ancak bu özgürlüğü kurallara bağlı kalarak kullanırsak o zaman doğru tasarımı elde etme olasılığımız artar.
Bu yazımızda hangi sorulara cevap bulabileceksiniz?
- Web sitemi yaptım/yaptırdım ancak her şeyin doğru göründüğünden emin değilim. Ne yapmam gerekiyor?
- Her yaptığım web sitesinde yayına aldıktan sonra çok fazla revize alıyorum. Bunun önüne nasıl geçebilirim?
- Web siteyi yayına aldık ancak sonrasında çıkan sorunları düzeltmemize rağmen aynı sorunlar devam ediyor. Ne yapmam lazım?
- Web sitesini yayına aldık ancak web sitesinden hiç dönüş gelmiyor. Sebebi ne olabilir?
İşte tüm bu sorunların önüne geçmek için bahsedeceğimiz kurallara uymanız yeterli. Keyifli okumalar…
Web Site Tasarım Kontrolü
Web sitesinin tasarımını gözden geçirin ve tüm sayfaların tutarlı ve kullanıcı dostu olduğundan emin olun. Modern web site tasarım anlayışına uygunluğunu mutlaka kontrol etmelisiniz. Moximu olarak biz bunları 4 ana unsurda ele alıyoruz.
- Layout (Düzen)
- Spaces (Boşluklar)
- Typography (Tipografi)
- Colors (Renkler)
Layout (Düzen)
Web sitenizde kullanacağınız tüm içeriklerin konumlandırılmasını, boyutlandırılmasını kapsar. Web site tasarımı yapılırken dikkat edilmesi gereken en önemli unsurlardan biridir. Çünkü layout kullanıcı arayüzünü ve buna bağlı olarak kullanıcı deneyimini büyük ölçüde etkiler.
Spaces (Boşluklar)
Layout oluştururken ögeleri konumlandırdığımızı bir önceki başlıkta belirtmiştik. Spaces yani boşluklar da bu ögelerin birbirine olan uzaklığını ifade eder. Biz boşlukları kullanarak ögelerin birbiriyle olan ilişkisini belirleriz. Birbiriyle bağlantılı olan ögeler birbirine daha yakın olurken, ayrı mesajların bütünlüğünü oluşturan öge topluluğundan uzaktadır. Boşluklar bizim kullanıcıya mesajı doğru bir şekilde vermemizi sağlar. Boşlukların doğru verilememiş olmasından kaynaklı mesajı doğru bir şekilde iletmenizin önüne geçebilir.
Typography (Tipografi)
Tipografi kuralları web sitenizde yer alan metinlerin font ailesini, boyutlarını, satır boşluklarını, başlık boyut hiyeyarşisini ifade eder. Font ailesi markanızla özdeştirebileceğiniz bir font olmalıdır. Ve bu font sizin müşteri kitlenize hitap etmelidir. Metinlerde doğru hiyeyarşiyi korumanız önemlidir. Tipografide kural örneği şudur;
Örnek başlık metni
Örnek başlık metni
Örnek başlık metni
Örnek başlık metni
Örnek başlık metni
Örnek başlık metni
Örnek metin yazılışı bu şekildedir.
Örnekte görüldüğü üzere kullandığımız metinleri boyutlarına göre aralarında üstünlük kurdurabiliyoruz. Bu üstünlük konusu içerisinde kullanılan başlıkların büyüklüğü web sitenin bütününe yayılmalı ve aynı düzen korunmalıdır.
Colors (Renkler)
Web sitenizi tasarlarken kurumsal kimliğinizi en iyi şekilde yansıtmak için kurumsal renklerinizi kullanırsınız. Ancak bu renkleri kullanırken dikkat etmeniz gereken kritik noktalar olduğunu unutmayın. Renkleri biz kullanıcılar web sitesinde gezinirken onları mesaja yönlendirmek için bir araç olarak kullanırız. Aynı zamanda renkleri içeriklerin okunabilirğini arttırmak amacıyla da kullanırız. Doğru renkleri bugünkü modern anlayışta renk kullanımını %60 – %30 – %10 dilimlerine ayırırız.
%60 : Web sitemizin genel arkaplan rengidir. Bu renk eğer açık renk tasarım üzerinde çalışacaksanız, açık renklerden seçilir. Koyu renk diğer adıyla dark mode üzerinde çalışma yapacaksanız. Koyu renkler tercih edilir. Eğer bu koyu renk veya açık renk kurumsal kimlik içerisinde yer alıyorsa kurumsal renklerden yararlanabilirsiniz.
%30 : Web sitemizin kurumsal kimliğini belirleyen en önemli renk dilimidir. Bu dilimde kurumsal renkler içerisinde en baskın olan rengi seçeriz. Böylelikle web sitenizi markanız ile daha kolay özdeşleştirme fırsatını yakalamış olursunuz.
%10 : Web sitenizde CTA (Call to action) yani harekete geçirici alanlarda kullanacağımız bu genellikle kurumsal renklerden daha az kullanılanı tercih ederiz. Aslında buradaki amacımız web sitemizin genelinde kullanılan (%60 ve %30) renklerden ayrıştırarak harekete geçirici alanları ön plana çıkarmak. Harekete geçirici alan örnekleri ; Şimdi iletişime geçin, ön sipariş verin, bize ulaşın, demo talep edin vs. gibi düşünebilirsiniz.
Tarayıcı Analizi
Web siteleri nihayetinde tarayıcılarda çalışan bir yazılımdır. Dolayısıyla web sitenizin müşterilerinizin kullandığı tarayıcılara uyumlu bir şekilde çalışması gerekir. Yavaş açılan, çalışmayan özellikler, ulaşılamayan sayfalar bilindik tarayıcı hatalarıdır. Kimi web siteleri popüler olan Google Chrome, Mozilla gibi tarayıcılarla uyumlu olsalar diğer tarayıcılar ile uyumlu olmayabilir. Dolayısıyla web sitenizin tüm tarayıcılarla uyumlu bir şekilde çalışması gerekir.
Ancak şu da unutulmamalıdır ki bazı web site animasyon özellikleri kimi tarayıcılarda çalışmaz. Bu bir hata değildir. Tarayıcıların desteklemediği bir animasyonu kullanmak isteyebilirsiniz. Bu noktada web sitenizde her tarayıcı ile çalışabilecek animasyon ve özellikler eklemelisiniz.
Link Analizi
Web sitenizde yer alan tüm linklerin ve butonların çalışmadığını kontrol etmelisiniz. Çalışmayan linklere doğru url girdiğinizden emin olun.
Hız Analizi
Web sitenizin hız testlerini yapmalısınız. Yavaş açılan veya içerisinde yavaş gezinilen web sitelerinden kimse hoşlanmaz. Bu ciddi trafik kayıplarına yol açabilir. O yüzden mutlaka web sitenizin hız testini yapmak zorundasınız.
İşte hız testi yapabileceğiniz web siteleri;
- https://gtmetrix.com/
- https://pagespeed.web.dev/
- https://www.pingdom.com/
Buradaki hız testi sonuçlarına göre web sitenizde iyileştirmeler yapmalısınız.
Form Analizi
Web sitenizde yer alan tüm formların çalışıp çalışmadığını kontrol etmelisiniz. Eğer hatalı yapılandırılmış formlar var ise ivedilikle çözmelisiniz.
Cihaz Analizi
Web sitenizin tüm cihazlara uyumlu çalıştığını test etmelisiniz. Artık biliyoruz ki web site trafiğinin %80’ni mobil kullanıcılardan oluşuyor. Dolayısıyla en çok dikkat etmeniz gereken nokta web sitenizin telefon ekran ölçülerine uyumlu olup olmadığını test etmelisiniz.
SEO Analizi
Web sitenizin milyonlarca rakip web siteleri arasında yok olup gitmesini istemiyorsanız. Aynı şekilde arama motorlarında görünmüyorsanız. Bunun doğrudan web siteniz ile ilgili bir sorun olduğunu unutmayınız. Elbette arama motorları kendilerini güncellediğinde mevcut sıralamalar tekrar tekrar değişir. Ancak bu yinede sizin web sitenizin neden ilk safyada çıkmadığını açıklamaz. Web sitelerini inşa ederken önceki başlıklarda bahsettiğimiz tüm kurallar web sitenizin arama motorlarındaki sonuçlarını doğrudan veya dolaylı olarak etkilemektedir.
Arama motorlarında iyi sıralarda yer almak için web sitenizin iyi kurgulanmış ve web sitenizin iskeleti arama motoru botlarının anlayabileceği şekilde yapılmalıdır. Web sitenizde yer alan sayfaların ve içeriklerin seo işlemlerinin yapılıp yapılmadığını kontrol etmelisiniz. Arama motoru botları sitenizi ziyaret ettiğinde web sitenizin kullanıcı dostu olup olmadığı noktasında analiz yapar. Ayrıca web sitenizde bulunan tüm içerikleri analiz eder. Bu içerikleri analiz ederken içeriklerin birbirleriyle olan ilişkilerini kullanım şekillerine göre değerlendirir. “Typography (Tipografi)” başlığında bahsettiğimiz hiyeyarşi konusu tam olarak bunu ifade eder. Eğer bir başlık kullanıyorsanız bunu h1, h2, h3, h4, h5, h6 ile ifade etmelisiniz. Aynı şekilde bu başlıkların açıklamaları hemen sonrasına yazılmalıdır. Ve p, span, div, gibi etiketlerle belirtilmelidir. Aynı zamanda bu alanlara etiketler tanımlamalısınız.
İçerik Analizi
En son ama önemli konulardan birisi de içerik analizi konusudur. İçerik analizi noktasında web sitenizdeki tüm içerikleri yazıldığı dil kurallarına göre oluşturmalısınız. Ayrıca bu metinler işletmeniz ya da web sitenin konusuyla ilişkili olup olmadığına dikkat etmelisiniz.
Sonuç Olarak
Web sitenizin sizin için 7/24 açık olarak hizmet veren bir yazılım olduğunu unutmayın. Doğru kurgulanmamış, doğru tasarlanmamış, doğru inşa edilmemiş bir web sitesinin yayına alınmasının size bir fayda sağlamayacağı gibi size zarar da verebilir. Şöyleki fiziki işletmenizin yarattığı marka değerini kötü bir web sitesi ile zedeleme olasılığınız yüksektir. Bakımı yapılmamış, güncellenmemiş bir web sitesi kullanıcılarınız tarafında da tehlike arzetmektedir.
Başıboş bırakılmış bir web sitesi kötü niyetli insanlar tarafından silah haline gelebilir ve kullanıcılarınızın bilgilerini ele geçirebilirler.
Eğer web siteniz ile ilgili şüpheleriniz var ise Moximu olarak ücretsiz web site analizi hizmetimizden faydalanın..