bildirgec.org

toplamda 3 bölüm sürmesini planladığım seo dökümanına kaldığımız yerden devam ediyoruz. önceki 2 bölüme ulaşmak için;

bölüm 1
bölüm 2

1. sayfa içi seo
   • sayfa başlığı (<title></title>)
     sayfalarınıza başlıklar yazıyor olmanız, muhtemelen arama motorları için son derece önemli bir avantaj diyebiliriz. sayfa başlıkları, sitenizin kalitesini belirlemede büyük bir rol oynar.

     ancak başlık seçerken de dikkat edilesi hususlar var. mesela başlığınızı fazla uzatmayın, kısa kesin. dökümanda geçen anahtar kelimeleri içermesini sağlayın. rekabet amaçlamayın, agresif olmayın, makul cümleleriniz olsun. bu bir ölçüde kalitenizi arttıracaktır.

     marka isminiz başlıklarda geçsin. marka isminizin şık durduğundan eminseniz, muhtemelen önce marka ismini yazmayı tercih edersiniz. çekinmeyin, yazın! başlıklar önemli dedik ama başlığın ilk kelimeleri de başlıbaşına önem arz eder. bu nedenle cilalı ve müşteri gözünde değerli bir marka yaratabildiyseniz, şimdi bunu kullanma zamanı geldi demektir. çekinmeden önce markanızı yazın. bu tıklanma oranınızı arttırır.

     elbette markanızın tanınmadığından eminseniz başlıkların son kısmına marka isminizi iliştirmeniz daha yararlı olacaktır. sonuçta başlıklar marka algısını yükseltecek alanlar değil, içeriğinizi tanıtan yerlerdir. marka yaratmak için değişik yöntemlere yönelin. mesela reklam gibi…

Jquery eklentileri artık hemen hemen her sitede görmekteyiz. Bunları kendi bloglarınıza da eklemeniz için 10 adet jquery tabanlı eklentiyi listeledik.

jQuery Colorbox

Lightbox kullanarak açılan menüye sahip başka bir jquery eklentisi.

jQuery Colorbox

jQuery Table of Contents

SEO dostu olan javascript tabanlı bu eklenti, menüler hazırlamanızda yardımcı olacaktır.

jQuery Colorbox

jQuery Drop Down Menu

Jquery ile hazırlanmış klasik çoklu dropdown menü.

JQuery Drop Down Menu

Content Warning

İçerik uyarısı için hazırlanmış bir eklenti.

Content Warning

arama motoru optimizasyonu günümüzde çok önemli bir sektör halini aldı. bunda elbette google‘ın büyük bir başarı elde etmiş olması ve web‘in geleceğini neredeyse tek başına yazmaya başlaması büyük rol oynamıştır. ünlü arama motoru google’ın en son hamlesi caffeine adını verdiği yeni alt yapıyı faaliyete geçirmesi oldu. ancak her zamanki gibi caffeine hakkında bilinenler google’ın resmi açıklamaları ve ortalıkta dolaşan şehir efsanelerinden ibaret. henüz…

üstelik dünyadaki tek web arama motoru google değil elbette. yahoo, bing gibi arama servislerinin kullanıcı sayısı hiç de azımsanacak sayıda değil. öyleyse bugüne dek bilinen ve fayda sağladığı kanıtlanmış seo teknikleri hala tedavülde diyebiliriz. her ne kadar caffeine ile birlikte sosyal içeriğin ve içeriğin tazeliğinin artık hiç olmadığı kadar önem kazandığını bilsek de eski seo taktiklerinin rafa kalkıp kalkmadığı belirsiz ve diğer arama motorları şimdilik herhangi bir altyapı değişimi açıklamıdıklarına göre eski seo mekanizmasının kökten bittiğini iddia edemeyiz.

öyleyse şimdi en önemli birkaç seo çalışmasından bahsedelim. böylece web sitenizdeki içeriği daha görünür kılabilir, ziyaretçilerin sitenizi kolay bulmasını sağlayabilirsiniz.

