jQuery gereçlerini bir arada sunuyor olması, sizi web projelerinizde kullanacağınız özellikler için ayrı ayrı plugin arama ve uygulama zahmetinden kurtarıyor. Ayrıca efekler oldukça kaliteli ve kodlama açısından da çok pratikler.

Peki nedir bu gereçler?

Tabs (Sekmeler) Yatay veya dikey sekmeler için.

Tooltip (Açıklama baloncukları) Yardım baloncukları.

Overlay (Modal Diyalog Kutucukları) Modal Kutucukları.

Expose Sayfa içerisinde ki öğeleri belirgin yapmanızı sağlıyor.

Scrollable (Kaydırma) Kaydırma Grupları oluşturabileceğiniz bir gereç.

Flash EmbedFlash dosyalarımızı eklemek için kullanabileceğimiz Flash Embet.

jQuery Tools ‘un en önemli özelliği hepsini bir arada sunuyor olması fakat bu özelliklerden istediklerinizi kulanmayı planlıyorsanız; plugin dosyalarını ayrı ayrı indirme imkanınada sahipsiniz.

jQuery Tolls download sayfası için buraya Demolar için buraya tıklayınız.

Ayrıca bu makaleyi daha kapsamlı okumak için buraya tıklayınız.

İşte o güzel site =)

http://www.keyrow.com

örnek : http://www.keyrow.com/data/?s=flashcentury.net;

Yanlız önemli not kelime aramasını www.google.com aramaları baz alınarak arama sonuçlarını gösteriyor

Bazı uyanık webmaster Google üst sıralara çıkmak için arama motorları aldatmak için birçok yönteme başvurmuşlardır bunlardan bazıları sitedeki bazı yazıların içeriğine uygun olmayan kelime anahtarları girilmesi, arkaplan rengine aynı renkte çeşitli yazılar yazmak  yani tamamen arama motorlarına optimizasyon sağlamak için oluşturulmuş siteleri sandbox girmelerine neden olur.

Sandbox çıkmak için sitenizde arama motorlarını aldatmaya yönelik yaptığınız işlemleri silin ve Google tekrar sitenizi eklemesi için talep gönderin.

Kısa sürede düzelecektir.

Açık Dizin Projesi internet kaynaklarından oluşan bir web dizinidir. Bir web dizini, büyük bir referans kütüphanesine benzer. Dizin, konulara göre ve genelden özele doğru hiyerarşik bir şekilde düzenlenmiştir. ODP, dizine dahil edilecek siteleri değerlendiren bir editör topluluğu tarafından idare edilir. Editörler bizim uzmanlarımızdır ve bütün site önerileri editör değerlendirmesine tabi tutulur.

ODP’nin kalitesine çok önem veriyoruz. Biz bir arama motoru değiliz ve büyük oranda seçici olmamızla iftihar ediyoruz. Önerilen bütün siteleri kabul etmiyoruz, o nedenle siteniz kabul edilmezse lütfen bunu kişisel bir mesele olarak algılamayın. Hedefimiz, dizini kullanıcılarımız için mümkün olduğunca kullanışlı hale getirmektir, dizini tanıtım malzemesi olarak kullanmak isteyen bütün (veya çoğu) siteleri dizine dahil etmek değildir.

ODP’nin problemsiz bir şekilde çalışmasını sürdürmek ve editörlerin takdir yetkilerine yardımcı olmak için, değerlendirilmek üzere site önermeyle ilgili bazı kurallar belirledik. Bu kuralları ihlal eden ya da sağduyumuzla dizine dahil edilmemesi gerektiğine inandığımız önerileri reddedebilir, silebilir veya düzenleyebiliriz. Ayrıca bu kuralları ihlal eden bir kişiyle ilişkili olduğuna inandığımız siteleri de reddedebilir, silebilir veya bloke edebiliriz.

Başlamadan önce bu kuralları ve site önerme adımlarını anlamak için birkaç dakikanızı ayırmalısınız. Bu yönergeleri anlama ve uygulamadaki başarısızlığınız, genellikle önerinizin reddedilmesiyle sonuçlanacaktır.

Kaynak;

Devamı http://www.dmoz.org/World/Türkce/add.html

”Open Directory Project” Türkçesi   Açık Dizin Projesi ‘dir

Web Siteniz  neden var  neden yayın yapıyorsunuz sorusuna verilen cevap  doğrultusunda sitenizi gönüllü editörler yardımıyla Dmoz dizinleri altındaki kategorile kayıt edilmesini sağlıyorsunuz .Web siteniz web dizi olan Dmoz eklendiği zaman Dmoz göz gezdiren ilgilendiği kategoride sitenizi gördüğü zaman sitenize ziyaretçiler geliyor ve böylelikle siteniz ziyaretçiler artıyor.

Dmoz Dünyanın hemen hemen bütün arama motorları yakından takip ediyorlar böylece siteniz popüleritesi artıyor.Özgür bir Lisans altında wen sitenizi yayınlanan ,oldukça kaliteli çalışanlar sayesinde Yasa dışı ,kullanıcıları aldatmaya yönelik web siteleride web dizi eklenmesine izin verilmiyor.

Projenin Sahibi  Netscape firmasıdır .

Peki Dmoz hangi kategori başlıkları var ? dediğinizi duyar gibiyim hemen cevap vereyim

