Web İçin Hangi Yazılım Dilini Kullanmalıyız

Web için hangi yazılım dilini kullanmalıyız sorusu Webmaster adaylarının en temel sorularından bir tanesidir. Frontend için CSS de ne kullanmak gerekir, veya Javascript mi yoksa js tabanlı ağır kütüphaneler mi, backend için PHP mi ASP mi soruları uzar gider.

Web tasarım işine başlayacaklar için kısaca bunlardan bahsetmek gerek .

Frontend nedir backend nedir? Basit bir web sitesi için kullanılması gereken minimum ihtiyaçlar nelerdir?

Bir web sitesi bileşenleri temel olarak genelde ;

  • Arayüz tasarımı,
  • Arayüz yazılımı,
  • Veritabanı,
  • Veritabanı bağlantısı ve veri akışı,
  • Formdan mail gönderme

İşlemlerini içerir.

Frontend Nedir

Yukarıda bahsedilen bileşenlerden son kullanıcının gördüğü arayüzle ilgili kısımların tamamı Frontenddir ( Ön Yüz).

Arayüz tasarımını görsel olarak UX/UI tasarımcı yapar. Frontend ci tarafından bu görsel parçalanır ve arayüzde kullanılan kod parçaları yardımı ile konumlandırılarak son kullanıcının gördüğü görsel site halini alır.

Bu hali ile web sitesi butonları tıklanıp işlem yapamayan bir durumdadır. Henüz iskeleti hazırdır ruhu yoktur. Yani veritabanı ile etkileşim halinde değildir verileri çekemez. Ya da mail gönderemez. Ancak son kullanıcının göreceği tüm unsurlar hazır vaziyettedir.

Bu aşamada frontendde kullanılan kodlardan bahsedelim.

Html : Son kullanıcıya tarayıcıda (chorome veya explorer vs.) yaptığımız siteyi göstermeye yarayan kodlardır. bkz. Html5

CSS Stilleri ile Web Sitelerini Renklendir

CSS: Web sitemizdeki tüm nesnelerin boyutları, renkleri, konumları gibi görsel anlamda ihtiyaç duyulan şeylerin tamamını yerine getiren stil dosyalarıdır. CSS de en çok kullanılan framework ve mutlaka öğrenmenizi tavsiye ettiğimiz Bootstrapdır. bkz bootstrap 4.0

JavaScript: İleri animasyonlar, form denetlemeleri, anlık olarak veya bir etkileşime bağlı stil ve html kod yapısı değişikliklerini sağlayan ve daha birçok arayüz davranış ve işlemini kontrol edebileceğiniz, sadece web sitesi yapmında değil birçok platformda kullanılan, kullanım alanı geniş bir yazılım dilidir. Frontend Javascriptde en çok kullanılan kütüphane jquery dir. Bkz. jquery

Backend Nedir?

Backend ise arayüze hayat veren etkileşimleri sağlayan işlemlerin tümüdür. Örneğin bir butona basınca arka planda neler olacağının komutları genelde backendci tarafından oluşturulan kodlarla işler. İletişim sayfasında formu doldurup gönder butonuna basıldığında olacaklar veya ürünler sayfasına girdiğimizde kaç ürünün veri tabanından çekileceği, çekilen ürün bilgileri ve resimlerinin adresleri vs. vs. içerik verileri veritabanından çekme işlemleri ve işleyişi backendcinin alanıdır.

Backend için kullanılanlara gelince;

MYSQL veya MSQL: SQL kodlarını kullanan veri tabanıdır. PHP için MYSQL kullanılır.

PHP : Arayüz ile veritabanını birbirine bağlayan açık kaynak yazılım dilidir. Linux server üzerinde stabil olarak çalışır. PHP için kullanılan framework ( hazır kütüphaneler ) vardır. Laravel veya Codeigniter en çok kullanılan frameworklere örnek olarak verilebilir.

ASP : Microsoft tarafından oluşurulmuş windows server üzerinde çalışan veritabanı ile arayüzü birbirine bağlayan yazılım dilidir.

