18 Nisan 2012 Çarşamba

SEO Dostu Url Oluşturalım

SEO Dostu Url Oluşturalım

Bizler özellikle Blogger sistemi üzerinde yoğunlaşmış ve bu sistemin blogculara önemli artılar kattığını düşünen blogcularız. Bu yazımızda Blogger SEO ile ilgili oldukça faydalı ve bilinmeyen ip uçlarını kavrayacak ve bunları kullanmamız sonucunda neler kazanacağız bunları öğreneceğiz.

URL nedir ? URL ile SEO etkileşimi ?


 Aslında her birimiz birer blogcu olduğumuz için URL'nin ne olduğunu zaten biliyoruzdur. Ama belkide aramızda terimsel olarak bilmeyenler vardır. Yinede açıklamak ile konumuza başlamanın faydalı olacağını düşünüyorum.


"URL insanların internet üzerindeki ulaştıkları" adreslerdir şeklinde açıklamamız mümkündür.
URL'nin SEO ile etkileşimi buradan sonra yazımızın ip ucunu vereceğimiz kısıma yaklaştığımızın habercisidir.


Blog Hocam üzerinde dahi bir çok URL'ye göz atabilirsiniz bu hatayı görmeniz muhakkak mümkün olacaktır.Örnek olarak bir yazımız var bu yazımızın başlığını Blogger sistemize girelim ;

Dünya üzerindeki en ünlü 5 Sosyal Ağ  (inceleme)

- Bunu bu şekilde Blogger'dan başlık olarak açarsak yazımızın Url'sinin yarısı görüntülenmeyecek çünkü Url'miz oldukça uzun

- Arayıcı kitlesi Arama motorları üzerinden arama ile gelme ihtimali çok düşecek çünkü; hem URL karekter olarak çok geniş

- Arama motorları uzun bir URL' ile sahip konumuz olduğu için yazmız her ne kadar bilgilendirici özelliğe sahip olursa olsun yinede bizi arka sırala atıcaktır.

Arama Dostu URL oluşturalım


 Şimdi bizler göstermiş olduğum ve çoğu kişinin bilmediği yada bilenlerin de paylaşmadığı benim kendi düşüncem ile bulmuş olduğum bir ip ucunu göstereceğiz.

Blogger sistemi bize Wordpress'de çok fazla kullanılan bir özelliği kullanım izni sağlıyor aslında tabi ki eğer biz bunu fark edebilirsek. Şimdi Blogger panelimizden yeni yayın oluşturmak için giriyoruz. Blogger panelimizin başlık kısmına URL'mizi kısaltacağız ve sonra kolay kullanım ekleyeceğiz bunu nasıl yapacağız ?

Başlık kısmına Url'mizi ;En unlu 5 Sosyal ag şeklinde yazıyoruz.Böylece Url'miz ;


1- Url'miz kısaldı +1
2- Url'miz Türkçe karekterlerden arındırıldı.
3-Url'miz SEO dostu oldu.
4- Url'miz artık daha üstlerde yer alabilir (kısa olduğundan dolayı)
5- İnsanlar bunu bu şekilde arama motoru üzerinden ararlarsa eğer ulaşma ihtimalleri daha yüksek olduğu için daha çabuk hit kazanabiliriz.

Bunu eğer ; Dünya üzerindeki en ünlü 5 Sosyal ağ (inceleme) olarak başlık bölgemize yazarsak ; www.siteadi.blogspot.com/tarih/tarih/Dnya-zerindeki-en-nl-5-sosyal-ag-inceleme olacaktı ki ; şimdi bu URL ; www.siteadi.blogspot.com/tarih/tarih/en-unlu-5-sosyal-ag.html oldu.


Eminim şimdi aklınıza gelen ilk soru peki ama bu kadar yazıyı bunun içinmi okuduk yani ? o zaman başlıklarımızda sitemizde öyle görünecek diyebildiğinizi duyabilyorum sanki :) tabiki hayır.


Yazımızı yayınladıktan hemen sonra tekrar yazıyı düzünlemek için giriyoruz ve Başlığımızı Dünya üzerindeki en ünlü 5 Sosyal Ağ  (inceleme) olarak değiştiriyoruz. ve tekrar siteye gidip Url'ye bir bakıyorsunuz ki ;URL farklı ve yazınızın Title'ı farklı :) böylece hem kısa bir url elde ettik hem SEO etkileşimini sağladık hemde yazımız için örneğin kendi blogumda çok sık kullandığım (inceleme), (infografik) gibi okuyucuyu bilgilendiren bir başlık zenginliği de katmış olduk.

Uzunca yazımızı okuyan herkeze çok teşekkür ediyorum :) aklınıza takılan sorularınızı sormanız ve yorumlarınızı esirgememeniz dileğimle :)

 

Yazar Hakkında:  Burak Göç Sosyal Medya,SEO ve Blogging konularında yazılar veren bir blogcu ve Bilgeyazar gelişimi ile ilgileniyor.Bu yazısı Blog Hocam’da Misafir blogcu olarak yayınlanmıştır.

16 Nisan 2012 Pazartesi

Türk Yapımı “Noty” Bilgilendirme Çubuğu

Daha önce kapatılabilir şeffaf bir bilgilendirme çubuğu paylaşmıştım.Bir arkadaşımın isteği üzerine yine buna benzer bir bilgilendirme çubuğu ararken Nedim Arabacı tarafından geliştirilmiş Noty ile karşılaştım ve sizlerle de paylaşmak istedim.

 

Türk Yapımı “Noty” Bilgilendirme Çubuğu

 

Bu kapatılabilir bilgilendirme çubuğu pat diye değil bir efekt ile açılıyor ve köşesindeki X ikonuna basılmadığı takdirde belli bir süre sonra kendiliğinden kapanıyor.Blogunuza nasıl ekleyeceğinize gelirsek…

 

1.Adım: Şablonunuzdan </head> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/61925244214/jquery-noty.js"></script>

<link rel="stylesheet" type="text/css" href="https://drive.google.com/file/d/0BxxMpDce-fNUQjl0cjd5ZXZfbWc"/>
<link rel="stylesheet" type="text/css" href="https://drive.google.com/file/d/0BxxMpDce-fNUd1Y1NlVqd1QtV0U"/>

 

2.Adım: Şablonunuzdan bu kez </body> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<script type="text/javascript">
noty({"text":"Blog Hocam'ı Twitter'da takip edin! <a href='http://twitter.com/bloghocam' target='_blank'>@BlogHocam</a>","layout":"bottom","type":"success","textAlign":"center","easing":"swing","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":750,"timeout":10000,"closable":true,"closeOnSelfClick":false});
</script>

 

Bu çubuğu sayfanın 3 farklı yernde gösterebilirsiniz.Çubuğun sayfanın üst kısmında gözükmesini istiyorsanız bottom yazan yeri top ,  ortada bir pencere şeklinde açılmasını istiyorsanız center olarak değiştirebilirsiniz.

 

Nedim Arabacı’ya böyle bir uygulama geliştirip bizlerle paylaştığı için bir kez daha teşekkür ediyorum.http://needim.github.com/noty/#creator sayfasına gidip bu uygulamadan yararlanarak farklı tarzda çubuklar da oluşturabilirsiniz.

İlk Sony Xperia Sahnede

Sony, Xperia NXT (Gelecek Kuşak) serisinden Xperia S ile Android telefon dünyasına hızlı bir giriş yaptı. Sony’nin 4 ekran stratejisinde önemli bir yeri olan çift çekirdekli tasarım harikası Xperia S, Sony Bravia HD parlak ekranıyla akıllı ve eğlenceli Android telefon dünyasının yeni ikonu olacak.

Sony’nin 4 ekran vizyonunda içerik paylaşımını en üst seviyeye taşıyan çift çekirdekli tasarım harikası Xperia S, televizyondan tablete tüm elektronik cihazlara bağlanarak kullanıcıya eşsiz bir deneyim yaşatıyor. Ofis ve ev ortamında kullanıcıyı küçük telefon ekranına bağlı kalmaktan kurtararak Android telefonları birer mobil teknoloji üssü ve pratik uzaktan kumandaya dönüştüren Xperia S, Sony Bravia HD parlak ekranı ile eşsiz bir görsel deneyim sunuyor.

Xperia S, 12 megapiksel Exmor R kamerası ile bekleme modundan 1,5 saniye gibi kısa bir sürede çıkarak fotoğraf çekimi yapabiliyor veya Full HD video çekebiliyor. Sony kalitesini yansıtan telefon ekranının altını vurgulayan ışıklı şeffaf bandıyla hemen dikkat çeken Xperia S şık tasarımı ile akıllı telefon dünyasının ikonu olacak.



Xperia S Sony dünyasının bir parçası

Kullanıcının TV, akıllı telefon, dizüstü bilgisayar ve tablet arasında kolayca geçiş yapmasını sağlayan Xperia S mobil teknoloji ile ev ve ofis ortamını birleştiren tam bir cep kontrol merkezi. Birbirine bağlı bu dünyada sadece akıllı bir uzaktan kumandadan ibaret olmayan Xperia S, HDMI bağlantısı ile televizyon üzerinden Sony Entertainment Network’e bağlanarak filmlerden müziğe, video oyunlarından kliplere kadar her alanda kullanıcılara dijital eğlencenin kapılarını açıyor.

Xperia S kablosuz ağ bağlantısı ile fotoğrafların ve videoların tek tuşla paylaşılmasını sağladığı gibi NFC (yakın alan iletişim) teknolojisi ile kullanıcıların telefonları arasında resim, belge ve şarkı paylaşmasına da izin veriyor.

Eşsiz Sony eğlence dünyasına cepten erişim

Xperia S kullanıcıları Sony Entertainment Network’e bağlanabilecek. Music Unlimited 15 milyondan daha fazla şarkı içeren global bir katalog sunarken Video Unlimited da dünyanın büyük yapımcılarının gişe hasılatı rekorları kıran en yeni filmleriyle TV dizilerini akıllı telefona taşıyacak. Aynı zamanda PlayStation™ onaylı Xperia S, PlayStation® Store üzerinden kullanıcılara Sony PlayStation kalitesini yaşatacak.

Android 2.3 Gingerbread işletim sistemiyle satışa sunulan Xperia S, 2012’nin ikinci yarısında Android 4.0 Ice Cream Sandwich sürümüne güncellenebilecek. Xperia S Turkcell mağazalarında satışa sunuldu.



Bir bumads advertorial içeriğidir.

14 Nisan 2012 Cumartesi

Son Zamanlarda Blogda Yaptığım Değişiklikler-3

Daha önce blogda yaptığım değişikliklerden şurada ve şurada bahsetmiştim.Son zamanlarda üçüncü bir seri değişklik daha yaptım.Kısaca bunlardan bahsetmek istiyorum.

 

1. Click Box

 

Click Box

 

Bir süredir Click Box adını verdiğim, içerisinde Facebook, Twitter ve +1 butonlarını bulunan widgetı değiştirmeyi düşünüyordum ancak nasıl bir tasarım olacağı konusunda kararsızdım.Bloglar arası bir gezinti yaparken http://www.yazar.gen.tr/ adresinde ki bloga rastladım ve orada gördüğüm tasarım çok hoşuma gitti.Küçük değişiklikler yaparak Click Box’ı güncelledim.

 

2. E-Posta Abonelik Formu

 

E-Posta Abonelik Formu

 

E-posta abonelik formu bence kenar çubuğunda ki en önemli öğelerden.Blogunuzu takip etmek isteyenler için en kolay ve en cazip  seçenek e-posta aboneliği olduğu için bu formun tasarımına özen göstermelisiniz.Blog Hocam’ın kenar çubuğundaki öğelerin sayısı arttıkça kullandığım e-posta abonelik formu eskisi kadar dikkat çekmemeye başlamıştı.Ben de küçük bir değişiklik yaparak daha dikkat çekici bir görünüm kazandırmak istedim.Başarılı oldum sanırım.

 

3. Yeni Rozeti

 

Yeni Rozeti

 

Ana sayfada gördüğünüz ve en son yayınlanan yazının sağ üst köşesinde ki yeni rozetini şu ana kadar başka bir blogda görmediğim için ( mutlaka vardır da ben henüz denk gelmedim ) çok seviyorum.Bu rozet sadece ana sayfada en son yazının köşesinde gözüküyor.

 