• Sanat(Arts)
• İş(Business)
• Bilgisayar(Computers)
• Oyun(Games)
• Sağlık(Health)
• Ev(Home)
• Çocuklar ve Gençler (Kids and Teens)
• Haber(News)
• Tatil(Recreation)
• Referans(Reference)
• Bölgeler(Regional)
• Bilim(Science)
• Alışveriş(Shopping)
• Toplum(Society)
• Spor(Sports)

Bu kategoriler Çoğu ingilizce yayın yapan sitelerdir birde Türkçe yayın yapan siteleride bu adresten bakabilirsiniz.

DMOZ TÜRKİYE

03/15/1985 SYMBOLICS.COM
04/24/1985 BBN.COM
05/24/1985 THINK.COM
07/11/1985 MCC.COM
09/30/1985 DEC.COM
11/07/1985 NORTHROP.COM
01/09/1986 XEROX.COM
01/17/1986 SRI.COM
03/03/1986 HP.COM
03/05/1986 BELLCORE.COM
03/19/1986 IBM.COM
03/19/1986 SUN.COM
03/25/1986 INTEL.COM
03/25/1986 TI.COM
04/25/1986 ATT.COM
05/08/1986 GMR.COM
05/08/1986 TEK.COM
07/10/1986 FMC.COM
07/10/1986 UB.COM
08/05/1986 BELL-ATL.COM
08/05/1986 GE.COM
08/05/1986 GREBYN.COM
08/05/1986 ISC.COM
08/05/1986 NSC.COM
08/05/1986 STARGATE.COM
09/02/1986 BOEING.COM
09/18/1986 ITCORP.COM
09/29/1986 SIEMENS.COM
10/18/1986 PYRAMID.COM
10/27/1986 ALPHACDC.COM
10/27/1986 BDM.COM
10/27/1986 FLUKE.COM
10/27/1986 INMET.COM
10/27/1986 KESMAI.COM
10/27/1986 MENTOR.COM
10/27/1986 NEC.COM
10/27/1986 RAY.COM
10/27/1986 ROSEMOUNT.COM
10/27/1986 VORTEX.COM
11/05/1986 ALCOA.COM
11/05/1986 GTE.COM
11/17/1986 ADOBE.COM
11/17/1986 AMD.COM
11/17/1986 DAS.COM
11/17/1986 DATA-IO.COM
11/17/1986 OCTOPUS.COM
11/17/1986 PORTAL.COM
11/17/1986 TELTONE.COM
12/11/1986 3COM.COM
12/11/1986 AMDAHL.COM
12/11/1986 CCUR.COM
12/11/1986 CI.COM
12/11/1986 CONVERGENT.COM
12/11/1986 DG.COM
12/11/1986 PEREGRINE.COM
12/11/1986 QUAD.COM
12/11/1986 SQ.COM
12/11/1986 TANDY.COM
12/11/1986 TTI.COM
12/11/1986 UNISYS.COM
01/19/1987 CGI.COM
01/19/1987 CTS.COM
01/19/1987 SPDCC.COM
02/19/1987 APPLE.COM
03/04/1987 NMA.COM
03/04/1987 PRIME.COM
04/04/1987 PHILIPS.COM
04/23/1987 DATACUBE.COM
04/23/1987 KAI.COM
04/23/1987 TIC.COM
04/23/1987 VINE.COM
04/30/1987 NCR.COM
05/14/1987 CISCO.COM
05/14/1987 RDL.COM
05/20/1987 SLB.COM
05/27/1987 PARCPLACE.COM
05/27/1987 UTC.COM
06/26/1987 IDE.COM
07/09/1987 TRW.COM
07/13/1987 UNIPRESS.COM
07/27/1987 DUPONT.COM
07/27/1987 LOCKHEED.COM
07/28/1987 ROSETTA.COM
08/18/1987 TOAD.COM
08/31/1987 QUICK.COM
09/03/1987 ALLIED.COM
09/03/1987 DSC.COM
09/03/1987 SCO.COM
09/22/1987 GENE.COM
09/22/1987 KCCS.COM
09/22/1987 SPECTRA.COM
09/22/1987 WLK.COM
09/30/1987 MENTAT.COM
10/14/1987 WYSE.COM
11/02/1987 CFG.COM
11/09/1987 MARBLE.COM
11/16/1987 CAYMAN.COM
11/16/1987 ENTITY.COM
11/24/1987 KSR.COM
11/30/1987 NYNEXST.COM

<?xml version="1.0" encoding="UTF-8"?>

Diye başlarız burdaki   ”xml version 1.0  ”  xml dosyasının  versiyonu 1.0 olduğunu gösterir.
XML’in yeni bir versiyonu henüz yoktur 1.0 yapmak istediklerimizi yaptığı için gerek duyulmamıştır.
Encoding=Kodlama  UTF-8 olarak yazılmıştır burdaki mantık yazdığınız xml dökümanın  içerisinde yazacak olduğunuz yazının hangi dilde yazacağımızdırki ona göre kodlama dilini seçelim

Örnek

İ – Ü – Ğ – Ş – Ö – Ç  -  |   ı , ü , ğ , ş , ö, ç     gibi Türkçe harfler İngilizce ‘de olmadığı için  UTF-8 olarak atadığımız xml dökümanında desteklemediği için dökümanımız sağlam çalışmaz ve okunmaz buda sorun yaratır.

Türkçe bazı karakterler UTF-8 şu şekilde giderilir.

İ  <=> Ä°
Ü <=> Ãœ
Ğ  <=> ÄŸ
Ş  <=> ÅŸ
֠ <=> Ö
Ǡ <=> Ç