Frontend ve backend ayrı uzmanlık alanları olup her iki tarafı da öğrenip yapabilirsiniz. Backendde eğer linux sunucu üzerinde çalışacaksanız PHP, Windows sunucu üzerinde çalışacaksanız ASP tercihi yapmalısınız. Bunlardan biri diğerinden çok daha üstün değildir. Her ikisi ile de işinizi halledebilirsiniz. Hangisinin yapısı size kolay gelirse onunla yazın. Sadece projelerinizde PHP daha ucuza gelir söylemekte fayda var.

Kısaca bir web sitesinde kullanılan yazılım dilleri ve kod yapılarının isimlerini burada anlattık. Bu sadece bir önsöz niteliğinde basit bir giriş yazıdır. Tavsiyem tek tek bu yazılım dillerinin detayını inceleyelerek hayalinizdeki projeye göre öğrenmek istediğiniz yazılım dillerine odaklanmanız olacaktır.

Sabredip gayret ederek sonuca ulaşacaksınız eminim.

En İyi Seo Optimizasyonları Nasıl Olmalı

2019 yılında en iyi seo optimizasyonları nasıl olmalı sorusu her web tasarımcının ( SEO’cu, Frontendci backendci vs… hepsi : ) sorduğu soruların başında gelir.

Bu tip arkadaşlar Google Page speed hız testlerinde 99 u görmek için en ince ayrıntıya kadar siteyi modifiye ederler. Çok takıntılılardır. En ince bir ayrıntı onlar için ölümcül hata olabilir. CSS ve JS minified için çırpınır, js hata satırları çıktığında çıldırır yeniden gerekirse 1 puan için bu kod bloğunu yeniden yazarlar.

Resim Optimizasyonu mu ? Ohoo en kralını yaparlar bir compressjpeg bir tinyjpeg ayrı ayrı tüm resim sıkıştırıcılara sokulur o resimler. Yetmez birde sistem içinde işleyen compress sınıfları kullanılır. Amaç açılış hızını 1,5 sn den 1,4 sn ‘ye çekmektir. Aradakı 1 ms o kadar önemlidir ki SEO hız kriteri için anlatamam. ( Bunları yapanların bu satırları okurken güldüklerini görür gibiyim )

Meta Tag optimizesi apayrı bir hikaye H1 ler H2 ler anahtar kelime yoğunlukları, SEO analiz araçlarına sokmalar falan falan uzuyor gidiyor bu macera.

Pek çok siteden SEO optimizasyonu nasıl olmalı araştırması yapılır, en iyi seo optimizasyonu gerçekten nedir?

Samimi olayım, yıllarca SEO araştırması yaptım. Yüzlerce hatta inceye vurulursa binlerce kriter var doğal olarak. Google gerçek bir insanın işine yarar veriyi elde etmek için çok ciddi bir yapay zeka algoritması kullanıyor. Bu da teknik olarak SEO işlerini çok çetrefelli bir hale getiriyor hali ile. Teknik olarak çok çetrefelli diyorum çünkü bir insanın düşünce yapısı başka bir insanınki ile aynı değildir. Dolayısı ile google yapay zekası tüm arama yapan insanların ortak özelliklerini genel arama kriterlerini memnuniyetlerini, arama sonucu sitede kalma oranlarını vs. vs. binlerce detayı değerlendirerek kriterler oluşturmaktadır. Bu sebeple hiç bir SEO cu google algoritmasını tam olarak bilemez tahminler yürütür. Bazısı çok başarılı bazısı ise başarısız olur.

Bu işi profosyonel yapanları incelediğinizde sitelerinde hep kendi izledikleri yolu açıkca anlatırlar. Ama biz hep yazmayan SEO sırlarını öğrenmek isteriz. Böyle bir SEO sırrı var ederiz zihnimizde.

En İyi SEO Optimizasyon Sırrı

Evet SEO için hiç bir yerde yazmayan sırrı burada açıklıyoruz. Öyle gizli bir sır yoktur :))

SEO Optimizasyonları Nasıl Olmalı
SEO Optimizasyonları Nasıl Olmalı

En büyük sır basit bir insanın düşüncesine göre sitemizi oluşturmaktır.