1. arama motoru dostuluğu (s.e.f web development)

• kopya içerik

arama motorları birbirinin tıpkısı içerikleri görmekten nefret eder. sokakta baktığınızda gördüğünüz halley veya biskrem ambalajları gözünüze ne kadar çöp olarak görünüyorsa arama motorları da benzer içeriği o kadar çöp biçiminde görürler.

kopya içerik durumu bazen bir paradoksa dönüşür. içerik yönetim sistemleri (cms), kategoridir, üründür, özelliğidir derken çoğu zaman bir tek içerik için farklı farklı url‘ler oluşturabiliyorlar. bu durumu çözmek için robot.txt dosyaları, tâli linklerinizi noindex olarak etiketlemek veya 301 durum kodu ile yönlendirme yapmak en geçerli çözüm yollarıdır. ayrıca bir geliştiriciyseniz linkler için google’ın resmi öznitelik raporlarına bakmalısınız.

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com‘dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider – Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, “Play/Stop” (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog – Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

Html 5, henüz tüm tarayıcılar tarafından desteklenmese ve geliştirilme aşamasında olsa da oldukça etkileyici bir dildir. Eklenen yeni elementler sayesinde klasik web yapısı değişerek tamamen interaktif hale gelmiştir. Artık html ile web sayfalarımızda videolar oynatabiliyor veya farklı animasyonlar yaratabiliyoruz. Aşağıdaki uygulamaları inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte Muhteşem HTML5 Animasyon Uygulamaları;
Tunnelers

Plasma Tree

Bomomo

The Mesmerizer

Jcrop, herhangi bir imajı üzerinde kesme, kırpma, kopyalama gibi imaj üzerinden yapılabilecek bazı işlemleri gerçekleştirmek için arayüz oluşturabilen interaktif bir uygulamadır. Jcrop herhangi bir imaj dosyasının belirli bir bölümünü seçmeye yarayan muhteşem bir jQuery uygulamasıdır.

Jcrop ile her türlü imajın belirli bir bölümünü seçerek bu imaj üzerinden çeşitli işlemler yapabilirsiniz. Seçtiğiniz bölgenin koordinatlarını (x1, x2, y1, y2, w,h) öğrenebilir, farklı bir bölgede sadece kestiğiniz kısmı normal veya yakınlaşmış olarak görebilir veya sadece seçili kısmı değişikliğe uğramaz halde gösterebilirsiniz.

Tüm bu seçme işlemleri sonrasında resme farklı tooltip şeklinde notlar ekleyebilir (Facebook‘taki gibi), imajın seçili bölgesini daha yakından göstererek ürününüzün kalitesini gösterebilir veya imaj üzerinden kesme, kırma, efektler uygulama gibi farklı işlemleri farklı yöntemlerle gerçekleştirebilirsiniz. Ayrıca Jcrop üzerinde farklı renkler kullanarak web sitenize göre kişiselleştirebilirsiniz.

Birçok web projesinde kullanabileceğiniz Panning Slideshow, jQuery ile yapılmış bir slayt uygulamasıdır. Özellikle farklı geçiş efektiyle dikkan çeken Panning Slideshow oldukça kullanışlı ve hoş görünüme sahip bir uygulama.

4 veya daha fazla fotoğraf kullanabildiğiniz Panning Slideshow fotoğraflar arası farklı geçiş efektini sunar. Sağa-Sola veya çapraz olarak ilerleyen bu uygulamayı birçok web projenizde ücretsiz olarak kullanabilirsiniz. Oldukça kolay kullanımı olan Panning Slideshow ile istediğiniz fotoğrafları web sayfanızda yayınlayabilir veya ürünlerinizi tanıtabileceğiniz farklı bir araç olarak kullanabilirsiz. Tüm bunları yaparken hiçbir eklenti olmaksızın kolaylıkla kullanabilirsiniz.

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5‘in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.

Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.

Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.