ı   <=> ı
ü  <=> ü
ğ  <=> ÄŸ
ş  <=> ÅŸ
ö <=> ö
ç <=> ç

UTF  Türkçe bir yazı yazdığınız zaman  böyle hafızada tutması zor olan şekillerdir. Eğer xml dökümanı eskiye dönük bir hatayı düzeltirken size sorun yaratabilir bu yüzden  xml kodlama önemlidir.

Eğer xml dökümanı TÜRKÇE kodlamak için gerekli dersteki  ”iso-8859-9” ve ”windows-1254” sağlar

Backlink kontrol için bir çok servis mevcut fakat beni herzaman rahatsız eden şöyle bir sorun var genellikle kontrol edilecek domain yazılır ve bu domaine verilen backlinkler listelenir eğer linkler çok fazla ise (genelde öyle olur) sayfada aşağıya doğru url ‘ler karmakarışık kontrol edilemez bir şekilde siralanir ve aşağıdaki şekile benzer bir sonuçlar çıkar karşımıza.

Seoheap.com da yeralan backlink checker servisi kullanım açısından çok hoşuma gitti, backlinkler domaine göre listeleniyor ve siz domaine tıklayarak url ‘leri görebiliyorsunuz ayrıca Anchor iconuna tıklayarak size link verilen sayfada kaç adet link çıkışı olduğunuzu, sitenize verilen backlink ‘in yüzdelik cinsinden değerini ve nofollow olup olmadığını görebiliyorsunuz. Yani kullanış açısından çok iyi teknik açıdan da servisin verdiği sonuçlar fena değil. Ayrıca çıkan sonuçları .csv olarak kaydetmenizde mümkün.

Buraya tıklayarak backlink servisine ulaşabilirsiniz

Sitede yeralan bir diğer hizmet ise Site Analysis and Statistics ismini verdikleri site analiz aracı. Bu araç ile sitenizin seo açısından hata ve eksikliklerinizi kontrol edebilirsiniz. Bu hizmet ücretsiz olmasına ramen ücretli veren servislerle yarışabilecek düzeyde.

buraya tıklayarak Site Analysis and Statistics servisine ulaşabilirsiniz

yukarıda saydığım iki servis haricinde Site değerini ölçmek(Website Value Calculator), ip kontrolü (ip information) gibi bazı servisleride mevcut.

Buraya tıklayarak siteye ulaşabilirsiniz.

İsterseniz hemen kodlamaya başlayalım;

İlk olarak bir normal PHP için kullanabileceğimiz fonksiyon oluşturalım.

function kucukKarakter ($degisken){
$degisken = strtolower($degisken);
return $degisken;
}

Bu fonksiyonu aşağıdaki gibi kullanarak parantez içerisindeki yazıyı küçük harflere çevirebiliriz.

echo kucukKarakter ('FlashCentury.NET');
//sonuc flashcentury.net olacaktır

Not : strtolower ve strtoupper fonksiyonları hakkında buraya tıklayarak bilgi edinebilirsiniz.

Şimdide aynı fonsiyonu Smarty için hazırlayalım;

function kucukKarakter ($params, $content, &$smarty, &$repeat){
$degisken = $content;
$degisken = strtolower($degisken);
}

Fonksiyonu oluştururken $params, $content, &$smarty, &$repeat degiskenleri eminim dikkatinizi çekmiştir. Bular Smarty fonksiyonu oluştururken standart değişkenlerdir, şuan işimize yarayacak olan değişken tanımlayıcımız $content block arasındaki değişken değerini bize verecek.

Not : Smarty fonksiyonları için ayrıca bir makale yazarak diğer değişkenlerin ve Smartyde fonksiyon oluşturma mantığının hakkında bilgi vereceğim. Şimdilik bu kalıbı bilmeniz yeterlidir.

Evet şimdi sıra geldi Smarty Block oluşturmaya;

$smarty->register_block('kk', 'kucukKarakter');

registe_block fonksiyonunu kullanarak ilk önce block ‘umuzun adını seçiyoruz sonra bir virgül (,) ile ayırarak fonsiyon ismini yazıyoruz.

Bu kodu Smarty templete dosyasında aşağıdaki gibi kullanabiliriz;

{kk}FlashCentury.NET{/kk}

Artık size ait kk isimli bir block var ve bu dosyayı include ederek tüm projelerinizde kullanabilirsiniz.

Bu örneği toparlayıp birde bk (buyuk karakter) block ekleyelim;

.php Dosyası

function kucukKarakter ($params, $content, &$smarty, &$repeat){
$degisken = $content;
$degisken = strtolower($degisken);
}

function buyukKarakter ($params, $content, &$smarty, &$repeat){
$degisken = $content;
$degisken = strtoupper($degisken);
}

$smarty->register_block('kk', 'kucukKarakter');
$smarty->register_block('bb', 'buyukKarakter');

.tpl Dosyası

küçük  {kk}FlashCentury.NET{/kk} <br />
büyük  {bb}FlashCentury.NET{/bb}

Örnek dosyayı buradan indirebilirsiniz.
Smarty Block Ornek1 (102)

Şimdi daha işe yarar bir örnek yapalım
Permalink için linkler içerisinde türkçe ve zararlı karakterleri temizmekte kullanabileceğimiz bir Smarty Block yapalım.

.php Dosyası

