Anasayfa / Web Tasarım / Web Sitesi Nedir? Nasıl Yapılır?

Web Sitesi Nedir? Nasıl Yapılır?

Grafik tasarım ve yazılım dilleriyle şekillendirilen dijital alanlara, web sitesi adı verilir. Web sitesi nedir sorusunun cevabı kısaca bu şekildedir. Nedir sorusunun cevabını verdikten sonra, Web sitesi nasıl yapılır sorusunun cevaplarını bu yazımızda ayrıntılı bir şekilde irdeleyeceğiz.

Ayrıca etkili web sitesi nasıl oluşturulur sorusunun da cevabını öğrenmiş olacaksınız.

  • Alan Adı Seçimi

İnternetteki evinizin açık adresi gibi olan alan adı seçimi dikkatli yapılmalıdır. Baştan her şeyi düşünüp tasarlarsanız, daha sonrasında web sitenizi uzun vadeli kullanabilirsiniz. Öncelikle, site nasıl kurulur sorusunun cevabını bilmeniz gerekir. Birçok kişinin yanlış alan adı yüzünden, sıralamada gerilerde olduğunu biliyor musunuz?

Bunun nedeni, alakasız alan adı seçiminden dolayı, internette arama yapanların sitenizi bulamamasıdır. Öncelikle en çok aranan kelimeler üzerinde odaklanmalısınız. Daha sonra bulduğunuz kelimeleri ilginç hale getirmelisiniz. Yani biraz araştırma, biraz da yaratıcılık devreye giriyor burada. Alan adını doğru bir şekilde seçebilmek için aşağıdaki adımları uygulayabilirsiniz:

  • Google Penguin güncellemesi yayınlanmadan önce, anahtar kelimeye dayalı alan adı önemliydi. Gerçi hala önemli ancak, ikinci planda kaldığını söyleyebiliriz. Güncellemeden sonra URL’ye dayalı alan adı seçimi daha fazla önem kazandı.
  • İnternet sitesi nasıl açılır sorusuna cevap verecek olursak, marka ismine dayalı anahtar kelime seçimi yapmanız başlangıç olacaktır. Google marka ismi olan sitelere daha fazla iltimas sağlıyor.
  • Herkesin bildiği bir konu olmasına rağmen, burada tekrar etmekte yarar var. .com uzantısıyla alan adı almaya çalışın. Çünkü sıralamada en fazla tercih edilen uzantı türü “.com” uzantısıdır.
  • Kısa ve akılda kalıcı kelimelerle alan adınızı oluşturmaya çalışın. Özellikle aramalarda insanlar, uzun kelimeleri yazmazlar. Kısa kelimelerle arama yaparlar.
  • Yaratıcı olun! Herkesin kullandığı isimleri seçmeyin. Alan adı seçmeden önce iyice düşünün. Gerekirse çevrenizdeki insanlardan fikir alın.
  • Tire gibi noktalama işaretlerini kullanmayın.
  • Alan adı sorgulayan sitelerden yardım alabilirsiniz. Çünkü bulduğunuzu zannettiğiniz alan adını, başka biri de bulmuş olabilir.

 

  • –Ux Tasarım

İnternet sitelerinde teknik konulara giren kısımların tasarımı, UX tasarım olarak adlandırılır. UX tasarım her ne kadar mobil platformlardaki tasarım olarak anlaşılsa da, internet sitelerinde de sıklıkla kullanılmaktadır. Günümüzde web sitesi nasıl kurulur sorusunun cevabını yazılımcılar verir ve kullanıcılar da, web sitelerinin tasarımını belirlemektedir. UX tasarım:

  • Kullanıcıların internet sitelerindeki etkileşimleri ile ilgilenir.
  • Sitenin daha hızlı olmasını sağlar.
  • Kullanıcıların internet sitesini kolay ve hızlı bir şekilde gezebilmesini sağlar.
  • Kullanıcıların ziyaret ettikleri internet sitelerinde daha aktif olabilmelerini sağlar. Mesela kullanıcılar sosyal medya butonlarını kullanarak, beğendikleri içerikleri kendi sosyal medya hesaplarında paylaşabilirler.

 

  • Özel Web Tasarım

Kurumların ya da kişilerin, sanal ortamda en iyi şekilde ifade edilmelerini kapsar. Özel web tasarım, genelde kurumlar açısından ele alınır. Daha doğrusu kurumlar bu yönde daha çok talepte bulunmaktadırlar. Mesela kurumsal bir firmanın logosunun nerede yer alacağı, nasıl olacağı özel web tasarımın konusu arasında yer alır.

