Dreamweaver’da Spry Menü Yapma

Sitemizde Web Tasarım ve SEO adına birçok bilgi bulunmaktadır.Bu bilgilere bir yenisini daha ekliyelim.Bu dersimizde Dreamweaver programında Spry menü yapmayı anlatacağız.Spry menülerin öncelikle SEO açısından faydasına ve zararına bakalım.Spry menüler içinde çok fazla içerik barındarabileceği için bu yönden oldukça faydalıdır.Örneğin,anahtar ile ilgili bir siteniz varsa sayfaiçinde spry menü kullanarak hem yerden tasarruf etmiş olursunuz hemde normalde anasayfaya sığdıramayacağınız kadar çok içeriği sığdırmış olursunuz.Arama motorları sitenizi indexlerken spry menü içindeki yazıları gizlenmiş olarak değil,anasayfada düm düz yazılmış bir yazı gibi okur.Bu da Seo açısından size oldukça büyük katkı sağlayacaktır.Spry menü içindeki metinlerde olabildiğinde anahtar kelimenizden bahsedin.Anasayfanıza ve alt sayfalarınıza linkler çıkın.Tabiki herşey tadında güzel.Bu uygulamayı abartarak spama düşmeyin.Şimdi gelelim spry menülerin zararına.Spry menülerin verdiği fayda deve gibi verdiği zarar pire gibi ufaktır.Sadece javascript olduğu için siteye ufak bir zarar vermiş olur.Fakat verdiği büyük yararla bu açığını çok fazlasıyla kapatmış olur.Javascript diye siteyi yavaşlatacağını düşünmeyin.Kalitedizayn’ın anasayfasını site hızı aracından sorgulatırsanız ne kadar hızlı olduğunu göreceksiniz.Aşağıdaki anlatımı takip ederek Dreamweaver’da spry menü yapmayı öğrenebilirsiniz.

Tab menüler genellikle jquery ya da ajax kullanılarak yapılıyor.Artık ajax ya da jquery ile uğraşmanıza gerek yok.Dreamweaver’da Spry sekmesinin altındaki Spry tab panels butonuna tıklayıp spry tab menüyü oluşturabilirsiniz.Aşağıda örnek resim bulunmaktadır.

syry-menü

syry-menü

Spry menü sayfanız içinde oluştuktan sonra tabların üzerindeki yazıları seçerek ya da code kısmına gelerek istediğiniz tab menü adını yazabilirsiniz.Aşağıda örnek resim bulunmaktadır.

spry-menü-yaziyi-sec

spry-menü-yaziyi-sec

Tab 1 yazını seçin ve istediğiniz ismi girin.Spry tab menünüzün şeklini,rengini değişmek için sağ tarafta bulunan css tanımlamalarını kendinize göre düzenleyebilirsiniz.Örneğin,biz tab menünün arkaplanını değiştireceğiz.Aşağıda örnek resim bulunmaktadır.

spry-menü-düzenli

spry-menü-düzenli

Tabların içeriğini doldurmak için ise content yazan yazıyı silip istediğiniz içeriği ekleyin.Dreamweaver ile gelen bu özellik sayesinde hiç jquery ve ajax bilmeden tab menü yapabileceksiniz.Sağ panelde bulunan css kodları ile ise tab menünüze istediğiniz şekli,rengi verebilirsiniz.

VN:F [1.9.17_1161]
Rating: 10.0/10 (4 votes cast)
VN:F [1.9.17_1161]
Rating: +4 (from 4 votes)

Seo Uyumlu Web Tasarım

Bir işi yaparken öncelikle iç kısmını halletmelisiniz.Daha sonra dış kısmana geçmelisiniz.Bunun nedeni temeli sağlam oturtmaktır.Aynı işlem SEO içinde geçerlidir.Temeli sağlam oturttuğunuzda siteniz dış optimize çalışmalarıyla muhakkak Google ilk sayfaya çıkacaktır.Sitenin içini optimize etmek için Site İçi Seo yazımızı okuyabilirsiniz.Sitenizin içine de optimize etmeden önce sitenin tasarımını optimize etmelisiniz.Sitenizin tasarımının optimize edilmesi kesin olarak birkaç sıra atlamanız anlamına geliyor.Aşağıdaki özelliklere ve anlatılanlara göre sitenizin tasarımını düzenleyin.Sitenizin tasarımını aşağıdaki ilkelere göre düzenlediğinizde ne derece etki olacağını gözlerinizle göreceksiniz.Böyle etki olmasının nedenini bir örnekle açıklayayım.Sitenizin çok çabuk açılması çok önemlidir.Google hız unsuruna oldukça büyük önem veriyor.Dikkat ederseniz bir arama yaptığınızda şu kadar saniye içinde oluşturuldu diye bir sonuç gösteriyor.O nedenle siteniz çok çabuk açılmalı,kullanıcılar sitede jet hızıyla gezebilmelidir.Sitenizin hızlı olması Google’ın hoşuna gideceğinden sitenizi bir kaç sıra ön sıralara atlatabilir.