<?php
function seoLink ($params, $content, &$smarty, &$repeat)
{
    $text = trim ($content);
    $tr = array("ş", "Ş", "ı", "(", ")", "'", "ü", "Ü", "ö", "Ö", "ç", "Ç", " ", "?", "ş", "Ş", "ı", "ğ", "Ğ", "İ", "ö", "Ö", "Ç", "ç", "ü", "Ü");
    $eng = array("s", "S", "i", "", "", "", "u", "U", "o", "O", "c", "C", "-", "", "s", "S", "i", "g", "G", "I", "o", "O", "C", "c", "u", "U");
    $text = str_replace($tr,$eng,$text);
    $text = eregi_replace('[^0-9A-Za-z]',"-",$text);
    $text = preg_replace("@--*@","-",$text);
    return strtolower($text);
}

$smarty->register_block('seo', 'seoLink');
?>

.tpl Dosyası

{seo}http://www.flashcentury.net/türkçe (şğıçöü) karakterli bir link.html{/seo}

Template dosyasını çalıştırdığınızda ekranda; http://www.flashcentury.net/turkce-sgicou-karakterli-bir-link.html yazdığını göreceksiniz.

Örnek dosyayı buradan indirebilirsiniz.
Smarty Block Örnek 2 (101)

Neden RSS?
Yazıya başlarken “insanların çok fazla sayıda siteyi düzenli olarak takip etmesinden dolayı ihityaç haline gelmiş bir teknolojidir.” şeklinde bir cümle kullanmıştım bu konuyu biraz açmak gerekirse;
Örneğin farzelim ki bir internet kullanıcısının
Hobileri; Sinema, Kitap, Şiir
Mesleği : Öğretmen
Bu kişinin hobıleri ile ilgili takip ettiği 10 adet site olduğunu farzedelim. Mesleği ile alakalı takip ettiği 5 adet kaynak siteler ve 3 tanede blogu takip ettiğini düşünelim. Toplam 17 siteyi takip ediyor. Bu sitelere hergün tek tek girip yeni neler eklenmiş diye bakmak yerine daha önceden RSS ‘leri ekleyerek çok daha hızlı bir şekilde takipedebiliyor. Yani düzenli hemde zaman kaybı olmadan takip imkani oluyor.

Peki sitelere nasıl bir fayda sağlar?
ilk olarak kullanıcılara RSS hizmeti vererek bu kolaylığı sağlaması web sitesinin düzenli bir kullanıcı kitlesine sahip olmasını sağlar. Ayrıca Google ve bazı arama motorlarıda web sitelerin RSS ‘lerini farkeder ve indexler tıpkı bir sitemaps gibi değerlendirir. Yani kısaca SEO içinde avantajlıdır sitenizdeki RSS ‘leri sadece kullanıcılarınız değil Google da takip eder.

RSS kullanımı güncel içerik sağlayan siteler için bir zorumluluk haline gelmeye başladı, ilk olarak üst düzey bilgisi olan internet kullanıcıları bu teknoloji kullanırken şuan orta seviye kullanılara kadar kullanım yayıldı.

Nasıl Kullanırım?
Bir Sitede RSS olup olmadığını asres satırının hemen sağ tarafındaki (Firefox) turuncu RSS iconundan alayabilirsiniz. Bu icona tıkladığınızda RSS adresini ve onu hangi sağlayıcı ile (örneğin Google Reader) izlemek istediğinizi seçebileceğiniz bir sayfa açılır. Buradan Google Readeri seçerek RSS ‘yi takip etmeye başlayabilirsiniz. RSS için birçok hizmet ve program mevcuttur ben şahsen Google Reader ‘i kullanıyorum fakat internette kısa bir araştırma yaparsanız birçok alternatif olduğunu göreceksiniz. İlerleyen günlerde RSS takip edebileceğiniz belli başlı hizmetler hakkında da bir makale daha yazmayı düşünüyorum.

RSS Browser iconları

Son olarak RSS hakında biraz da teknik bilği vernek istiyorum;
RSS dosyaları XML olarak oluşturulmaktadır ve uzantıları genelikle .rss ve .xml olmaktadır. Bir web sitesi RSS ile en fazla 20 içerik verebilir ama RSS okuyucuları eski içeriklerileri arşivleyerek daha fazla gösterebilirler fakat kaynak dosyasının maksimum kapasitesi 20 adet ile sınırlıdır. RSS içeriği Channel ve Item olmak üzere iki ana bölümden oluşur Channel bölümünde RSS ve Siteye ait genel bilgiler verilirken item kısmında ise içerikler listelenir.

Web sitenize RSS kodlamayı planlıyorsanız PHP proğramcıları için bu konuda daha önceden yazmış olduğum Php ile Dinamik RSS beslemesi Yapımı başlıklı makalemi okumanızı tavsiye ederim…

Ayrıca Aşağıdaki kaynaklardan da RSS hakkında bilgi edinebilirsiniz.

• Wikipedia : http://tr.wikipedia.org/wiki/RSS
• xml.com : http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html
• Harvard Uni : http://cyber.law.harvard.edu/rss/rss.html
• Youtube Video Anlatım : http://www.youtube.com/watch?v=0klgLsSxGsU

• usejquery.com
  Özellikle jQuery dersleri bulabileceğiniz ayrıca jquery pluginlerini nasıl kullanıldığı hakkında bilgi veren bir kaynak sitesi.

  https://twitter.com/usejquery

• jquerylabs.com
  jQuery eklentileri, Menüleri, araçları, dersleri vs bulabileceğiniz bir kaynak sitesi.

  https://twitter.com/jQuerylabs

• jquerystyle.com
  jQuery hakkında çok başarılı makaleler bulabileceğiniz bir kaynak.

  https://twitter.com/jquerystyle