Profesyonel web tasarımcıları, özel tasarım yapmadan önce rakip analizi yaparlar. Diğer kurumsal firmaların internet sitelerinin nasıl yapıldığına bakarak, daha farklı bir çalışma ortaya koymaya çalışırlar.

Bu kapsamda kurumsal bir web sitesinde, yazı karakterinden renklere kadar birçok unsurun, dikkatli bir şekilde tasarlanması gerekir. Mesela kurumsal bir firmanın web sitesinde arka plan rengini tasarlarken, kesinlikle pembe rengi düşünülmez. Bunun nedeni pembe renginin firmanın ciddiyetine zarar verecek potansiyelde olmasıdır. Ancak gri rengi, kurumsal firma web sitesinin arka planına daha uygundur. Başka renklerde düşünülebilir.

Bir başka önemli konu da yazı fontudur. Gerek kişisel, gerekse kurumsal web sitelerinde olsun yazı fontu dikkatli seçilmelidir. Mesela Comic Sans yazı fontu, kişisel web sitelerinde kullanılabilir.

Resim ve video gibi içeriklerinde yerinde seçimi önemlidir. Kurumsal firmanın kendi katalogunda bulunan resimlerin kullanılması daha uygun olacaktır. Google arama motorunda rast gele seçilen ve telif hakkı sıkıntısı olan resimlerin kullanılması uygun olmayacaktır.

Site içerisine eklenecek olan makalelerin de özenle yazılması gereklidir. Mesela kişisel web sitelerinde daha samimi bir dil kullanılabilir. Kurumsal web sitelerinde ise daha resmi bir dil kullanılmalıdır.

  • Ssl Sertifikası

Güvenlik, internet siteleri için hayati derecede önemlidir. Özellikle E-ticaret sitelerinde ödeme sayfalarında gelişmiş güvenlik sistemleri kullanılır. Ticari faaliyet gösteren internet sitelerinde de, diğer sitelerde olduğu gibi SSL sertifikası kullanılır. Güvenlik sertifikası, hangi verilerin karşı tarafa gönderileceğini, hangilerinin gönderilmeyeceğini belirleyen unsurdur.

Üçüncü kişilerle paylaşılacak verilerin güvenlik sertifikası ile yakından ilgisi vardır.

  • Site Hızı Testi

Eğer internet siteleri hızlı değilse, kullanıcılar tarafından terk edilirler. Yapılan araştırmalar, 3 saniyeden hızlı olmayan internet sitelerine kullanıcıların girmediğini göstermiştir. Bir internet sitesinin hızlı olabilmesi için gereksiz kodların kaldırılması, yüksek boyutlarda resim kullanılmaması ve olabildiğince az video yüklenmesi gereklidir.

Site hızı testi, birçok internet sitesi tarafından yapılmaktadır. Ayrıca birçok programla da internet sitesi hız testi yapılabilir. En bilinen hız testi aracı, Google PageSpeed Insights aracıdır.

  • Cdn

CDN (Content Delivery Network) İçerik Dağıtım Ağı kelimelerinin kısaltılmış halidir. İnternet sitelerini barındıran sunucular, bazı durumlarda aşırı yüklenerek, yavaşlamaya neden olurlar. Bu durum birçok internet sitesi sahibinin başına gelmiştir. Tek bir sunucuya birden fazla sitenin aşırı derecede yüklenmesi yerine, anlaşmalı sunucuların bir ağ oluşturdukları sisteme verileri dağıtmak daha mantıklıdır. CDN kavramına bir örnek verelim:

Mesela internet sitenizin olduğu sunucu Amerika’da bulunuyor. Siz ise Türkiye’desiniz. Sizin gibi birçok internet sitesi verisi, Amerika’da bulunan sunucuya yüklendiğinde, sizin internet sitenizde aşırı yavaşlama meydana gelecektir. Ancak sunucu ağı sisteminde size en yakın ülkedeki sunucuya yönlendirme yapılarak, yavaşlamanın önüne geçilebilir.

Sunucular işte tam da bu sistemi uygulamaktadır.

  • Amp Mobil Hızlandırılmış Sayfalar

Google AMP geçen yıl çıkmış olmasına rağmen, oldukça popüler olmayı başardı. Günümüzde bile birçok kullanıcı, bu platformu kullanmaya devam ediyor. Google AMP (Accelerated Mobile Pages) yani mobil uyumlu hızlandırılmış sayfalar anlamını taşıyor.