Hız

Web sitenizin hem Seo açısından hemde ziyaretçi açısından oldukça hızlı olması gerekmektedir.Ziyaretçiler gezdiği sitenin çok hızlı olmasını isterler.Sitenin alt sayfalarında dolaşan ziyaretçiler hızlı bir şekilde dolaşabilmelidir.Aynı durum Google botları içinde geçerlidir.Botlar hızlı bir şekilde sitenizi rahatça gezebilmelidir.Sitenizin çok olursa Google botlarına da sitenizi daha hızlı indexleyeceğinden siteniz daha hızlı index almış olacaktır.Google hız unsuruna ciddi derecede önem vermektedir.Arama sonuçlarında Google sorgulanan yazıyı kaç sonuç içerisinde ve ne kadar zamanda listelediğini kullanıcıya göstermektedir.Sitenizin indexlenme hızı Google webmaster araçları içinde labaratuvar sekmesinden öğrenebilirsiniz.Ayrıca Google sitenizin hızını yavaşlatan unsurlarıda size sunup düzeltmenizi ister.

Kullanıcı Etkileşimi

Web sitenizi sosyalleştirmelisiniz.Sosyal ağlarda etkin olarak sitenize sosyallik katabilirsiniz.Sitenizdeki içeriğe kullanıcıların yorum yapması ya da kullanıcıların kendi fikirlerini sunarak içerik eklemesi sitenizin sosyalleşmesini sağlayacaktır.Kullanıcının yaptığı yorumlara içten ve samimi cevaplar vermeye çalışın.Kullanıcılarınıza samimi ve içten cevaplar yazmanız onları yeniden yorum yapmaya teşvik edecektir.

Kullanıcı Memnuniyeti

Kullanıcıları memnun edebilmeniz için yukarıda belirttiğimiz uygulamaları eksiksiz yapmayı çalışın.Kullanıcıların memnuniyetini anketler,yazılan yorumlar,iletişim bölümünden gelen görüşler vasıtasıyla öğrenebilirsiniz.Gelen tavsiye ya da istekler size de uygunsa en kısa zamanda kullanıcıların isteklerini yerine getirmelisiniz.Ayrıca sitenizden memnun kalan ziyaretçiler siteye ziyareti tekrarlacaktır.Bu da size fayda sağlacaktır.

Yeni Teknolojilere Uyum

Web siteniz Web 2.0 ve devamında gelecek olan Web 3.0 teknolojisine uygun olmalıdır.Siteniz sosyal ağlarda paylaşılacak şekilde dizayn edilmelidir.Sitenizde her yazının altında sosyal ağlarda paylaş butonu olmalıdır.Bu sayede kullanıcının işini kolaylaştırarak sitenizi sosyal ağlarda paylaşmış olursunuz.Sosyal ağlar Seo’da gittikçe önemini arttırmaktadır.Sitenizin sayfalarının,yazılarının sosyal ağlarda paylaşılması Seo için yapılmış önemli bir uygulamadır.

Görsellik

Web siteniz içeriğini yansıtacak şekilde tasarlanmış olmalıdır.Sitenin tasarımı sitenin içindeki resimler,yazılar,videolar bir bütünlük oluşturmalıdır.Eğer bütünlük oluşursa sitenizin tasarımı akılda kalmış olur ve ziyaretçiler her defasında tekrar sitenize girer.Bu da sitenizin daha tanınmış olmasına hatta sitenin markalaşmasın sağlayacaktır.Google’da ziyaretçilerin verdiği bu değeri görerek siteye yeni değerini verecektir.Web sitenizi tek veya iki ana renk üzerinden tasarlamaya çalışın.Seçtiğiniz ana renklerin tonlarını da kullanabilirsiniz.Bu sayede siteniz sade ve hoş görünümlü olacaktır.Sitenizdeki renk uyumu gerçekten güzel olursa kullanıcının beğenisini kazanmış olacaksınız.

Nagivasyon

