Web Tasarımda Güçlü ve Hafif Kod Yazmanın Önemi
Günümüzde hangi yazılımı kullanırsanız kullanın eğer bir web sitesi sahibi iseniz kesinlikle HTML kodlarıyla muhatap olmanız gerekmektedir. Başarılı bir web tasarım oluşturabilmek için güçlü ve hafif kodlar hakkında kesinlikle bilgi sahibi olmanız gerekmektedir. Web sitenizi hazırlarken ister hazır bir script kullanın ya da wordpress hiç fark etmez her durumda HTML kullanacak ve HTML kodları ile içli dışlı olacaksınız.
Bu yüzden sitenizin SEO açısından başarılı olmasını istiyorsanız, yine aynı şekilde en az orta düzeyde de olsa HTML bilgisine sahip olmalısınız. Bu yazımızda sizlere elimizden geldiğince web sitenizle ilgili bazı basit işlemleri kendinizin de yapabildiğini görmüş olacaksınız. Siteniz üzerinde bazı kodları ve eklentileri ekleyebilecek bir konuma geleceksiniz. Peki, yapılan bu işlemler SEO ile gerçekten ilgili mi diye düşünüyor olabilirsiniz.
Şöyle söyleyelim eğer web sitenize Analytics istatistik kodlarını, Adsense reklam kodlarını, Google Search Console tanıtımında ya da sosyal medyalar için og taglarını kullanırken HTML kodları eklemeniz gerekmektedir. Eğer bu kodları yanlış eklerseniz yapacağınız işlemlerden hiçbir verim alamayacaksınız.
HTML Nedir?
HTML ( Hiper Metin İşaretleme Dili) olan bu kod, çalıştırılmak için herhangi bir derleyiciye gereksinim duymamaktadır. Web tasarımı yaparken istediğiniz bütün HTML kodlarını kullanabilirsiniz. Genel olarak HTML kodları internet tarayıcıları ( Chrome, Firefox) tarafından yorumlanır ve bu yorumlanma sonucunda ekranda sizlere bir şeyler sunar. Genel olarak web tasarımda kullanılan hafif kodlar ve güçlü kodlar sayesinde sitenizin SEO uyumluluk derecesi artırılmaktadır. Elbette ki HTML web sitenizi oluşturmanız için tek başına yeterli olmayacaktır.
Çünkü HTML sayesinde oluşturacağınız sitelerinizi dinamik bir siteden ziyade, statik bir site olmaktadır. Dinamik site olarak adlandırılan siteler ise, genel olarak yönetim paneli olan ve yeni yazılar paylaşabileceğiniz bir sistemden ibaret olmaktadır. Yani artık kodlar ile uğraşmanıza gerek kalmadan ara yüz sayesinde sitenizi kolayca güncelleyebilirsiniz. Şayet statik bir site olsaydı, yapacağınız her değişiklik için kodlar ile oynamanız ve her yeni sayfa içinde yeni baştan dosyalar oluşturmanız gerekmektedir.
Daha somut ifade edecek olursak web tasarım için HTML bir iskelet olarak düşünülebilir. Sonrasında HTML kodları kullanarak hazırlamış olduğunuz iskeleti ekstra diller ile geliştirmekte ve bütün bir vücut haine getirmektesiniz.
HTML İle Bağlantılı Olan Diller
CSS: Oluşturulan kodlara görsellik katmak için kullanılan bu dil, HTML ile ayrı düşünülemeyecek olan bir dildir. Çünkü internette görmüş olduğunuz bütün sitelerin tamamında CSS kullanılmaktadır. Yukarıda vermiş olduğumuz iskelet örneğine dönecek olursak, işte CSS bu iskeletin tam olarak dış görünümünü (gözler, ten, saç gibi) oluşturmaktadır.
Javascript, JQuery: Bu özellik sayesinde web siteniz üzerinde anlık güncellemeler yapabilirsiniz. Daha somut olarak yazacak olursak mesela bir butona tıkladığınızda baloncuk çıkması gibi ya da menüyü seçtiğinizde bu bölümün kayarak açılması gibi olanaklar sağlamaktadır. Başarılı bir web tasarım için bu özelliklerin kullanılması çok önemli olmaktadır. Biz burada en basitinden iki örnek verdik, yoksa bu programlar sayesinde web sitenize daha birçok özellik katabilmektesiniz.
PHP, ASP: Web sitenizi daha dinamik bir hale getirmek için gerekli olan diller olmaktadırlar. Ancak burada önemli olan web sitenizi hazırlarken ikisini birden değil, ikisinden birini seçersiniz. İkisinin birbirinden farkı var mı diyecek olursanız, PHP daha çok açık kaynaklı bir sistem olum Linux işletim sistemlerinde çalışır. ASP ise Windows işletim sistemleri ile çalışmaktadır. Fakat bu ikisinden bizim size tavsiyemiz PHP olmaktadır. SEO konusunda sitemizi güçlendirecek olan bu dil sayesinde, sitemiz daha da dinamikleşecektir. Yani online ödeme, üyelik sistemi, yönetim paneli gibi sistemleri yapmanızı sağlayacaktır.
618Media Dijital Pazarlama Ajansı https://www.618media.com/web-tasarimda-guclu-ve-hafif-kod-yazmanin-onemi/