Web sitelerinin mobil versiyonlarının, kullanıcılara hızlı bir şekilde görüntülenmesini sağlar. Bu platform kullanıldığında, internet sitenizin mobil görüntüsünün hemen altında, yıldırım ikonu ve yanında da AMP yazan logosunu görebilirsiniz. Yani bu platformu kullanarak, internet sitenizin mobil ortamda daha hızlı görüntülenmesini sağlayabilirsiniz.

HTML5 kodlaması olan AMP, internet sitelerinin verilerini Google önbelleğe alarak, daha fazla hız kazandırıyor. Yani aslında web sitenizdeki içerikler, her zaman ön bellekte hazır olarak bekliyor.

Daha çok E-ticaret sitelerinin tercih etmesi gereken bu platform, bireysel kullanıcılar tarafından da son zamanlarda popüler olmaya başladı.

Yönetim panelinizden, eklenti bölümüne girerek, Google AMP platformunu kurabilirsiniz.

  • SEO optimizasyonu (Arama Motoru Optimizasyonu) Olmazsa Olmaz

Google tarafından belirlenen 200’ün üzerindeki kriterlerin en azından birçoğunun, tamamlanması gerekir. Aslında SEO dediğimiz kavram bu şekilde tanımlanabilir. Ancak Google arama motorunun son güncellemesinden sonra, kullanıcı odaklı internet sitesi kavramı ortaya çıktı. Yani iyi bir SEO yapmanın yolu, kullanıcı odaklı olmaktan geçiyor.

SEO optimizasyonu, hedef kitlenizin neleri beğendiğini ve neleri beğenmediğine bağlı olarak değişebiliyor. Mesela internet sitenizin arka fonuna yeşil rengi eklediniz. Analiz sonuçlarına baktığınızda yeşil rengin, kullanıcılar tarafından beğenilmediğini gördünüz. O zaman bu rengi değiştirmelisiniz. Ancak bunu deneme yanılma yoluyla yaparsanız, epey uzun sürecektir. Bunun yerine kullanıcı alışkanlıklarını analiz yaparak, sonuca daha kısa sürede ulaşabilirsiniz.

İnternet sitesi analizinde ve SEO çalışmalarında, anahtar kelime büyük öneme sahiptir. Genelde kullanıcılar, arama motorlarında bazı kelimelerle arama yaparlar. İşte bu kelimelerden yola çıkarak analiz yapıldığında, kullanıcıların aslında neleri sevdiğini ve neleri sevmediğini öğrenebilirsiniz.

Web sitenizde iç ve dış bağlantıları düzenleyerek, boyutu ağır resimleri küçülterek, uygun videoları kullanarak, ara yüz tasarımını düzelterek v.s SEO çalışması gerçekleştirebilirsiniz. Ancak SEO konusu bu kadar basit değildir. Sürekli değişen bir yapıya sahiptir. Bu yüzden SEO uzmanından yardım almanız, kaçınılmaz olacaktır.

  • Kaliteli İçerik

Kaliteli içerik, SEO çalışmalarının parçasıdır. İçerik denilince birçok kişi, yalnızca internet sitelerinde yer alan makaleler olduğunu sanır. Ancak; makale, video, resim ve logo gibi elemanların hepsi içerik olarak adlandırılır.

Kaliteli içerik hazırlayabilmek için aşağıdaki tavsiyeleri uygulamanız yeterli olacaktır:

  • Makale içerikleri etkili bir başlığa sahip olmalı.
  • Sitede kullanılan resimler daha önce hiçbir yerde kullanılmamış olmalı ve alt etikete sahip olmalı.
  • Makalelerde meta açıklaması olmalı ve en az 3 adet etiket kullanılmalıdır.
  • Makale başlıkları ile konu anlatımı uyumlu olmalıdır.
  • Makaleler; giriş, gelişme ve sonuç yapısında hazırlanmalıdır.
  • İmla kurallarına dikkat edilmelidir.
  • Ana sayfada kaliteli bir logo bulunmalıdır.
  • Ana sayfada kullanıcıların dikkatini çekecek Slider (kayan resimler) kullanılmalıdır.
  • Üst menü iyi tasarlanmalıdır.
  • Makale yazılmadan önce kelime analizi yapılmalıdır. En çok aranan kelimeler, başlıklarda ve metin içerisinde kullanılmalıdır.

 

  • Hızlı Formlar