Evet en büyük SEO sırrı basit düşünmek teknik detaylarda boğulmamaktır. Site hızını 0.1 sn daha düşürmek için yapılan bu ince hesapları ve eforu aslında içeriği verimli getirmeye harcamamız gerekiyor. Öyle SEO çalışması yapılan siteler varki içeriği cılız, en temel SEO kriterleri teknik detaylara dalındığı için es geçilmiş vaziyette. Mesleki körlük kaplamış çalışmalarla dolu piyasa. Dolayısı ile işin sırrı artık doğal olmakta. SEOnun sırrı artık basit temelleri yerine getirmekte. SEOnun sırrı artık mobilde kolay kullanımı olan basit işlemlerle iyileştirilmiş sitelerde.

Evet sitemiz ortalama hızlarda olsa da olur. Genel hatları ile en temel son kullanıcıya yönelik çalışmaları yerine getirmeliyiz. h1 tagımız son kullanıcının ilgisi ile doğru orantılı oluşturulmalıdır. Alt başlıklar gerçekten ilgili konunun soru cevap kısmını teşkil etmeli. Yani suni yapmacık hiç birşey olmamalı doğal akışında olmalı içerik. Boşuna olağanüstü efora gerek yok yani. Sade olsun. Doğal olsun tüm çalışmalar. Kritik SEO işlemlerini kontrol edin eforunuzu buna harcamanız yeterli. Haricinde tamamen son kullanıcı odaklı çalışmalısınız çünkü google son kullanıcı odaklı sıralama yapıyor. Tüm algoritması son kullanıcıya verimli olabilmek için yazılmış bir sistemde ancak bu şekilde ilk sıralarda yer alabilirsiniz.

Temel SEO Optimizasyonları

Yine de dayanamadık tüm SEO hakkında bilgi veren sitelerde gördüğünüz kolaylıkla bulabildiğiniz kriterleri yeniden yazalım dedik 🙂

Ee neticede En iyi SEO Optimizasyonu Nasıldır başlılkı bir yazı oluşturuyoruz demi..

  1. İçerik Optimizasyonları ( Bu SEO tekniği ile ilgili uzunca yukarıda bahsettik. Son kullanıcıya yönelik içerik üretin )
  2. HTML Düzenlemeleri ( Her sayfa için özgün Title – Description – H1 – H2 – Bold – iç link verme ve ağaç link inşası ) En çok bunları son kullanıcıya uygun, anahtar kelimenize odaklı kelimeler kullanarak oluşturmaya efor sarfedin. Çok Önemli bir kriterdir çünkü.
  3. Mobile uyumlu bir yapı
  4. Görsel optimizasyonlar ve resimlerin dosya bilgileri ( alt tag vs. ) google görsel aramalarla müşterilerinizin sitenize geleceğini varsayın.
  5. Tüm Sayfalar kendine has özgün olmalı kopya olmamalıdır.
  6. URL yapısı www.teknoreel.com/seo-optimizasyonlari-nasil-olmali gibi anlamlı olmalı Türkçe karakter linkte olmamalıdır.
  7. SSL Sertifikası artık olmassa olmaz. Güvenli olmalı siteniz.
  8. Youtube kanalınız varsa videolarla besleyin son kullanıcılar epeyce sitede vakit geçirecek şeyler bulsun.

Bu kadar işte.. Ha ben bunları yaptım ama olmadı derseniz bi kaç püf nokta var söyleyeyim. Siteniz yaşlı değilse ( domain yaşı ) kolay kolay hemen yükselemezsiniz sabırlı olun ve içerik oluşturmaya ara vermeyin. Hep yeni bilgilerle sitenizin içeriğini geliştirin. Google Analytics ve Search Console dan ölümcül bi hata yapıp yapmadığınızı öğrenmeye çalışın. SEO işi zaman ister. Sabır ister. Kaliteli içerik standart seo çalışmaları ve zaman ile başaramayacağınız bir seo çalışması olmaz.

Edindiğim tecrübelerin özetini sizinle paylaştım. Size göre en basit SEO nasıl yapılır yorumlarsanız sevinirim.

Mutlu SEO çalışmaları dilerim 🙂

CodeIgniter 4.0 Beta Yayında

CodeIgniter 4.0 Beta Yayında. CodeIgniter son kararlı sürümü 3. versiyondan sonra 4 ile karşımızda. CodeIgniter 2 ile 3 arasında çok ciddi yapısal farklılıklar yoktu. Ancak 4 ile alışıldık application ve configurasyonları unutun. bambaşka bir yapı ile CodeIgniter 4.0 karşımızda. Öne çıkan özellikleri ve yapıyı sizin için inceledik ve gözümüze çarpanları paylaşıyor olacağız.