• buildinternet.com
  Sam ve Zach kardeşlerin ünlü blogunu bilen bilir jquery ve internet teknolojileri hakkında özenle hazırlanmış makale ve dersler bulabilirsiniz.

  https://twitter.com/buildinternet

• jqueryfordesigners.com
  Çok fazla bir içeriğe sahip olmasa da jquery için en iyi kaynak sitelerinden bir tanesi. Görsel anlatımlar yapılan örnekleri indirme imkanı sunan çok kullanışlı bir kaynak.

  http://twitter.com/rem

• jquery-howto.blogspot.com
  jquery ve jquery pluginlerini nasıl kullanacağınız konusunda dersler ve makaleler yayınlayan bir site.

  http://twitter.com/jQueryHowto

• sohtanaka.com
  Web uygulamarı ve ağırlıklı olarak jquery makaleleri bulabileceğiniz bir site.

  http://twitter.com/SohTanaka

• ajaxrain.com
  Ajaxrain sadece jquery pluginleri yayınlayan bir site olmamasına rağmen çok geniş bir jquery plugin arşivine sahip.

  http://twitter.com/ajaxrain

• marcgrabanski.com
  Ağırlıklı olarak jquery makaleleri bulabileceğiniz harika bir site.

  http://twitter.com/1Marc

• jquery.com
  ve tabii ki jquery.com. jquery hakkında haber ve duyuruları kurumsal sitesinde takip etmek isteyebilirsiniz.

  http://twitter.com/jquery

Bu makaleyi daha detaylı bildirgec ‘ten okuyabilirsiniz.
http://www.bildirgec.org/yazi/twitter-dan-takip-edebileceginiz-10

TrustRank yarı otomatik bir sistemdir yani bazı kriterler bot ‘lar tarafından otomatik denetlenirken bazı unsurlar editörler tarafından kontrol edip puanlandırılmaktadır.

Kök Siteler
Şimdi isterseniz sistemin ne şekilde çalıştığı konusuna biraz değinelim. TrustRank ‘ın bazı kriterleri editörler tarafından belirleniyor demiştik. Editörler link olarak yüksek derecede güvenilir siteleri seçiyor ve bu siteler 100 puan vererek işaretliyor bu sitelere kök siteler deniliyor. (Örneğin : wikipedia.org, Apple.com, wordpress.com) Kök sitelerden nofollow olmadan link aldığınızda 100 puan değerinde link çıkışı alıyorsunuz siz başa bir siteye link verdiğinizde 90 değerinde bir link göndermiş oluyorsunuz. Aldığınız TrustRank link puanları tabiki sitemin bir parçası ve TrustRank argoritmasında önemli bir yer tutuyor fakat TrustRank puanı için tek kriter alınanTrustRank link puanları değil.

Diğer belli başlı kriterler;
Bazı kriterler google PageRank ‘tan tanıyorsunuz örneğin sitenin yaşı Google Pagarank kriterlerinden bir tanesi ve aynı şekilde TrustRank argoritması içinde bir puanlamada etki gösteen bir faktaör fakat TrustRank ‘ın iş güven olduğu için olaya daha geniş kapsamda bakıyor ve domain yaşı ile birlikte domain ileri senelr için kaç yıllığına kiralandığıda kriterler arasında yerini almış.

isterseniz bilinen bazı TrustRank krite bir göz atalım;

Özğün içerik
TrustRank birincil amacı özgün siteleri belirlemek. Bildiğiniz gibi google veya diğer arama motorlarında herhangi bir konuyu aradığımızda karşımıza aynı içeriğe sahip onlarca site çıkıyor fakat orjinal içeriğe sahip site beliki en altlarda hatta sonuçlar olmayabiliyor. Bu sonrunu uzun zamandır çözmeye çalışan Google PageRank sisteminde aynı içeriğe sahip siteleri toplu halde aşağı indirken TrustRank sisteminde siteyi başka sitelerden içerik çalmışmı düşüncesi ile inceliyor. Bir tek içerik alınması bir puanı etkiliyor.

Yeni Nesil Tasarım
Editörler tarafından incelenen bir kriter. Site tasarımının ne kadar güven verdiğini ve yeni standartlara uyup uymadığı kontrol ediliyor. Ayrıca diğer sitelerden ve template ‘ler direk kopyalanıp kopyalanmadığı gözönünde bulunduruluyor.

Yeni Nesil Kodlama Teknikleri
Kodlama konusunda da sitelerin ne kadar güven verdiği inceleniyor. Özellikler hatalrla dolu bir site ve arkasındaki teknik ekip güvenli bulunmuyor. Ayrıca google bot ‘larının kolay erisimi link yapısı ve standartlar inceleniyor.

Güncelleme Aralıkları
PageRank ‘tede yer alan bu kriter TrustRank içinde kullanıyor fakat arada şöyle ufak bir fark var PageRank sisteminde güncelleme sıklığı puanı etkilemesinin yanı sıra Google robotlarını siteyi ne sıklıkla kontrol edeceği konusunda da bilgi verirken TrustRank sitenin ne derece güncel olduğunu ve ilerideki istikrara önem veriyor.

Sitenin Yaşı
Yukarıda da bahsettiğim gibi Sitenin ne kadar süredir yayın yaptığı önemli kriterler arasında aynı konuda 1 senelik yayın yapan bir siteye göre 10 senedir hizmet veren başka bir site arasında bir güven farkı olmalı diye düşünülüyor ve haksızda değiller.