İnternet sitelerinde kullanıcıların işini kolaylaştırmak adına, hızlı formlar kullanılır. Bu formlarda, siteyi ziyaret edenlerin, e-posta adresi, adı ve soyadı gibi bilgiler yer alır.

Müşteri formları olarak da adlandırılan hızlı formlar, internet sitesi ile kullanıcı arasındaki etkileşimi artırmak ve iletişimi kolaylaştırmak amacıyla oluşturulur.

Google üzerinden kolaylıkla iletişim formu oluşturabilirsiniz. Aşağıdaki yönergeleri takip etmeniz yeterli olacaktır:

  • Google Forms ana sayfasına gidin. https://docs.google.com/forms/u/0/ bağlantısını kullanabilirsiniz.
  • Boş şablon oluşturmak isterseniz + işaretinin olduğu alana tıklayın. Eğer hazır şablon isterseniz, karşınıza çıkan sayfadaki seçeneklerden bir tanesini tercih edebilirsiniz.
  • Seçim yaptınız ve karşınıza bir sayfa geldi. Bu sayfada; e-posta, adresi, telefon numarası ve notların olduğu kutucuklar yer alır. Forma eklemek istediğiniz başka özellik varsa, sağ tarafta bulunan + işaretini kullanabilirsiniz.
  • Sayfanın üstünde bulunan ayarlar bölümünden, formunuzun rengini ve diğer başka özelliklerini değiştirebilirsiniz.

 

  • Canlı Destek

Özellikle ticari faaliyet gösteren internet sitelerinde, canlı destek butonu önemlidir. Müşteriler sitenizde bulunan ürünlerle ilgili yeterli bilgi sahibi olamamışlarsa, karşılarında sorularını yanıtlayacak muhatap ararlar. Müşteri hizmetleri gibi yani…

Yönetim panelinizdeki eklenti bölümünden, internette bulunan hazır eklentileri kullanarak, canlı destek butonu oluşturabilirsiniz. Genelde hazır eklenti olarak karşımıza çıkan canlı destek butonlarının bir türü de, Whatsapp butonudur.

Basitçe internet sitenize, nasıl Whatsapp butonu ekleyeceğinizi anlatmaya çalışalım. Aşağıdaki kodu, <head> </head> etiketleri arasına ekleyerek, Whatsapp butonu oluşturabilirsiniz.