CodeIgniter 4.0

CodeIgniter 4.0 Nedir: Dünya genelinde binlerce web yazılımında kullanılan bir PHP framework’udur.

Framework Nedir (CodeIgniter Yeni Başlayanlar İçin Açıklama) : Framework, yazılım geliştiricilerin kullandığı önceden hazırlanmış kütüphanelerin bulunduğu ve bunlara yenilerini ekleyebileceği yapıların adıdır. Tekerleği yeniden icat etmektense birçok hazır kod yapısının birarada sunumudur.

Yazının giriş kısmında da bahsettiğimiz gibi CodeIgniter 4.0 da en göze çarpan özellik şüphesis genl hatları ile yapının kendisi. Application klasörünün ismi App olarak değişmiş, .htaccess ve index.php gibi root kısmında olan dosyalar public denilen bir klasöre taşınmış. Session ve Cache gibi önbellek veya dosya upload işlemleri writable adlı bir klasörde tutulmaktadır. Bu gibi önlemlerle CodeIgniter 3 kullanıp index.php gibi sayfaları hacklenen geliştiriciler için ufak da olsa bir önlem alınmak istenmiş diye aklımıza gelmedi değil.

CodeIgniter 4.0 da yapısal değişikliklerden bir diğeri kod sentaxı.

App > Controllers içerisinde öntanımlı gelen welcome.php tarih olmuş yerine Home.php gelmiş. PHP içeriği ise şu şekilde:

<?php namespace App\Controllers;
use App\Models\UserModel;
class Home extends BaseController
{
	public function index()
	{
		return view('welcome_message');
	}
	//--
}

Kod yapısına dikkat; ( namespace App\Controllers) (view) ve diğerlerinin kullanım şekilleri de CodeIgniter 4.0 detaylı dökümantosyonunda açıkca görülebilmektedir.

Ayrıca CodeIgniter 4.0 php 7 ve üstü bir php sürümü ile çalıştığını söylemekte fayda var. Eğer sunucunuzda alt versiyon bir php sürümü varsa yükseltmeniz gerekmektedir.

Aşağıdaki linkten github daki beta dosyalarına

https://github.com/codeigniter4/CodeIgniter4

ve buradan da CodeIgniter 4.0 Beta dökümantasyonuna ulaşabilirsniz.

https://codeigniter4.github.io/userguide/index.html

CodeIgniter 4 ile ilgili sizlerinde düşünce ve yorumlarınızı bekliyoruz.

Samsun Web Tasarım

Samsun Web Tasarım. Web tasarımı internette sadece bir sayfanın gelişi güzel yayınlanması demek değildir.

Çünkü bir web sitesi kurumun interaktif mecradaki yüzüdür, web sitesi karşılama noktasıdır. Bu sebeple web sitesinin işlevselliği, kolay bulunabilir olması için tüm argümanları uyguluyoruz. Web sitenizin hangi anahtar kelimlerde google da kaçıncı sırada olduğunu öğrenmek önemlidir.

Teknoreel Teknoloji olarak tüm ihtiyaçlarınızı karşılayabileceğiniz, kurumsal & bireysel yazılım çözümleri sunmaktayız. Samsunda Web Tasarımı ve Web Yazılımı alanında ayrıca birçok firmalara ciddi ölçüde destek vermekteyiz. Web tabanlı reklamlarla kurumunuzun marka bilinirliğini artırmaktayız. Yapılan özgün tasarımlarla hayallerinizi şekillendiriyoruz.

Sosyal Medya Yönetimi

Kurumsal veya Bireysel danışmanınız olarak Sosyal Medya hesaplarınızın anlık takibi, prestijini ve analizini yapmaktayız. Danışmanı olduğumuz onlarca memnun müşterimiz arasında olmak ister misiniz?

SEO ( Arama Motoru Optimizasyonları )

Uyguladığımız birçok yöntemle, sunduğunuz hizmet veya ürünle ilgili arama sonuçlarında etkin bir şekilde yer almanızı sağlarız.

Samsunda Web Tasarım Hizmetleri

Teklif Talep, Soru ve Önerileriniz için buradan bize ulaşabilirsiniz.