Domain Kralama süresi
Sitenin alan adı yanı domaini kaç yıllığına kralandı? Bu da TrustRank için orjinal bir kriter. Örneğin bir spam site 2 seneden fazla kralanmazken bir şirket sitesi5 seneliğine kralanıyor. Aslında mantık çok basit “Bu domain ileri 5 sene için daha kralanmış ise demmek ki önümüzdeki 5 sene daha yayında olacak”. Puanlamanın amacının güven olduğunu düşünürsek bence kayda değer bir kriter.

Sitenin Ulaşılabilirliği
Bilirsiniz bazı siteler arada bir çöker yada girilemez server veya teknik sorunlar olur veya sitenin açılışı çok uzun sürebilir. Bu gibi durumlarda TrustRank puanlama sistemini etkileyen bir etkendir.

Ziyaretçi Sadakati
Ziyaretçi spam bir siteye yanışlıkla veya hilelerle girmiş olabilir fakat tekrar siteye girme olasılığı azdır. Bu düşünceyle ziyaretçi sadakati da puanlayı etkiliyor yani ziyaretçi siteye tekrar tekrar giriyorsa demekki bu site güvenli deniliyor.

SSL Sertifikalar
Özellikle alışveriş siteleride SSL sertifikaların kullanılması ve sertifikaya bağlı sitenin ilegal bir olaya karışmamış olması.

Siteye Bağlı Linkler
Backlink faktörü TrustRank ‘tada bir kriter, aynı konuya ait referans linkler sitenin güvenirliğini arttırıyor.

Backlinlerin Yaşı
Evet PageRank ‘te olmayan bu kriter de sitenize verilen linklerin ne kadar eski olduğunu gözönünde bulunduruyor. Örneğin bir siteden 3 yıldır link alıyorsunuz TrustRank bu durumu olumlu olarak yorumluyor Spam veya hile ile alınan linkler bu kadar uzun süreli olmuyor.

Ayrıca bu kriterlerin dışında bilinmeyen ve kesin emin olunmayan bazı unsurlarda var örneğin sitenin tek bir IP ‘ye sahip olması, Google Webmasters ‘a kayıtlı olması veya sitede kullanılan dilin doğru yazılmış olması gibi.

Sitede Kullanılan Dilin Kusursuzluğu
Google Translate ‘i duymayan kalmamıştır sanırım. Google ‘un bu süper hizmeti gün geçtikçe gelişiyor ve hatta kullanıcılar tarafından bir geliştiriliyor, Google her ne kadar bunu bizlere hizmet olarak sunsa da ileriye dönük projelerde geliştiriyor örneğin sitelerde kullanılan dilin (örneğin Türkçe) ne kadar doğru kullanıldığı, kelimelerin yanlış, yabancı harflerle yazılıp yazılmadığının kontrolu gibi unsurları otomatik kontrol etmek projeler arasında. Kesin olarak açıklanmasada söylentilere göre TrustRank kriterlerinden biri de imla hataları olduğu düşünüyor. Köklü ve ciddi bir site kelime hataları ile dolu bir içerik sunması sanırım çok az bir ihtimalken tutarsız bir site cok fazle sayida hata we yanlis barindira bilür

TrustRank Yahoo ve Stanford Üniversitesi işbirliği ile geliştiren ve onrasında Google ‘lun dahil olduğu bir projedir ve şu an faaliyettedir fakat orjinal sitesi henüz tam anlamıyla doğru sonuç vermiyor ve beta aşamasında.
Aşağıdaki linkte ulaşabilirsini;

www.trustrank.org

Ayrıca TrustRank ‘ı Wikipedia ‘dan da inceleyebilirsini
http://tr.wikipedia.org/wiki/TrustRank

Son olarak
Bazı otoriteler PageRank yerini alacağını düşünüyor hatta yapılan çalışmalarda TrustRank odaklı alınan linklerin arama motorlarında çok daha çabuk etki gösterdiği söyleniyor. Aslında TrustRank ‘ın amacı Spam ve gereksiz içeriğe sahip sitelerin arama sonuçlarından arındırmak olduğu için benim düşüncem PageRank ve TrustRank birbiriyle paraler çalışsan iki sitem olrak varlığını sürdürecek ama yinede zaman gösterecek. Ayrıca Google Spam sitelerden hariç bir diğer amaç ise kişisel siteler ile şirket sitelerini birbirinden ayırmak. Örneğin bir farzedinki bir LCD tv modeli hakkında bilgi arıyorsunuz veya internetten sipariş vermeyi düşünyorsunuz, arama motoru sonuçlarına baktığınızda kişisel bir blogtaki bilgi online shop ‘lardn hatta üretici firma sitesinden hada üst sıralarda çıkabiliyor. Bu sebeple Google artık kişisel sitelere 5 puandan fazla PageRank vermeyeceğini duyurdu artık bir sitenin PageRank puanı 5 ‘in üstünde olması için ya şirket sitesi veya insanlığa faydalı TrustRank puanı yüksek bir site olması gerekiyor.

Plugin ‘izin adı WP-CSS

• ilk olarak buraya tıklayarak WP-CSS pluginini bilgisayarınıza indiriyoruz ve zip dosyasından çıkartıyoruz
• ikinci olarak indirdiğimiz dosyayı ZIP ‘ten çıkartarak herhangi bir FTP proğramı ile wordpress blog ‘umuzun  wp-content/plugins/ klasörüne upload yapıyoruz.
• Sonra Wordpress Admin paneline girerek plugin ‘i aktif yapıyoruz. (Rutin işlemler burada sona eriyor)
• WP-CSS eklentisini aktif ettiğimizde wp-content/plugins/wp-css klasörünün içinde  cache isimli yeni bir klasör oluştuğunu göreceksiniz. Bu klasöre yazma izni veriyoruz (bir diğer değişle mod 777 yapıyoruz)
• Son olarak temamızda yer alan Css dosyalarının baglantılarını header.php dosyasını açarak <?php wp_css('dizin/cssdosyamiz.css'); ?> şeklinde düzenliyoruz.

Sanırım son adımda bahsettiğim işlemi biraz detaylı anlatmam daha yararlı olacak;

Normalde Wordpress temalarının Css dosyaları aşağıda ki şekilde eklenmiştir;

<br />&lt;link rel="stylesheet" type="text/css" href="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/cssdosyasi.css" media="screen" /&gt;<br />

böyle bir kodu şu şekilde değiştirmemiz gerekiyor;

<br />&lt;link rel="stylesheet" type="text/css" href="&lt;?php wp_css('cssdosyasi.css'); ?&gt;" media="screen" /&gt;<br />

Örneğin Temamınızı içindeki dosyalar şu şekilde olsun;

/cssdosyasi.css
/sitiller/stil1.css
/sitiller/stil2.css
/sitiller/stil3.css

Yani Temamızın bulunduğu klasörün kök dizininde cssdosyasi.css ve stiller isimli klasörde de 3 tane daha farklı Css dosyası var. Bu dosyaları aşağıdaki gibi çağırmamız gerekiyor;

<br />&lt;link rel="stylesheet" type="text/css" href="&lt;?php wp_css('cssdosyasi.css'); ?&gt;" media="screen" /&gt;<br />&lt;link rel="stylesheet" type="text/css" href="&lt;?php wp_css('sitiller/stil1.css'); ?&gt;" media="screen" /&gt;<br />&lt;link rel="stylesheet" type="text/css" href="&lt;?php wp_css('sitiller/stil2.css'); ?&gt;" media="screen" /&gt;<br />&lt;link rel="stylesheet" type="text/css" href="&lt;?php wp_css('sitiller/stil3.css'); ?&gt;" media="screen" /&gt;<br />

Bir diğer alternetif ise bu dosyaları style.css dosyasına include yapabilirsiniz. Böylece Php dosyasında hiçbir değişiklik yapmanıza gerek kalmaz. Örneğin yukarıdaki Css dosyalarını Style.css dosyasına direk include yapalım;

[/css]

</pre><br /><br /><p><br />@import url("cssdosyasi.css");<br />@import url("sitiller/stil1.css");<br />@import url("sitiller/stil2.css");<br />@import url("sitiller/stil3.css");</p><pre>

[css]

Böylece ilk örnekte bahsettiğim işmemi yapmanıza gerek kalmaz. Her iki yöntemide hercih edebilirsini fakat benim tavsiyem style.css içine include etmeniz çünkü böylece tek bir css dosyanız olur ve daha iyi bir performans sağlarsınız.
Ayrıca Temaların ana Css dosyası olan style.css dosyasını çağırırken hiç bir değişiklik yapmıyoruz zira WP-CSS style.css dosyasını otomatik algılıyor.

Hepsi bu kadar…

Toplam 33kb büyüklüğünde 8 Css dosyanı include ile tek bir dosyaya birletirerek yapılan testte %91 performans sağlandığı görülmüş. Sizde WP-CSS eklentisini kurduktan sitenizin açılış hızını kontrol eden herhangi bir proğramveya firefox eklentisi ile test edebilirsiniz milisanilerle ‘de olsa aradaki farkı kesinlikle göreceksiniz.

Bir sonraki makalemde hemen hemen aynı şekilde çalışan ve javaScript dosyalarını optimize  edmek için kullanabileceğiniz WP-JS eklentisniden bahsederek bu konuya devam edeceğim.

Aslında çok geniş çaplı bir hizmet sayılmaz ama olabildiğince pratik olduğu kesin.

Peki nedir bu servis? ne işe yarar derseniz; Url ’sini yazdığımız sitenin favicon ‘nunu Png formatında almamızı sağlıyor.

Hemen örnek bir link yazalım;

http://www.google.com/s2/favicons?domain=www.facebook.com

Yukarıdaki linke tıkladığınızda veya kopyalayıp tarayıcınızın adres satırına yapıştırdığınızda ekranda facebook.com ‘com favicon ‘unu göreceksiniz. Oldukça pratik olduğunu söylemiştim yapmanız gereken tek şey url ‘nin sonunda yazan domanin değişkenine bir  değer vermeniz.

http://www.google.com/s2/favicons?domain=www.herhangibirsite.com

Yazdığınız url ‘ye ait favicon.ico dosyasını 16×16 ebatlarında Png formatına çevirip bizlere sunulan bu datayı nasıl daha etkili kulanırız derseniz örneği sitenizde linkler isminde bir kategori var ve siz bazı sitelere link veriyorsunuz;

<h3>Linkler</h3>

<a href="http://www.flashcentury.net">
<img style="vertical-align: middle; border:0;" src="http://www.google.com/s2/favicons?domain=www.flashcentury.net" alt="flashcentury.net" />
Flashcentury.net</a>
<br />

<a href="http://www.google.com">
<img style="vertical-align: middle; border:0;" src="http://www.google.com/s2/favicons?domain=www.google.com" alt="Google.com" />
Google.com</a>
<br />