<script>
window.onload = function(){
whatsapp_se_btn_phone = ‘905324401865’; //Telefon numaramız.
whatsapp_se_btn_msg = ‘Sizinle iletişime geçmek istiyorum.’; //Yazılmasını istediğimiz hazır mesaj.
$(document.body).append(‘<div class=”whatsapp-se-btn”></div>’),whatsapp_se_btn_base64=”https://goo.gl/y2Sj2W”,$(“.whatsapp-se-btn”).attr(“style”,”position:fixed;bottom:15px;right:15px;overflow:hidden;background:#1bd741;color:#ffffff;text-align:center;padding:4px 4px;z-index:9999999;cursor:pointer;box-shadow:#000000 0 0 5px;border-radius:100px;”),$(“.whatsapp-se-btn”).html(‘<img style=”width: 45px;” src=”‘+whatsapp_se_btn_base64+'” alt=”Whatsapp ile İletişime Geç” />’),$(“.whatsapp-se-btn”).attr(“onclick”,’location.href=”https://wa.me/’+whatsapp_se_btn_phone+”?text=”+whatsapp_se_btn_msg+'”‘);}
</script>

Hepsi bu kadar!

  • Hosting seçimi nasıl olmalı

Hosting seçimi yaparken, aşağıdaki maddelere dikkat etmeniz gerekir:

İşletim Sistemi: Genelde Windows ya da Linux işletim sistemlerinden bir tanesini, hosting paketlerinde seçersiniz. Eğer siteniz, .ASP ya da .ASPX kodlama dile ile yazılmışsa, Windows hosting seçimi uygun olacaktır. Web siteniz PHP koduyla yazılmışsa, Linux işletim sistemini seçmeniz daha uygun olacaktır.

Sunucu Alanı: Hosting firmaları sundukları hizmet kapsamında, barındırma hizmeti olarak, sınırlı düzeyde alan sağlayabilirler. Tabi ki ödeyeceğiniz ücrete göre, sahip olacağınız alan kapasitesi de farklı olacaktır. Mesela kurumsal firmalar için 2 GB alan yeterli olmayacaktır.

Trafik: Hosting paketlerinde trafik oldukça önemlidir. Sitenize aynı anda giren kişi sayısı, trafiği belirler. Eğer iyi bir sunucuya sahip değilseniz, siteniz kilitlenir en iyi ihtimalle yavaşlar. İnternet sitenizin hedef kitlesini ve aylık olarak aynı anda giriş sayısını tahmin ederek, trafik kotası satın almalısınız. Daha doğrusu, hosting paketlerinde eğer mümkünse sınırsız trafik seçeneğine sahip paketleri satın almanız yararlı olacaktır.

Veritabanı: Birbirleri ile bağlantılı verilerin depolandığı alanlar, veri tabanı olarak adlandırılır. İnternet siteniz her açıldığında, veritabanında bulunan bilgiler çeker ve kullanır. Hosting paketlerinde genellikle, MySQL ve MsSQL veritabanları kullanılır. Eğer PHP kodlaması ile yazılan siteniz varsa, MySQL veritabanı seçimi yapmalısınız. Siteniz, .ASP ve .ASPX kodlaması ile oluşturulmuşsa, MsSQL veritabanı özelliği olan hosting paketi seçimi yapmanız yerinde olacaktır.

Subdomain: Ana alan adı altında oluşacak olan alt alan adları, web sitenizin kapsamına göre seçilebilir. Mesela blog yapısında alt sitelerde oluşturmak isteyebilirsiniz. Bu durumda, hosting paketlerinde subdomain sayısına da dikkat etmeniz yararlı olacaktır.

Hosting E-Mail: Hosting paketlerinde kaç adet mail seçeneği olup olmadığını kontrol edin. Genelde internet sitesi ile birçok iletişim, e-posta adresleri vasıtasıyla yapılmaktadır. Ayrıca web sitenizin e-postası bir tür kurtarma aracı olarak da kullanılmaktadır.

  • Web sitesi desteği

İnternet siteniz tasarlandı, her şey bitti ve yayına alındı. Asıl iş, bundan sonra başlıyor. İnternet siteniz için sınırsız teknik desteğe ihtiyacınız olacak. Web sitesi desteği bu açıdan önemlidir. Bir sorunla karşılaştığınızda, sitenizi yapan firma ya da kişilere ulaşamayabilirsiniz. Bu durumda 7/24 teknik destek hizmeti veren hosting ve domain firmaları seçmelisiniz. Böylelikle sorunlarınıza hızlı çözümler üretilecek ve internet siteniz, kesintisiz olarak yayınına devam edecektir.

Özellikle sunucu hizmetlerinde, teknik destek hizmetine ihtiyacınız olacak. Bazı durumlarda sunucularda meydana gelen kesintilerin bir an önce giderilmesi için, destek talebinde bulunmalısınız.

Yukarıda anlattığımız web sitesi nasıl yapılır sorusunun cevaplarını vermeye çalıştık. Web site kurulumlarınızda, Acarnet firması her türlü desteği size sağlayacaktır. Bilgilendirici yazılarımızı takip etmeye devam edin!

 

hakkında Berkay Gavaz

Acarnet'te Web Designer

Bu Yazıya da Bakabilirsiniz

Web Sitesi Tasarımı Yaparken Anasayfa Neden Önemlidir?

Web design homepage yani bir internet sitesinin ana sayfasının tasarımı oldukça önemlidir. Neden peki? Şöyle …

4 yorumlar

  1. Web sitesi yaparken en çok neye önem vermeliyiz? Birde sitemizin bannerlerini seçerken veya temasını seçerken renklere dikkat etmelimiyiz sizce hangi renklerin kullanılması daha iyi olur ?

    • Merhaba Kaan Bey,
      Web sitenizde banner renkleri seçerken web sitenize giren internet kullanıcıların gözlerini fazla etkilemeyecek fakat dikkat çekici bir renk seçmeniz gerekmektedir.

  2. Web sitesi yaptırmak bize ne katabilir? ürünlerimi sitemde paylaşsam bana ne gibi katkı olur müşteri kazanma olasılığım yükselir mi ve aramalarda üstlerde bulunmam için sitede en çok ne yapmam gerekir?

    • Merhabalar Zafer Bey,
      Web sitesi sizlerin ürünlerinizi satmanızda en büyük destekçiniz olacaktır. Mesela bir kullanıcı sizlerin web sitenize girdiğinde bir ürün almaya karar verir ve bu ürünün özelliklerini okuyup sipariş verecektir. Bu şekilde ise müşteri kazanma olasılığınız da yükselecektir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir