ismail kaplan

Web tasarım ve/veya programlama işi ile kurumsal yada kişisel olsun, ilgilenen herkesin dilinde dolaşan Seo (Search Engine Optimization/Arama Motoru Optimizasyonu) terimi hakkında bende birşeyler yazmak istedim.

Aslında çok geniş bir konu olmasına rağmen, "Nedir bu Seo ?" sorusuna kısa bir cevap ta ben yazayım. :)

Evet gerçekten de nedir bu seo ?

Seo, web siteleri için en önemli hit kaynakları olan Arama Motorlarının, web sitesini hızlı ve hedefe yönelik indekslemesini sağlamak amacıyla, Arama motoru ve Web sitesi arasında duygusal bir bağ kurmak için uygulanan teknikler bütünüdür.

Teknikler bütünüdür diyorum çünkü, seo konusunda yapılacak tek bir işlem yoktur. Web sitesinde yapılacak optimizasyon işlemleri ile, arama motorunun web sitesini sevmesini ve dolayısıyla  web sitesinin arama sonuçlarında bu teknikleri kullanmayan birçok siteye göre, daha avantajlı konumlarda listelenmesi sağlanabiliyor.

Seo olayı öyle bir duruma geldi ki, başlı başına bir sektör olarak ortaya çıkmaya başladı. Sadece bu konuda hizmet veren danışman firmalar kurulmaya başladı, internette SEO konusunda uzman olduğunu söyleyen kişilerin "Web sitenizi Google'da ilk sayfa -hatta ilk sırada- çıkmanızı garanti ediyoruz" gibi mesajları, ilanları ve reklamları sık sık görüntülenmeye başladı.

Bu tip iddialı cümleler kurmak ne kadar doğru, ne kadar başarılı sonuçlar alınıyor bilemiyorum. Bildiğim tek şey var birilerinin size "senin web siteni xxx kelimesinde ilk sırada yer almasını garanti ediyorum" diyebilmesi mümkün değil.

Hürriyet gazetesinin teknoloji haberleri bölümünde okuduğum haberi sizinle paylaşmak istedim. Haberi direk kopyala yapıştır yapıyorum :D

İlgili video 3D gözlükle izlenirse daha iyi olacaktır. (Varsa :) )

Piramitler nasıl inşa edildi? Bu soru yüzyıllardır bilim adamlarının, tarihçilerinin kafasını kurcalıyor ve herkes bu sırrı öğrenebilmek için uğraşıyor. Uzaylılardan tutun da kayıp kıta Atlantis'in teknoloji olarak çok ileri halkına kadar bir çok teori üretiliyor. Bu teorilerden hiçbiri, birazdan izleyeceğiniz videoda yer alan 3D modelleme kadar ayakları yere basan bir teori değil.

Mimar Jean-Pierre Houdin tarafından yürütülen ve tamamlanması yıllar süren çalışma sonunda geçtiğimiz hafta Türkiye ofisini açan Dassault Systemes firmasından Mehdi Tayoubi'nin yönettiği ekibin de yardımı ile 3D modellenerek görselleştirilmiş ve analiz edilmiş oldu.

Videoda izleyeceğiniz 3D modelleme CATIA yazılımı kullanılarak, DS partnerlerinden "Gehry Technologies" tarafından geliştirilen modüller ile yapılmış. Piramidin sırrının merkezini teşkil eden kral odasının analizleri SIMULIA ile yapılmış. Blokların taşınması sırasında çalışacak ekiplerin ergonomi analizleri ve blokların planlanan alan içinde taşınabileceğinin analizleri DELMIA ile gerçekleştirilmiş.

Bütün bu oluşan projenin herkesin erişimine Web üzerinden 3 boyutlu olarak açılması ise Virtools ürünü ile hayata geçirilmiş.

 İlgili videoyu izlemek için tıklayın

Videonun oolmadığı konusunda yorumları gördüm ve videoyu kontrol ettim. Video hâla hürriyetin sitesinde yayınlanıyor. Fakat küçük olduğu için pek birşey anlaşılmıyor. Bende konunun ilgi çeken bir konu olması dolayısıyla küçük bir araştırma yaptım ve videonun çok net bir halini buldum. Fakat ingilizce :(

İlginizi çekerse bu linkten izleyebilirsiniz. Buradanda konuyla ilgili üç boyutlu diğer görsellere ulaşabilirsiniz.

Not : videoyu izleyebilmeniz için videoyu hazırlayan firmanın geliştirdiği bir tarayıcı eklentisini bilgisayarınıza kurmanız gerekiyor.

Google'ın apilerini inceledikçe google'a olan sempatim daha da artıyor. Ajax Vizualization Api galerisini incelerken, web 2.0 ile web sitelerin özellikle blogların neredeyse hepsinde gördüğümüz "Etiket Bulutu" (Tag Clouds) uygulaması konusunda bir ajax api olduğunu gördüm.

Bir çok webmaster forumunda bu konu hakkında sorular, çözüm önerileri, ücretli ve ücretsiz birçok uygulama/kod gördüm. Ama bu işin bu kadar rahat bir şekilde yapılabilmesi çok hoşuma gitti.

Aşağıda, termcloud isimli ajax apisinin kullanımı için bir örnek hazırladım. Normalda apinin kullanılması için asp yada php gibi dillerden birisine ihtiyaç duyulmuyor.
Ama ben kendi etiket sistemimi de paylaşmış olmak amacıyla asp ile birleştirdim ve çok güzel çalıştığını gördüm.

Gelelim kod yapısına

ilk olarak aşağıdaki kod bloğunu <head>..</head> etiketleri arasına yerleştiriyoruz.

// normalde css dosyası da direk google'dan çalışabiliyor fakat ben renkleri istediğim gibi düzenlemek amaçlı kendi hostumda tutmayı uygun gördüm 

<link rel="stylesheet" type="text/css" href="tc.css"/>

<script type="text/javascript" src="http://visapi-gadgets.googlecode.com/svn/trunk/termcloud/tc.js"></script>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

Daha sonra aşağıdaki javascript + asp karışımı kodu <body> ... </body> tagları arasında etiket bulutunuzun görünmesini istediğiniz yere yerleştiriyoruz.

Daha önceleri Ajax uygulamaları için uzun uzun javascript kodları yazmaya uğraşırdım (Aslında bir kere yazıp, kopyala yapıştır yapardım :) ). Jquery Ajax api'si sayesinde, uzun javascript kodları ile uğraşmaktan kurtulup, kısa bir kod bloğu ile ajax işlemleri yapılabiliyor.