<a href="http://www.facebook.com">
<img style="vertical-align: middle; border:0;" src="http://www.google.com/s2/favicons?domain=www.facebook.com" alt="Google.com" />
Facebook.com</a>

Yukarıdaki kodun çıktısı şu şekilde olacaktır;

Linkler

Flashcentury.net

Google.com

Facebook.com

işte bu kadar basit. En yalın haliyle incelemek isterseniz resim ekleme kodarınız şu şekilde olmalı

<img src="http://www.google.com/s2/favicons?domain=www.flashcentury.net"  />

www.flashcentury.net yazan kısmı icon ‘unu göstermek istediğiniz sitenin url ’si ile değiştirmeniz yeterli.

Az öncede yazdığım gibi web sayfasında benim tabirimle bir çatı görevi taşır, sayfa öğerleri html olarak yerleştirilir ve eğer dinamik bir işlem gerekiyorsa browser (Tarayıcı) işlemleri için javacript, vbscript vb.. server tabanli işlemler için Php, Asp, Python, jsp vb.. gibi kodlama dilleriyle desteklenir. Eğer bir site sadece HTML kodlarından oluşacaksa bu site büyük bir ihtimalle sadece sunum amaçlı bir site olabilir ki günümüzde sadece html ‘den ibaret bir site çok nadir kullanılmaktadır. Son olarak HTML dosyaları .html veya .htm uzantılarına sahiptir. Bu iki uzantı arasında hiç bir fark yoktur fakat genellikle .html uzantısı kullanılmaktadır.

HTML hakkında bu kadar bilgiden sonra şimdi XHTML ‘ye geçebiliriz. Aslında XHTML 2000 yılında W3C tarafından kabul edilmiş tüm internet tarayıcıları ve Gsm Telefonları tarafından standart olarak kabul edilmiştir. HTML biraz daha derlenip, geliştirilip ve belli bir standarta geçirilip XHTML olmuşturulmuştur. XHTML kullanmanın en temel amaçlarından birisi farklı tarayıcılarda sorun çıkarmamasıdır, bunun yanında tarayılar kodu daha çabuk algılar ve web sayfası HTML ‘ya göre daha hızlı çalışır. Bir diğer avantajı ise başta Google olamak üzere başlıca arama motorları XHTML standarlarına uygun yazılmış siteye tam not veriller ve arama motorlarında kötü kodlanmış rakip sitelere göre üst sıralara yükselir.

XHTML Extensible Hyper Text Markup Language , Türkçe karşılığı Esnetilebilir Hareketli Metin İşaretleme Dili anlamındadır. Her ne kadar Esnetilebilir denilsede bu esneklik kodlayan programcılar değil XHTML ‘yi geliştiren programcılar için geçerli olduğunu düşünüyorum zira XML yapısında var olan söz dizimi ifadelerini bünyesine alan bir dildir. XML ’de var olan sıkı ve uyulması gereken şartlar XHTML ‘de de geçerlidir. Bu doğrultuda XML ’de olan extensible ifadesini bünyesine almıştır.

XHTML kodlama mantığı?
İlk olarak bilmeniz gereken şey XHTML hiyerarşik bir yapıya sahiptir kodlar birbirlerini kapsarlar.

Örneğin ;
<html>
<body>
<div>Merhaba Dünya</div>
</body>
</html>

Ayrıca yukarıdaki örnektede farkettiğiniz üzere <….> şeklinde taglar açılır ve kesinlikle kapatılması gerekmektedir. Kapatılırken de </…..> şeklinde kapatılır.

Bilmeniz gereken bir diğer önemli husus ise XHTML tagları iki ana bölümden oluşur bunlar <head> ve <body> taglarıdır.

Head -> Sayfanın bilgilerini tarayıcıya, arama motorlarına bildirir ve gerekli Css veya js kodlarını import eder. Örneğin site başlığı, arama motorları için taglar, dil ayarları, gibi bilgiler bu alana yazılır ve Head bölümüne yazılan kadlar ziyaretçi tarafından görülmez.

Body -> Bu bölüm ise ziyaretçinin gördüğü bölümdür, sayfanın içeriği bu alana yazılır.

Şimdi en sade haliyle bir XHTML kodu yazalım;

<html>
<head></head>
<body></body>
</html>

Herhangi bir editörle hatta her bilgisayar da yeralan text editor ile bile bu kodu yazıp .html olarak kaydedebilirsiniz. Yukarıdaki kod bir XHTML dosyasının en yalın halidir.

Şimdi biraz dosyamızın içine birşeyler ekliyelim;

<html>
<head>
<title>İlk Deneme</title>
</head>
<body>
Merhaba Dünya
</body>
</html>

Yukarıdaki örnekte Head bölümüne <title> Tag ‘ı ile sitenin başlığını (İlk Deneme) yazdık ve sonra Body Tagları arasına Merhaba Dünya yazarak içeriğimizi eklemiş olduk. Bu kodu .html olarak kaydedip açtığınızda ekranda Merhaba Dünya yazacak, tarayıcının en üst sol kısmında ise sitenin başlığı olan İlk Deneme yazısını göreceksiniz.

Umarım XHML kodlama mantığını kavramışsınızdır. İlerleyen derlerimizde XHTML taglarını ve ne şekilde kullanıldığını bol bol anlatacağım. XHTML oldukça kolay bir programlama dilidir ve web tasarım için en temel unsurlardan biridir.

Bir sonraki dersimizde görüşmek üzere…