Nagivasyon son zamanlarda Google arama sonuçlarına sitenizin içeriğini yansıtan bir araç olmuştur.Web sitenizde mutlaka nagivasyon bulunmalıdır.Hazır cms sistemlerde genellikle nagivasyon mevcuttur.Php,Asp ya da Html yapılmış sitelerde nagivasyon pek bulunmuyor.Kullanıcı sitenizden gezerken ben neredeyim gibi aklına bir soru geldiğinde cevabını bulması için sitenizde nagivasyon olmalıdır.Bir önceki yazımızda Black Hat Seo ve White Hat Seo adlı yazımızı yayınladık.

VN:F [1.9.17_1161]
Rating: 8.4/10 (8 votes cast)
VN:F [1.9.17_1161]
Rating: +5 (from 5 votes)

Black Hat Seo ve White Hat Seo

Google ilk sayfada bulunmak için kimi SEO uzmanı çaba sarfeder,sabreder ve sonunda başarılı uygulamaların ardından sitesi ilk sayfada olur.Birde diğer Seo uzmanlarının emeklerini hiçe sayarak,kullanıcıları zerre miktarı düşünmeden,sadece arama motorlarını kandırmaya yönelik uygulamaları yapar.İşte biz bu duruma SEO sektöründe Blach Hat Seo ve White Hat Seo deriz.White Hat Seo sitemizde anlatılan tüm legal Seo uygulamalarına denir.Black Hat Seo ise sadece arama motorlarına yönelik,etik olmayarak yapılan Seo çalışması anlamına gelmektedir.Bu yazımızda Black Hat Seo’dan bahsetmemizin nedeni Black Hat Seo tekniklerini öğretmek ve Anti Seo gibi durumlarla karşılaşıldığı zaman bu duruma dur diyebilmenizdir.Blach Hat Seo çalışması yaptığınızda sadece çok kısa süreli bir çıkış yaparsınız ve ardından siteniz çok çabuk geldiği gibi geri döner.Yani arama sonuçlarından tamamen silinir.Bu nedenle etik olarak Seo çalışması yapmanızı kesinlikle tavsiye ederiz.Aşağıda en çok kullanılan Black Hat Seo tekniklerini paylaşıyoruz.Tekrar belirtelim,bu yazı tamamen bilgilendirmek içindir.

Görünmez Yazı Ve Linkler
Sitenizin arkaplan renginde yazıları ve linklerin rengini değiştirerek yapılan tekniktir.Bu yazıları ziyaretçilerin birçoğu fark edemez.Arama motorları tarafından bu yazılar algılanır ve indexlenir.Bu metinler ve linkler anahtar kelimeleri içerir.

Resim Alt Tagları
Bu teknik ile hem görsel aramalarda hem de normal aramalarda yükselmeye çalışılınır.Resimlerin alt tagına alakasız anahtar kelimeler girerek yapılır.

Makine İle Oluşturulan İçerik (Machine Generated Content)
Özel yazılımlar vasıtasıyla veritabanından yüklenen içerikler ile yapılmaktadır.Bu yöntemin etkisi çok azdır.Çünkü Google kopya içeriğe hiç bir zaman değer vermez.

Giriş Sayfaları (Doorway Pages)
Daha önceleri robots.txt dosyasının anlatımını yapmıştık.Robots.txt dosyasından arama motorlarını ve ziyaretçileri yönlendirebilirsiniz.Arama motorları ve ziyaretçiler için farklı sayfalar hazırlanır.Arama motorları için hazırlanan sayfada pek bir tasarım olmaz.Sadece içerik ve anahtar kelimeden bol link bulunur.Arama motorları bu sayfaya yönlendirilir.Ziyaretçiler ise tasarımı normal olan sayfaya yönlendirilir.Google’ın yeni algoritması sayesinde eş anlamlı sözcükleri görebilmektedir.Bu nedenle bu tekniğinde eskisi gibi çok önemli bir etkisi yoktur.

Alakasız Anahtar Kelime Doldurma (Keyword Stuffing)
Bu teknik en sık uygulanan tekniklerden biridir.Sitenin meta taglarını ve başlıklarını alakasız anahtar kelimelerle doldurarak diğer alanlardan da hit çekilmeye çalışılır.Yalnız bu teknik günümüzde etkisini bayağı bir yitirmiştir.Meta taglar günümüzde etkisi kadar değerli değildir.Bu nedenle etkisi azalmıştır.Bir önceki yazımızda Google Penguin Nedir ? Neler Yapılmalı ? adlı yazımızı yayınladık.

VN:F [1.9.17_1161]
Rating: 10.0/10 (7 votes cast)
VN:F [1.9.17_1161]
Rating: +7 (from 7 votes)