Söz Sizde

Yaptığım bu değişklikler hakkında ki fikirlerinizi merak ediyorum.Yorum bölümünden benimle paylaşırsanız sevinirim.Aklıma yeni bir fikir geldiğinde veya başka bir blogda gördüğüm bir özellikten etkilendiğimde yenilikler yapmaya devam edeceğim.Şimdilik bu kadar.

12 Nisan 2012 Perşembe

CSS İle Uyarı Mesajı Kutuları Yapalım

Bu yazıda, blog yazılarınızda bir mesaj vermek veya uyarı yapmak istediğinizde kullanmanız için ikonlarla desteklenmiş mesaj kutuları yapmayı anlatacağım.Bu mesaj kutrtularını CSS teknolojisi ile yapcacağız.Bu örneklerden yola çıkarak siz de benzer kutular ve paneller oluşturabilirsiniz.Başlamadan önce her blogcunun bilmesi gerektiğini düşündüğüm ve bu mesaj kutularını oluştururken kullandığımız CSS’ten bahsetmek istiyorum.

 

CSS İle Uyarı Mesajı Kutuları

 

CSS Nedir?

 

CSS (Cascading Style Sheets) yani stil şablonları; HTML’e ek olarak web sayfalarına daha çok görsellik katmak için geliştirilmiş bir web teknolojisidir.CSS le bir web sayfasındaki öğelerin rengini, boyutunu, konumunu ve bir çok özelliğini kolayca ayarlayabiliriz.

 

Blogger şablonlarında CSS kodları ]]></b:skin> kodunun üzerindeki bölümde bulunur.CSS öğrenerek  belki kendi temanızı sıfırdan yapamazsınız ancak mevcut temalarda değişiklikler yapabilirsiniz.CSS hakkında daha detaylı bilgiler bulmak için Fatih Hayrioğlu’nun blogunu ziyaret edebilirsiniz.

 

Gelelim mesaj kutularını oluşturmaya.Öncelikle şablonumuza kutuların görünümünü tanıtmak için gerekli CSS kodlarını ekleyeceğiz.Bu kodları yukarıda da bahsettiğim gibi şablonumuzun ]]></b:skin> kodunun üstüne yazacağız.Örnek olarak 3 ayrı uyarı kutusu oluşturacağız.Siz bu örneklerden faydalanarak kendi mesaj kutularınızı oluşturabilirsiniz.Kodlar şöyle:

 

.dikkat{
        border:solid 1px #DEDEDE;
        background:#FFFFCC url(http://icons.iconarchive.com/icons/famfamfam/mini/16/icon-alert-icon.png) 8px 6px no-repeat;
        color:#222222;
                font-weight:bold;
        padding:4px;
        text-align:center;
    }
    .onay{
        border:solid 1px #90ac13;
        background:#eef4d3 url(http://icons.iconarchive.com/icons/famfamfam/silk/16/accept-icon.png) 8px 6px no-repeat;
        color:#6b800d;
        font-weight:bold;
        padding:4px;
        text-align:center;
    }
    .yasak{
        border:solid 1px #CC0000;
        background:#F7CBCA url(http://icons.iconarchive.com/icons/famfamfam/silk/16/delete-icon.png) 8px 6px no-repeat;
        color:#CC0000;
        font-weight:bold;
        padding:4px;
        text-align:center;
    }

 

Kodlarda dikkkat, onay ve yasak isimli 3 ayrı kutunun görünümü belirttik.Şimdi sıra bu kodları kullanmaya geldi.

 

Blogunuza yeni kayıt oluştururken HTML’yi Düzenle bölümünü açın ve buraya aşağıdaki kodları yazın:

 

<div class="dikkat">
Blog Hocam Dikkat Mesaj Kutusu</div>


<div class="onay">
Blog Hocam Onay Mesaj Kutusu</div>


<div class="yasak">
Blog Hocam Yasak Mesaj Kutusu</div>

 

Bu örneklerden yola çıkarak farklı CSS kodları kullanabilir ve kendi özel mesaj kutularını oluşturabilirsiniz.