Web Tasarım Nedir ? : Web Tasarım Nasıl Yapılır ?
Web tasarım nedir ? Nasıl yapılır?
Web tasarımcı olmak istiyorum ancak web tasarım nasıl yapılır adına yaptığım onca araştırma aklımı karıştırmaktan başka bir işe yaramadı diyorsanız ve gerçekten web tasarım dersleri için, akıl karıştırmayan, takip etmesi kolay bir rehber ile yapmak istiyorsanız, web tasarım ile ilgili bildiğim herşeyi bu site içerisinde özgün ve sağlam içerikle anlatmaya çalışacağım.
Web Tasarım nasıl yapılır, bunun için herhangi teknik bilgiye ihtiyaç var mıdır ? veya web tasarım firma için ücretli midir ? gibi sorularınız varsa, en başta söylemeliyim ki kesinlikle doğru adrestesiniz.
İnanın ben de sizin geçtiğiniz yollardan geçtim ve web tasarımcılığı ile ilgili o kadar çok şey okudum ki aklım karıştı. En son artık web tasarımcısı maaşı falan gibi internetten ne kadar para kazanabilirim gibi sorular merak ediyordum. İşin başı sağlıklı öğrenmeydi . Hatta web tasarım nedir onu bile bilmezdim. Cem yılmaz ‘ın kulakları çınlasın yazı başlığımız da dayak nedir nasıl atılır ? film repliğine döndü.
İlla ki buraya web tasarım ve kodlama öğrenmek ,dersleri için gelmiş olacak değilsiniz. Web tasarım fiyatları ile ilgili bilgi arıyor da olabilirsiniz. Hepsine bu yazının devamında ayrıntılı bir şekilde değineceğim.
Web tasarım işleri öncelikle küçük yaşlarda teknoloji ve bilgisayara olan ilgi ile başlar. Ben küçükkene elimde olan tek şey ingilizcemdi. Anadolu lisesine gidiyorduk az çok ingilizcemiz vardı. Türkçe kaynak mı pehh arada bulsun. Bilen kişi mi bulda gelsin ki öğretsin sana . Web tasarımcı hırslı olmalı tuttuğunu koparmalı aklına koyduğunu yapabilmeli o özgüven kararlılık kendisinde bulunması gereken özelliklerden. Neyse konuyu dağıtmadan çat pat ingilizcemiz ile html ,css, php gibi deyimler ve diller ile tanıştık. Baktım ki özgünsün istediğini yapabiliyorsun çok hoşuma gitti. Daha çok merak daha çok araştırma küçük html kodları ile başlamıştım. Sene 2004 vs bu yıllardan bahsediyorum. Her evde öyle internet falan ne gezer 145 li hatların bir kaç yıl ötesi işte. İnternete normal telefon kablosu ile 145 üzerinden bağlanıyorsun ama ne para yazıyor. İlk faturadan sonra zaten anlıyorsun ki ADSL müthiş birşey. Peyyy nerelerden nerelere şimdi herşey mükemmel Kotasız internet ile fiber hızın keyfini çıkarıyoruz. Aynı şu an burada okuyacağınız gibi bir rehberi takip ederek yıllar önce ilk web tasarım eserimi ortaya çıkardım.Basit bir html sayfaydı. Yazılar sağdan sola yukardan aşağı falan kayıyordu ,anlayacağınız yeterince acemi yıllardı.Şimdi öylemi bootstrap ,css,javascript gibi diller sayesinde başyapıtlar yapmak mümkün.
Başta yaşadığım sıkıntıları sizler de yaşamayın diye ve bu konuda doğru düzgün bir detaylı anlatım içeren Türkçe rehber kaynak olmaması nedeni ile, web tasarım nasıl yapılır rehberini yazmaya karar verdim.
Web Tasarım Nedir?
Nedir bu web tasarım her gencin öğrenmek istediği , web tasarım ile amaçlanan nedir? Web tasarım nedir aslında biliyor musun? Kişilerin site açmak istiyorum ama nasıl site açacağını bilmediği zaman aklına gelen konunun genel adıdır. Bilimsel açıklamalar ile uzun uzadıya kafanı ütülemek istemem. Html5 ,css3 ,javascript bilen az çok da grafik tasarım alanında bilgi sahibi olan kişiye web tasarımcı denir. Web sayfaları ,internet siteleri iki çeşittir. Web tasarım nedir sorunsalını biraz daha açarak neymiş bu iki çeşit web tasarımı açıklayalım.
Statik sayfalar ,Dinamik Sayfalar
Statik adından da anlaşılacağı üzere durağan sabit değişmeyen anlamında ,web tasarımcı bu statik web sitesini ilk başta hazırlar ve hosting yani sunucuya koyduktan sonra site sahibi bu site türü üzerinde ekleme ,çıkarma yapamaz ve yeni içerik ekleyemez. Google artık seo teknolojisinde domain otoritesi çok yüksek değilse statik sayfaların bu kadar rekabetçi bir piyasada işi çok zor. Nitekim yapılan tek sayfa web tasarım one page dediğimiz çoğu sayfa html template içerikli olup bu türe girmektedir. Statik sayfalar hazırlanan içeriğin html ,css ile oluşturulmuş bir iskeleti olup,ilerde dinamik hale getirebilirler. Statik internet siteleri özellikle web sitesi zorunluluğu geldikten sonra web tasarım firmaları’nın en çok talep aldığı küçük ve orta düzeyli kurumsal işletmelere yapılan işin genel geçer ismidir.Statik internet siteleri ile ilgili yeterli bilgiyi aktardığımı düşünüyorum hadi geçelim Dinamik internet sitelerine
Dinamik İnternet Siteleri :
Arka planda tablolar ve sorgulardan oluşan bir veritabanı zenginliğine sahip internet sitelerdir. Web tasarımcıların kendi kodlama yapıp oluşturduğu scriptlerin yanı sıra açık kaynak kodlu siteler de dinamik internet siteleri kapsamına girer. Bunu ise arı kovanına benzetin hergün ,yada hafta da bir birşeyler üretilir. İçerik tazelenir ,web tasarımcı seo açısından da google tarafından en çok sevilen siteler arasında gelir. Son dakika internet haber sitelerini hergün geziyoruz. Dakika bazen saniye de bir sayfa yenileniyor ki dinamik internet siteleri değişimin ve gelişimin diğer adresidir. Son zamanlarda wordpress ve blogculuk kavramları ülkemizde aldı başını yürüdü. İnternetten para kazanmak isteyen sitelerinden para kazanabileceklerini farkeden her birey artık içerik oluşturarak www dünyasına bir adım attı.
Web Tasarım Nasıl Yapılır ?
Web tasarım nasıl yapılır konusuna geçmeden önce nelere dikkat etmelisin azıcık ondan bahsetmeliyim. Akılda kalıcı olsun diye madde madde sıralamak isterim.
- Gözü yormayacak, renk uyumu sağlanmış olmalı
- Web tasarım ve Kodlama olabildiğince anlaşılır ve basit yapılmalı
- Geliştirilebilir olmalı, bugünün şartlarında mükemmel bir web sitesi yaptığını düşünebilirsin. Fakat seneye nasıl bir teknoloji çıkacağını bilemezsin. Bu yüzden arge kısmının önünü açık bırakmak her web tasarımcı için yararlıdır.
- Yorum satırları kullanmayı unutmamalısın , yorum satırları programlama olsun web tasarım olsun coder dediğimiz kişilerin hayatını ve zamanını kurtaran bir yapıdır. Tekli ve çoklu yorum satırlarını html dersleri ,php dersleri içerisinde bu site bulabilirsin ( //bu web tasarım dersleri eklenince linkleri koymayı unutma) işte gördünüz ben bile yazım içerisinde kendime bir not düşerek web tasarım seo yazımın içeriğini ilerde düzeltme şansı tanıdım.
- Bilmen gereken bazı programlar ve programlama dilleri var. Basitten ileri seviye doğru, temelden profesyonel seviyeye web tasarım dersleri en ince ayrıntısına kadar işlenecek merak etme . Dümeni bırak kaptanı takip et. Rahat ol şampiyon öğreneceksin, güzel günler yakındır sen sadece kendine inan ,yapabileceğine güvenin tam olsun.
- Localhost kurulumu hakkında bilgi sahibimisin bilmiyorum ama web tasarım hakkında birşeyler öğrenmek istiyorsan ,öğrendiklerini deneyerek daha da kalıcı hale getirebilirsin.
- Logo tasarımı , banner yapımı ,header alanı ,footer alanı gibi iskelet dediğimiz yapıları kendin oluşturmak istersen photoshop cs 6 ya da yeni sürümlerinden adobe photoshop cc 2018 -9 bilmelisin. Resmin arka planı nasıl temizlenir,resim üzerine yazı nasıl yazılır temel konulardır. Hayal dünyanı genişletir. Photoshop dersleri için biraz daha vaktimiz var ama ileride inş. Şimdilik web tasarım dersleri bizim için yeterli
- Html ,css ve javascript in yanında php programlama dili hakkında da bilgi sahibi olacaksın. html5 ile başlayan derslerimize css3 ile devam edip ,küçük bir javascript molası verdikten sonra aslansın php diyerek dinamik siteler hazırlamaya açık olacağız.
Çenem düştü parmaklarım kendinden geçti , ne kadar çok yazdım. Web tasarım ile ilgili konulara buradan devam edeceğim.
Seo uyumlu web tasarım nedir?
Web tasarım nedir den sonra web tasarım nasıl yapılır konusuna değindim. Seo nedir ? web tasarımcıların ve internet sitesi kurmuş kişilerin sitesini google da konumlandırmak isteyen kişilerin önemle üstünde durması gereken ismi web tasarım seo kavramıdır. Google adwords ile web tasarım firmaları sayesinde ayda ne kadar reklam verseniz de bu reklamlar size ziyaretçi ve müşteri sağladığı doğrudur. Google gözünde sitenizin değerini artırmaz. Google için seo uyumlu web tasarım kavramı , babasının gözüne girmeye çalışan çocuk gibi internet sayfanızı google ın gözüne sevimli göstermeniz gerekir.
Seo uyumlu web tasarım nasıl yapılır ?
- İşe başlamak için büyük bir siteye ihtiyacınız yok, 5 sayfa yeterli. Fakat sadece tek bir sayfayla çalışmayın.
- Bir sitenin Google’da yer alması yaklaşık 7-10 gün sürer, 6 ay sürmez.
- Web sitenizi Google’a sunmanıza gerek yok, mevcut değişiklikler zaten biliniyor.
Kontrol etmek için bunu kullanın : http:// www… - Web sitenizi Yahoo & Bing’e sunmalısınız.
- Bir Google hesabı almalısınız ve sitenizi Google Webmaster Araçlarına kaydedin.
- Sitenizi Yahoo’nun site tarayıcısına da kaydedin.
- Ve Bing’in Webmaster Merkezine de kaydedin.
- Diğer arama motorlarıyla zaman kaybetmeyin. Pek çok içerik bu 3 büyük siteden gelir, kimse bunlara bakmaz ve genellikle işi batırırlar.
- Google’da Yerel İş Merkezi hesabı oluşturun.
- Sitenizde 301 yönlendirilmiş trafik oluşurun.
- Bir site haritası oluşturun(.xml formatında)
- Bu site haritasını, webmaster alanlarındaki arama motorlarına sunun.
- Meta kelimesi arama motorları için gereksizdir. Google,yahoo ve bing onu göz ardı eder.
- Meta açıklaması arama sonuçlarında gözükür ve kullanıcılar bu açıklamaları okur. Dolayısıyla insanlara kendinizi sunma fırsatını kaçırmayın.
- Her sayfa için tek bir başlık yazın ve bu başlıklar mutlaka içeriğinizle ilgili olsun.
- Bir sitenin hızlı yüklenmesi SEO için önemli olduğu kadar kullanıcı için de önemlidir. Bir SEO asla binlerce insanı birinci sınıf bir server’a yüklememeli.
- Kullandığınız resimlerin görünümlerini kaybetmeksizin optimize edilmiş ve sıkıştırılmış olmasına özen gösterin.
- Sadece JPEG ve PNG kullanın lütfen. TIFF,Gif ve BMP’leri unutun.
- HTML’e sadık kalın. Arka planınızda junk kod veya arama motorlarına zor anlar yaşatacak her hangi bir tag’a izin vermeyin. Kodunuzun onaylanmış standarda yakın olmasına özen gösterin.
- Javascript’i sitenizin baş kısmında ve minimum seviyede kullanın.
- Siteyi oluştururken CSS’i kısa tutun. Kullanabildiğiniz kadar Standard kullanın.
- Kullanılmayan CSS’leri kaldırın.
- Çok fazla CSS kullanmanıza da gerek yok, 1999’lerden kalma bir Standard ne de olsa. Stil sayfasında satırları uygun bir şekilde sıraladığınıza emin olun.
- Arama motorlarına içeriğinizin önemini gösterebilmek için başlık etiketlerini kullanın.Önemli şeyleri H1’de yazın. Ana içeriğini paragraf tag’ları arasına yazın.
- Resimlerinizin açıklayıcı ALT etiketlerinin olmasına özen gösterin. İçeriğinizde resim kullanmak görsel arama sonuçlarında sıralamanızın artmasını sağlar.
- Unutmayın resmin eni ve boyu kodda belirtilir, web’e yüklenmeden önce resmin doğru boyutlandırıldığından emin olun.
- Dosya adlarınız için açıklayıcı anahtar kelimeler kullanın.
- Flash girişlerden ve splash sayfalardan kaçının.
- Kullanıcıdan herhangi bir plugin ya da 3D efektli java applet indirmesini istemeyin, havalı gözükür ama kullanıcı bunları istemez.
- Site dolaşımının kullanıcı ve arama motorları için erişilebilir olmasını sağlayın. Mesela, eğer Mouse olmasa, kullanıcı siteyi sadece klavye ile kullanabilir mi?
- Anasayfada yer alan navigasyon resim olmamalı, resim kullanmak bazı linkleri bloke eder.
- Siteniz CSS’e uygun navigasyona sahip olmalı
- Breadcrumb navigasyon kullanmayı göz önünde bulundurun.
- Site içi linkler önemlidir,kullanıcıya ve arama motorlarına sitenizi okuması için yardımcı olur. Anahtar kelimelerinizle ilişkili linkler kullanmaya özen gösteriniz.
- Sitenizde kullanıcı hatasına sebep olabilecek kırık link olmamasına özen gösterin.
- Server lokasyonu sıralamanızı etkiler. Fransa’da hosting yapılıyor ama hedef müşteriniz Avustralya’da, o zaman Avustralya’dan hosting hizmeti alın.
- http://www.yourdomain.com/page.php?id=cat/clothing=22ff&Truelinki arama motorlarına göstermek için hoş değil.
- http://www.yourdomain.com/mens-clothing/trousers/black farkı görüyor musunuz?
- Beyaz arka plana beyaz yazı yazmayınız. Bu spam tekniği 90’ların sonlarında 15 dakikalık etki yapıyordu.
- Bu renk şemasını kullanmayın : http://www.gatesnfences.com/ Bir dakikalığına SEO meselesini unutun, bunu yapmanın normalde de yanlış olduğunu göreceksiniz.
- Browserlar SEO sıralamalarını akıllarında tutamazlar.
- İçerik en önemli kısımdır. Sitenize sürekli içerik ekleyin. Bu durum sitenizin trafiğinin artmasına sebep olacaktır.
- Bunu sadece sitenize değil, blogunuza, makalelerinize,mektuplarınıza da uygulayabilirsiniz.
- Asla çalıntı içerik kullanmayın. Kopya içerik google tarafında hızlı bir şekilde indekslenir ve sizi kolayca yakalar. Orijinal içerik sahibi de bu şekilde kolayca size ulaşır.
- İyi içerikler girmek yerine sitenizi reklamlarla doldurmayın. Bu tembelce olur ve kullanıcıyı düşünmemiş olursunuz.
- İçeriğinizi yazarken kullandığınız hedef anahtar kelimelerinizin bedelini ödemeyi ihmal etmeyin.
- Anahtar kelimeleri yazmak için yazmayın, insanların anlayabilmesi için yazın aynı zamanda.
- Sitenize alt kategori olarak bir blog eklemeyi unutmayın.
- Nasıl blog alacağınızı bilmiyor musunuz? WordPress.com’a girerek kendinize ücretsiz bir tane alın ve sitenize back-link verin.
- WordPress, Google SEO için onaylanmış bir sitedir ve pek çok ücretsiz plugin barındırır.
- Her hafta blogunuza içerik ekleyin. Boş bir blog size yarardan çok zarar verir. İçerik yazamıyor musunuz, oursource olarak verin.
- Büyük makaleler yerine çok sayıda kısa makale yazın,fakat okunabilir olmalarına ve kullanıcı tarafından anlaşılabilir olmalarına özen gösterin. İlk yayınlanan bir blogda Hedef 4-5 ana makaledir.
- Blogunuzun yan tarafında , “En Popüler Olanla” veya “En İyiler” şeklinde bir menü yapın.
- Blog yazılımınızı güncel tutun. Her zaman yeni versiyona yükseltin ve güvenliğinden emin olun.
- Server’ınıza robots.txt adında bir dosya yükleyin, korsan yönergeleri bloklayın ki arama motoru tarafından indekslenmesin.
- Blog post’larınız için blog etiketleri kullanın, ön planda gözüktüklerinden emin olun.
- Yorum ve tartışmalara kullanıcıların cevap vermesini izin verin.
- İşinizle ilgili olmayan bloglardan gelen misafir kullanıcıların da post gönderebilmesine izin verin.
- İşinizle alakalı diğer bloglara da yorumlar yazmayı unutmayın.
- “Yol Gösterme Klavuzu” yada Top 10 gibi listeler yazın çünkü insanlar bu tür şeylere tıklamayı ve okumayı sever.
- Şekilsel hataları ve yazım hatalarını blogu yayınlamadan önce kontrol edin. Unutmayın, online olarak yaptığınız her harekette şirketinizi temsil ediyorsunuz.
- Artık makale siteleri(Örn:EzineArticle) için daha fazla içerik yazmaya başlayabilirsiniz.
- Yazar durumunuzu ‘Expert’ seviyeye çıkarabilmek için hemen Ezine’ye 10 makale yazın, sunabilme zamanını hızlandırın.
- Makale yazabilmek için uzman olmanız gerektiğini düşünmeyin. Bu konuda fazla endişelenmeyin,sadece word’ü açın ve yazmaya başlayın.
- Zamanınızın çoğunu ilgi çekecek iyi bir başlık bulmaya ayırın. İyi bir başlık makale için belirleyicidir.
- Her makale sonunda kaynak kutusunu akıllıca kullanın, ilgi toplamak için farklı şeyler test edin, deneyin. Her zaman kaynak kutusundaki linkleri kullandığınıza emin olun.
- Farklı konularda yazarken, farklı takma adlar kullandığınıza emin olun. Mesela güzellik ürünleri hakkında bir yazı yazarken, bayan adı kullanmak daha çok ilgi çeker.
- Blog yada makale sitelerinde bulunmayan, günlük olarak yazılmış olan ‘normal’ işlerle ilgili basılı yayımlarını alın.
- Bunları birkaç PR sitesine yollayın.
- Kullanıcıları ve arama motorlarının fark edebilmesi için blogunuzda RSS feed kurulu olduğuna emin olun.
- Yeni bir post yaptığınızda RSS feed’e ping yapmayı unutmayın,yada pingomatic gibi popüler bir ping yapma hizmeti kullanın.
- Eğer yeni içeriğinizin sitedeki insanlarla ilgili olduğunu düşünüyorsanız sosyal bookmark yapın.
- İnsanların, sizin içeriğinizi sosyal ağlarda paylaşmasına imkan verin.etrafta yardım etmek için pek çok eklenti var.
- Linkler, internetin nasıl işlediğini gösteren mekaniklerdir ve SEO için hayati önem taşır ve ayrıca google’ın sıralama algoritmasının da önemli bir kısmını oluşturur.
- Sıralaması yüksek olan sitelerden link almaya çalışın. Bu durum sizin sitenizin sıralamasını da arttırır.
- SEO performansınızı ölçerken, sayfa sıralamalarının düşünce şeklinizi yönetmesine izin vermeyin. Bu dinamik bir hedeftir ve yılda sadece 3-4 kere değişebilir.
- Linklerinizi sitenizle veya blogla ilgili yapın.
- Hemen ertesi güne binlerce link almayı beklemeyin, linkler zamanla artış yaşar.
- Link satın alırken dikkatli olun. Google bunu sevmez ve sonuç olarak pek çok siteyi kara listesine alabilir.
- Kendi alanınızdaki anahtar kelimelerle arama yaparak konunuza uygun top bloglar bulun ve bunlara kendi blogunuzda link verin.
- Sonra onlardan geri dönüşümde bulunmalarını isteyin. Onların siteleri hakkında nazik ve dürüst olun ve sakın sabit bir mesajı bütün insanlara kopyala-yapıştır yapmayın.
- Rakiplerinizin linklerini bulun, online kimliklerini saptayın. Onların sitelerini Yahoo Site Taayıcısında veya Google’da http://www. Kullanarak aratın. Onların linklerinin olduğu sitelere, siz de link verin.
- Ne zaman herhangi bir şey için online olduğunuzda( forum sitelerinde veya blogda vs.)ve size bir site linki veya URL sorulduğunda, bu durumu kullanın ve ücretsiz backlink verin.
- BOTW web direktöründe listeye girin.
- DMOZ.org ve Yahoo direktörüne de kaydolun, pahalı bir yol ama buna değer.
- Yüzlerce yönlendirme bulunan bir siteye girmeyin, bu size daha çok zarar verir. Eğer siteniz kötü sitelerle yakın ilişkilerde görünürse, sorgusuz sualsiz cezalandırılabilirsiniz.
- Ücretsiz Yell.com gibi e-mail spamine, junk postalara ve iş görüşmelerine bakarak liste yapan yerlerden uzak durun ücretli bir direktör listesi almanın size nadiren geri dönüşümü olacaktır.
- Kendi alanında bir uzman olabilmek için kendini sürekli geliştir. Sonuçta bu senin kendi alanın ve sen diğer herkesten daha iyi bilirsin, bu yüzden alanına sahip çık.
- Online sorulara cevap ver, Yahoo Answers’a yardımcı ol, forum sitelerine üye ol, düşündüğünden fazlasını biliyorsun,kendi bilgini paylaş.
- Bir seri online video geliştir sitende kullanmak için ve bunları müşterilerine gönder. Videoları kısa tut(3 dk. Maks.) ve amaca yönelik olsunlar. Pratik yaptıkça daha iyi sonuçlar elde edersin.
- Videolarını upload ettiğin siteye anahtar kelime tag’lar ve açıklamalar ekle.
- Twitter’a adını kaydet. Bu günlerde Tweet’ler içerikmişçesine indeksleniyorlar. Her gün twitter kullanmaya çalışın.
- Tabi bir de Facebook Fan sayfasına ihtiyacınız olacak.
- Sosyal medyaya girerken, kimsenin şirketinizin adını almadığına emin olun. Bu durumdan kaçınmak için genişçe bir isim ayırma hizmeti alın.
- Profillerini populerleştir, diğer insanlarla temasta ol, hesaplarını birbiriyle senkronize et. Twitter’ını LİnkedIn’e bağla yada blogunu Twitter’a bağla.
- Sitene Google Analitik’i yükle. Bir sonuca varabilmek için 4 hafta onu çalıştır. Test etmeye başlamadan önce buna ihtiyacın var.
- Tıklama ölçümü işi yaramayan ve SEO’yu yavaşlatan bir ölçümdür. Senin eşsiz bir ziyaretçi sayısına ihtiyacın var, oranları arttır, sayfaları yükselişe geçir ve anahtar kelimeler gir.
- Sitenize ulaşmak için insanların hangi anahtar kelimeler kullandığını gözlemle, sonra bu kelimeleri kendin araştır. Eğer anahtar kelimeyle aranma trafiğin yüksekse ama yine de Google’da 3.sayfadaysan, bu anahtar kelime ile ilk sayfada çıkma konusuna daha fazla odaklan.
- Sitenize tıklama yapan kişi sayısı SEO sıralamasını destekleyen bir durum değildir.
- Google Adwords’e günde £ 500 harcamak, doğal aramalarda yükselmenizi sağlamaz. Adwords doğal arama sonuçlarına etki etmez.
- Spam’den uzak durun.