Nasıl çalıştığına, hemen bir örnek görmek isterseniz, hemen kategorilerin üzerindeki arama bölümüne birşeyler yazabilirsiniz.

Jquery ile ajax yada başka plug-in'leri kullanabilmeniz için, öncelikle js dosyasının son versiyonuna sahip olmanız gerekiyor. Buradan en son versiyon .js dosyasını bilgisayarınıza indirebilirsiniz.

Aşağıda kullanımına örnek olması açısından basit bir örnek kodu sizinle paylaşıyorum.

İlk olarak yukarıdaki linkten indirdiğiniz .js dosyasını sayfamıza ekliyoruz.

<script language="javascript" src="js/jquery-1.3.2.min.js"></script>

İkinci adım olarak ajax'ın çalışacağı kodları <head>...</head> tagları arasına ekliyoruz.

<script language="javascript">

function AjxTest(parametre)

{

$('#AjaxDiv').html('İşlem Yapılıyor...'); // işlem yapıldığı süre içince ziyaretçi bunu görecek

$.ajax({

         type: 'GET', // Veri taşıma methodu

         url: 'ajax-deneme-sayfasi.asp', // işlemin yapılacağı sayfa

         cache: false, 

         data: 'veri='+parametre, // sayfaya gönderilecek parametreler

         success: function(sonuc) {

                  $('#AjaxDiv').html(sonuc);

                  }

         });

}
</script>

Üçüncü adım olarak ajax'ı çalıştırması için sayfamızdaki bir neyneye emir veriyoruz

<a href="javascript:AjaxTest(1);" title="İlk Link">Link 1</a>-<a href="javascript:AjaxTest(2);" title="İkinci Link">Link 2</a>-<a href="javascript:AjaxTest(3);" title="Üçüncü Link">Link 3</a>

Tamamını Okuyun

Bir projede online sözlük yapmam talep edildi. Ben sözlük için veritabanı ve paneli hazırlayacaktım, müşterim de yönetim panelinden kelimeleri sisteme kayıt edecekti. Yoğun bir süreç içerisinde olmam ve biraz üşenmem dolayısıyla kısa bir çözüm arayışı içerisine girdim.

Asıl amacım google'da hazır bir sözlük veritabanı bulmaktı, bulmam gereken veritabanı italyanca - türkçe ve ispanyolca - türkçe sözlük olacaktı. Kısa bir araştırma sonrası sadece ingilizce-türkçe sözlük için bir veritabanı buldum. Malesef işime yaramıyor olması dolayısıyla kullanmadım.

Web servisler araştırmaya başladım ve pek işime yarayacak bir servis bulamadım.

Sonunda google'ın ajax apilerine bir göz atmaya karar verdim translate bölümü ile ilgili bi api yayınlamış mı onu kontrol edeyim derken AJAX Language Api'sini gördüm ve acayip sevindirik oldum :D

Google Ajax Language API sayesinde birçok dilde kelime yada uzun cümleler olarak çeviri yapmak mümkün. Uzun lafın kısası aşağıdaki kodlar kullanılarak kısa sürede birçok dili destekleyen online bir sözlük sahibi olabiliyorsunuz.

Hemen kodlara geçelim.

Aşağıdaki javascript kodunu <head>...</head> tagları arasına yerleştirmeniz gerekiyor.

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
<script language="javascript">

// language api kodları başlar -- bu koldar google tarafından verilen api kodları
google.load("language", "1");

function initialize() {

var content = document.getElementById('content');

content.innerHTML = '<div id="translation"/>';

var text = document.getElementById("q").value;

google.language.translate(text, document.getElementById("sozluk1").value, document.getElementById("sozluk2").value, function(result) {

var translated = document.getElementById("translation");

if (result.translation) {

document.getElementById("translation").style.border='1px solid';

document.getElementById("translation").style.padding='5px';

translated.innerHTML = result.translation;}});

}google.setOnLoadCallback(initialize);


// api kodları biter
// dil değiştirme kodları başlar -- bu kodları ben ekledim :)
function changelang(){

var dil1 = document.getElementById("sozluk1").value;

var dil2 = document.getElementById("sozluk2").value;

document.getElementById("sozluk1").value = dil2 ;

document.getElementById("sozluk2").value = dil1 ;

}
// dil değiştirme kodları biter
</script>

Tamamını Okuyun