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.

CSS tabanlı tasarımlar kullanarak web sitesi hazırlamak (benim için ne kadar gıcık bir konu olsa da) genel olarak avantajları ile ön plana çıkıyor. Ne kadar hoşlanmasam da, sanırım bundan sonra, bende tablosuz tasarım konusunda kendimi iyice geliştirip, projelerimi yavaş yavaş CSS tabanlı olarak tasarlamaya başlayacağım.

CSS ile hazırlanmış bir tasarımın avantajlarını sıralayacak olursak;

• Tasarım ve içerik ayrı ayrı çalışılabilir. Tamplate sistemine, tablolu tasarıma göre çok daha uygundur.
• Daha az kod yazmak daha hızlı yüklenmeyi sağlar.
• Daha az kod yazmak, arama motorlarının asıl içeriğe daha rahat erişmesini ve indekslemesini sağlayacaktır, bu da arama motorunun sitenize verdiği önemi yükseltecektir. Arama motorları sayfaların önemini içerikleri ile ilişkilendirir. Tablo kullanılarak hazırlanmış tasarımlarda kullanılan bir çok alt HTML etiketleri içerikle bütünleşik olarak sunulduğu için, içeriğin HTML etiketlerinden ayrılması için harcanan süre bir dezavantaj olacaktır. CSS ile hazırlanmış tasarımlarda küçük ekstra tanımlamalar ile arama motorlarının içeriğe erişmesini  kolaylaştıracaktır.
• CSS tabanlı tasarımlarda görsel arayüzde düzenlemeler yapmak tablo tasarımlara göre daha rahattır. Arayüzdeki standartların değişikliği için Tablo tasarımlarda genelde tasarım sıfırdan oluşturulur, fakat CSS tasarımlarda ilgili CLASS yada tanımlamanın değiştirilmesi yeterli olabilmektedir.

Neyse bu kadar yeter sanırım. CSS tabanlı tasarımlarla ilgilenmek isterseniz daha önce eklediğim Tablosuz Tasarım İçin Birsürü Şablon konusundaki hazır arayüzler ilginizi çekecektir.

Kolay gelsin.

Jquery ile uğraşmak çok zevkli oluyor. Hele de uğraşının içine ASP kodlamaları, XML, veritabanı bağlantıları girince tadından yenmiyor desek doğru olur.

Buradaki Jquery Accordion Menü örneği çok hoşuma gider ve projelerimde kullanmaktan zevk alırım.

Bir müşterim için kendi hazırladığım javascript acordion menü artık hoşuma gitmemeye başlamış ve aynı müşterim için yeni bir proje daha hazırlamam gerekiyordu. Aynı mantıkla çalışan bir accordion menü kullanmak gerektiği için yukarıda bahsi geçen menü örneğini kullanayım dedim.

Proje; aynı kategorilerden ve ürünlerden oluşan iki sitenin tek bir veri havuzundan yararlanmasını ön görüyordu. Birisine kategori eklenmesi durumunda yeni sitede de görüntülenmesi ve o kategoriye eklenen ürünün de yeni sitede teşhir edilmesi gerekiyordu. Neden diye soranlar olacaktır.

Müşterim aynı bilgileri tek tek iki ayrı veritabanına girmek istemiyor :)

Her neyse bu işlemi MSSQL yada MySQL veritabanı kullanarak yapabilirdim ama geç kalmış olmak problem oldu. Önceki site veritabanı olarak Ms Access kullanıyordu. Bende xml ile verileri yeni siteye taşımayı uygun gördüm (Bir süre için)

Yukarıda bahsi geçen Accordion Menu'yü XML'den gelen bilgilerle oluşturmak için kodlamaya başladım.

• Kodlanmış ve bitmiş hali için tıklayın
• Örnek XML dosyasını inceleyin
• Örnekte kullanılan css dosyasını inceleyin

Aşağıda XML veriler kullanarak Jquery ile Accordion Menü yapımının kodlarını bulacaksını. Bonus olarak da Veritabanı ile yapılmış halini istersiniz diye veritabanı ile çalışan halinin kodlarını ve çalışan halinide ekliyorum.

Kodlara geçelim. Bu kadar gevezelik yeter.

İlk olarak

JQuery'nin en son versiyonunu buradan indirebilirsiniz. İndirdikten sonra aşağıdaki gibi sayfanızın <head>...</head> kodları arasına ekliyoruz.

<script type="text/javascript" language="javascript" src="js/jquery.js"></script>

Css dosyamızıda hemen altına ekliyoruz.

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

Menümüzün çalışması için gereken javascript kodlarına geldi sıra

Son zamanlarda web sitelerinde sıkça kullanılmaya başlanan tablosuz (tamamen css ile hazırlanmış) tasarımlar ilgi çekmeye başladı.

İlk zamanlarda ben de duyar duymaz kollarımı sıvadım ve birkaç web sitesini bu şekilde yapayım dedim. Fakat o zamanlar tahminimden zor olduğunu anladım (hâla öyle düşünüyorum). birkaç işten sonra vazgeçtim ve normal çalışma sistemime geri döndüm.

Gerçekten de bir web sitesini full css ile tasararlamak bazen beni çileden çıkartıyor. Browser'ların her birinde farklı görünmesi gibi problemler küstürmüştü beni.

Neyse...

Bu sitede, tablosuz tasarımla ilgilenmek isteyenler için birçok şablon örneği bulunuyor. Yapmanız gereken sizin projenize uygun olan şablonu seçip download etmek.