Sitenizin Hitini Artırın 

Sizlere daha önce ziyaretçi elde yöntemleri - I ve ziyaretçi elde etme yöntemleri - II başlığında hitinizi artırabileceğiniz stratejiler sunmuştum şimdi ise aramalara odaklanarak daha fazla ziyaretçi elde edebilme yolları hakkında fikir vermek istiyorum. Aramalara odaklanmanın ilk ayağını da bir önceki yazımda açıklamaya çalışmıştım : Sitenizin Hitini Artirin - III / Arama Verilerine Odaklanmak >>  

Yayın yaptığınız konular hakkında insanların ne aradıkları neye ulaşmaya çalıştıklarını ve bu konuda nasıl bir yığılma olduğunu tespit etmeye çalışın. Bu sayede gerekli içeriği üreterek ziyaretçi sayınızı artırabilirsiniz.

1 ) Google Adwords Kullanımı  - Sitenizin Hitini Artırın

Google Adwords sizi google üzerinden yapılan arama hacmini gösterir. Hangi kelime üzerine arama yaparsanız bu anahtar kelime ile ilgili arama popülerliğini görebilirsiniz. Denemek için buradan buyurun :  https://adwords.google.com/o/Targeting/Explorer?__c=1000000000&__u=1000000000&ideaRequestType=KEYWORD_IDEAS

Sitenizin Hitini Artırın 

Hemen durumu bir örnekle açıklamaya çalışalım '' Örgüler '' Kelimesiyle bir arama yapıyoruz ve sistem, bize bu kelime bazlı olarak yapılmış olan aramaları listeliyor.

Rekabet seviyesi , aranan kelimenin arama motorlarında olan rekabet oranını gösterir. Düşük kelimelerde üst sıralara daha kolay yükselebilirisiniz. Yüksek olarak belirtilmişse arama motorlarında üst sıralara çıkabilmek için çok emek vermek gerektiğini anlayabilirsiniz.

Genel aylık aramalar ise örgüler kelimesinin arama hacmini gösterir. Örgüler üzerine yayın yapan bir siteniz varsa hangi kelimelerden ziyaretçi alabileceğinizi algılayıp bu alana yatırım yapmanız gerekir. İstatistiklerden görebileceğiniz gibi örgüler kelimesinde yapılan en sık aramalar örgü modelleri ve bebek örgü modelleri. Bu iki kelime ile ilgili içerik üreterek yüksek hit almayı hedefleyebilirisiniz.

2 ) Google Arama Sorguları - Sitenizin Hitini Artırın

Kullanabileceğiniz diğer bir yöntem Google Arama Sorguları. Örnek vermek gerekirse zayıflama üzerine bir blog açtınız peki insanlar zayıflama konusunda ne arıyor ?  Arama sorgularından da fikir edinebilirsiniz.

Sitenizin Hitini Artırın 

Google arama çubuğuna aramak istediğiniz kelimeyi yazın ve sayfanın en altına inin,  ilgili aramalar kısmını göreceksiniz.  Gördüğünüz gibi insanlar zayıflama yöntemleri , bitkisel zayıflama,  bitki çayı ve zayıflama ilaçları ile ilgili aramalar yapmış. Bu veriler zayıflama kelimeleri kullanarak yapılmış en büyük arama hacimleri.  Zayıflama konusun da bir site oluşturduktan sonra bu kelimeler üzerine içerik ekleyerek, aramalardan daha fazla ziyaretçi elde edebilirsiniz.

Sitenizin Hitini Artırın 

Sizlere daha önce Ziyaretçi elde yöntemleri - I ve Ziyaretçi elde etme yöntemleri - II başlığında hitinizi artırabileceğiniz stratejiler sunmuştum. Şimdi ise aramalara odaklanarak daha fazla ziyaretçi elde edebilme yolları hakkında fikir vermek istiyorum.

Sitenizin hiti artırmak için uygulayabileceğiniz en etkili yöntem,  seo çalışmalarına önem verip aramlar da üst sıraları hedeflemektir. Yeterli seo çalışmasını siteniz için uyguladıktan sonra ise aramalarda belli bir rekabet halinde olup hit sağlayabilirsiniz. Bunun haricinde aramalardan gelen trafiğe ve yapılacak olan aramalara odaklanarak sitenizin hitini bir nebze daha artırmanıza olanak sağlar.

1 ) Hit Çeken Kelimelere Odaklanmak : Arama motorlarından elde ettiğiniz ziyaretçiler size hangi anahtar kelimeler ile ulaşıyor? öncelikle bu sorunun cevabını bulmalısınız. Google Analytics kullanıcıları siteye gelen ziyaretçilerin hangi kelimeler üzerinden geldiğini takip edebilir. Fakat Google tüm verilerini size sunmaz, kısıtlı bir kelime arşivi gösterir. Not Provided size gösterilmeyen kelimelerin tamamıdır.

Sitenizin Hitini Artırın

Kelimeleri biraz daha olsun rahat algılayabilmek için kullanabileceğiniz taktikleriden biri, Açılış sayfalarını kontrol etmek fakat bu yöntem bize gerçekçi çözümler sunmaz. En garantili yöntem Google Webmaster Tools aracı kullanmaktır :

Sitenizin Hitini Artırın

Son olarak ise Blogger'ın sunduğu hangi sayfa ne kadar görüntülenmiş özelliğini kullanıyoruz.

Sitenizin Hitini Artırın

Bu özellikler sayesinde sitemizin hit alabildiği kelimeler ve popüler konuları tespit ederek, bu konulara daha fazla zaman ayırarak daha fazla sayıda ziyaretçi edinmeyi umuyoruz.

Kendi blogum üzerinden örnek vermek gerekirse kısa süre önce blogumun, Blogger uyarı satırı oluşturmak konusunda çok yüksek hit aldığını fark ettim ve hemen ikinci bir uyarı satırı örneği daha paylaştım. Blogger uyarı satırı konusunda aldığım ziyaretçi sayısını 1,5 kat artırdı. Hem aramalarda daha fazla sonuç sunuyorum hemde Blogger uyarı satırı konusunda daha yüksek bir seo puanına sahibim.


2 ) Rakip Sitelerin Anahtar Kelimelerine ve Popüler Konularına Odaklanın : 

Rakip sitelerin anahtar kelimeleri algılamak oldukça zordur. Genede Alexa üzerinden fikir sahibi olabilirsiniz. http://www.alexa.com/siteinfo/bloggerdersleri.com : Alexa site değerlendirme linkim.

Sitenizin Hitini Artırın

Alexa üzerinden arama yapıp , Search Analytics verilerine inceleyerek rakip sitelerin arama getiren kelimeleri hakkında fikir sahibi olabilirsiniz.

Analiz için kullanabilceğimiz diğer yöntem ise popüler konular ve en çok yorumlananlar eklentisini.  Rakip sitelerin popüler konularını tespit edin. En çok yorumlananlar, en çok gösterilenler gibi eklentileri olan sitelerin tam olarak hangi konularda yüksek hit aldığını takip edebilir ve buna uygun yatırımlar yapabilirsiniz.

Burada bahsettiğimiz konu içeriklerini çalmak değil, sadece analizlerde bulunarak kullanıcıların ilgisini belirleyerek , tam olarak neye eğilim gösterdiklerini algılama ve bu konular hakkında güncel ve özgün içerik sunabilme çabasıdır.

Hit alan kelimelerinizi belirleyip sitenize bu konular hakkında daha fazla içerik eklemeniz , rakip sitelerin popüler kelimelerine ve popüler konuları ile alakalı özgün bilgiler sunmanız size kısa vadede fazlaca ziyaretçi olarak geri dönecektir.

Sosyal medya sitelerinin çoğu için tamamlayıcı araçlar, siteler ve hizmetler mevcut. Sosyal medya stratejinizde başarılı olmanızı sağlayacak yöntemleri araştırıp bulmak akıllıca bir davranış olacaktır. Ayrıca bazı görevleri otomatikleştirebilirsiniz de.

Örneğin, Twitter için bir strateji belirlediğinizi düşünelim; tweetlerinizin sürekliliği konusunda endişelenmek yerine önceden ayarladığınız tweetlerinizi belirlediğiniz saatlerde gönderebilecek basit bir uygulamayı kullanabilirsiniz.

Tweetlerinizi gönderecek basit bir Tweet zamanlayıcı oluşturmak için PHP ve MySQL' i kullanabilirsiniz. Böyle bir uygulama için bazı tweetleri depolayacak tek bir veri tabanı tablosu kullanacağız.

Queue tablosu sadece üç bölümden oluşur: id (kimlik), message (mesaj) ve status (durum), id (tamsayı) bölümü aksi istenmediği takdirde otomatik olarak arttırılır. Message (metin) bölümü tweetlerinizin olduğu bölümdür. Status (tam sayı) bölümü de tweetinizi gönderilip gönderilmediğini gösterir. "0" olan status değeri tweetin gönderilmediğini gösterirken "1" olan status değeri ise tweetin gönderildiğini gösterir.

Arayüz için tek gereken daha sonra göndereceğimiz tweetleri MySQL veritabanına gönderen basit bir HTML formudur. Veritabanında depolanmış halde bulunan gönderilecek tweetlerin görünebilir bir listesi de mevcutsa işimiz daha da kolay demektir. Son olarak da istenmeyen tweetleri silmenin bir yolunu bulmalısınız.

Yeni tweetin girileceği bölümün hemen altında her zaman depolanmış tweetleri gösteren bir veri tabanı sorgusu yer alır.*Add Future Tweet (gönderileceklere bir tweet ekle) butonuna tıkladığınızda, form yeni rweeti veri tabanına gönderir; daha sonra da yeni eklenmiş tweetiniz My Future Tweets (gönderilecek rweetlerim) listesinin en başında yer alacak şekilde aynı ekran tekrar karşınıza gelir.

Kaynak: tr.seoric.com

Blogger CSS3 ile Slider Oluşturmak

Blogger dersleri kategorisinde bloglarına renk katmak isteyenler için Blogger manşet menüler sunmuştum. Link ekleyebileceğiniz bu tasarımlar ile belirlediğiniz konuları ön plana çıkarabilme imkanına sahip oluyorsunuz.

İnceleyebileceğiniz Manşet Menüler :

Blogger Resimli Manşet Slayt Menüsü >>
Hareketli Resim Manşet Slayt Menüsü >> 
Blogger Resimli Slayt Gösterisi >> 

Link ekleyebilme özelliğinin yanı sıra sadece tanıtım ve slayt gösterileri sunmak isteyenler için ise CSS3 ile dizayn edilmiş farklı bir tasarım örneği sunmak istiyorum.


Blogger CSS3 Slider Demo

Blogger CSS3 ile Slider Kullanımı

1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widget şablonlarını genişlet kutucuğunu işaretliyoruz.
 2 ) Ctrl + F yardımı ile ]]></b:skin> kodunu bularak aşağıdaki kodu hemen üzerine ekliyoruz.

/* fade slider */
.slides {
height:300px;
margin:50px auto;
overflow:hidden;
position:relative;
width:900px;
}
.slides ul {
list-style:none;
position:relative;
}
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-moz-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
.slides ul li {
opacity:0;
position:absolute;
top:0;
/* css3 animation */
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_slides;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}
/* css3 delays */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 18.0s;
-moz-animation-delay: 18.0s;
}
.slides ul li img {
display:block;
}
/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-moz-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
.slides ul li div {
background-color:#000000;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 5px #FFFFFF inset;
color:#FFFFFF;
font-size:26px;
left:10%;
margin:0 auto;
padding:20px;
position:absolute;
top:50%;
width:200px;
/* css3 animation */
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}

•  Kodlar içerisinde kırmızı yazılmış sayısal değerleri değiştirerek sliderın boyutları belirleyebilirsiniz.  

3 ) Blogger Kontrol Paneli > Yerleşim > Gadget Ekle > HTML/Javascript seçeneğini kullanarak sliderı görmek istediğiniz yere aşağıdaki kodları ekleyin.

<div class="slides">
<ul> <!-- slides -->
<li><img alt="Blogger CSS3 ile Slider" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOfiAMrkyr6SI8mX5-onZCJO7p8tjEHiL2VrTA0hEynCzDoSPUNyRtDxdLiP7QDP6550eN_FJ4NMDhTocemnaIam4Z3NI6HKUJrz0ronBIFA9hDbY8wv0xTYnsBdapzQf6qdgEmkhinoI/s1600/Blogger-CSS3-ile-Slider(1).jpg" />
<div>
Başlığınız #1</div>
</li>
<li><img alt="Blogger CSS3 ile Slider" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnBsmEKJb-msoYsHf_rs7r98PpcKRY5G-4fiZoBFH5SCd5d61q4EOlLUsdgutCn77RwQdhXSaPTEUMzGvy-b7S8-QiCMvjTPQxyabZK2kpALIGjlmaYY0Hq9oTP10jMdZWyRzzQ-OAYlo/s1600/Blogger-CSS3-ile-Slider(2).jpg" />
<div>
Başlığınız #2</div>
</li>
<li><img alt="Blogger CSS3 ile Slider" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3qJD8DeTrJqJEBLP2nMX3tnClK_xmwe4LdYrIi5iubWRcJaoTHR8kIF8jQERU_EmyonrNA2ZTtAR9D2aZjgpCIFZ-bT4yjjpCieP1xELOp8X1Vg2xlHyyTwXYvJotiXaD0oMzUKuTEY/s1600/Blogger-CSS3-ile-Slider(3).jpg" />
<div>
Başlığınız #3</div>
</li>
<li><img alt="Blogger CSS3 ile Slider" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0XuVR1NCD6qiQgx1jWDh4DVM31gYk2b8JaMc3mYF_QfI9nT3yl9ouEnVuZN6oRjNF_zgMMP2LwQsf3KMUxyRQg0i-tWPpEcwdvxgKF4YJmfy2JOQY22BrPdisKEjLkSOg6YLGB0Luxg/s1600/Blogger-CSS3-ile-Slider(4).jpg" />
<div>
Başlığınız #4</div>
</li>
</ul>
</div>

Blogger CSS3  Slider Modifiye : 

• Pembe yazılmış olanlar resimlerin alt etiketidir. 
• Mavi olarak belirlenmiş alan resim üzerine gelince görünecek olan başlık.
• Kırmızı linkler görünecek olan resim linkleri. 

Blogger Uyarı Satırı Oluşturmak

Blogger Dersleri kategorisinde daha önce farklı tipte bir uyarı satırı kod dizini paylaşmıştım. CSS3 ile Blogger Uyarı Satırı Oluşturmak >> . Aramalardan gelen ziyaretçilerden ve teşekkür mesajlarından anladığım kadarı ile blogcular arasında uyarı satırı kullanmak isteyenlerin sayısı bir hayli fazla. Bu sebeple sizlere farklı tipte bir uyarı satırı örneği sunmak istiyorum.

Belli satırlara dikkat çekmek ve blogunuza renk katmak için kullanabileceğiniz resimli uyarı kodlarının demolarını hemen size sunarak, konuştuğumuz konu hakkında bilgi sahibi olalım :

Blogger Renkli Uyarı Satırı Demo : 

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo

Gelelim Kodları Uyarı Satırlarını Nasıl Oluşturabileceğimize 

1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widget şablonlarını genişlet kutucuğunu işaretliyoruz.

2 ) Ctrl + F yardımı ile ]]></b:skin> kodunu bularak aşağıdaki kodu hemen üzerine ekliyoruz.

.TWwarn{background:#FFF2F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtGkIuRLx9wsumBpTrOc2N474TlXqmuUVVA-fNjPFRu1r2TtQBsHHmQATQw6_QdHnkMS5ktgG9bU_JeWHbu40W4BbfqHDuTGEj0_YAkO6lM4exi2bz1f8EcQZQw4ebJdsSHCUkIvpgB24/s1600/nraw2.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #BE0000; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

.TWynotic{background:#fafbca url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhC7llIoXfmLEfW-GndZBUu0Bj2nkBKFrcEqRwd7a5ZA7er2FR2bozxLMF70465ji3kngoeXD56G_Ec49F5UH7kLuE63FTMJJF21ng4xkbKTtRO6pZJMkucXvZeihOjJROnTrsHRYxGac/s1600/yellowalert.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #e7ea03; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

.TWgift{background:#ddeffb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2u6MB3Kw2pW3C09WyVsCEvhxliqjihnGgCUwNVr2td2Fx0XOjSkdhBoDCT8t3VMaEm4g-PadedLdYJIYh14jbjbW1ihe6xbRLhuahBTgxVGIUT1csSFSs1dge83XYtsLZi7hHSvKBLjf8/s1600/gift.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #32a9fc; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

.TWnoticgreen{background:#dcf9bc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEims_wEZM4NcBkX_43sqnwtO8jCNuuGoqi_fK9Fj5WTV3GTh58Iuvt1qPIkqU4F-pyCRxVEltZyMR5ICZtlwoh1Ez9KVEfCKGrPT_7PyrdX01P3Sle0-YQlITNi5xQsmuTIuxl5I2994N_W/s1600/announcement-icon.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #7dc945; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.TWHEART{background:#fbd3d9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhB6lpNeSjzRSUymj4OUju05jtE9s_o1mqJBnlwtORE79qyUQijSOicmWuYeGMS7bxu10RJ0UfifeWUlBiZKGnfucUYzCTx8kmpon-BUbrPS70o6ZZgDvtdV0R-PQzpPnjR81oY4U9i0Z7/s1600/heart.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #fe3a5a; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

.TWpin{background:#f4dbf3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UtS9F37RjDs9Xr5B1PPsUrvwG4-6Ik13sfmrh8pKWh8AJcZ9nqjepS9eKdsNz4ASdHPrZtpcIGzUcDzXXrRCYKEEuzmZ99U5HET8_MsqZuBgObeUOEnkwPpSKJCIsVZB_5Q0r-1SKGK8/s1600/twpin.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #fb37e2; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

.TWywarn{background:#e3f0f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvShyphenhyphenSsuQSoxGW0CjVBb5BXd8mg_lMaCM8SpR_7yT9AA-a8eb-6_VLoppA8tsHlFjU9o_YVfSy_bUc7F4bLU6Xt1oq-oO1hOzbTqeh1sUaM2IhRUl1CP4SLnheckgm2Xp1JCSYPBWgVRs/s1600/write.png) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #66cccc; background-position:7px 50%; padding:10px 10px 10px 45px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

3 ) Şablonu kaydet diyerek işlemi tamamlıyoruz.

Yayınlarda uyarı satırlarını oluşturma için ise ufak div kodlarından faydalanacağız. İstediğiniz uyarı satırını kullanmak için yayın yaparken HTML bölümüne geçerek div kodları eklemeniz yeterli.

Ünlem İşaretli Tabela :

<div class="TWwarn">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

 Raptiyeli ( Tam Emin Değilin O Raptiye mi :) ) Uyarı Satırı:

<div class="TWpin">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

 Ünlemli Sarı Tabela Uyarı Satırı :

<div class="TWynotic">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

 Kalpli Uyarı Satırı :

div class="TWHEART">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

 Megafonlu Uyarı Satırı :

<div class="TWnoticgreen">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

 Kalemli  Satır Kodu :

<div class="TWywarn">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

 Hediye Paketli Satır Kodu Megafonlu Uyarı Satırı:

<div class="TWgift">
<b>Blogger Dersleri Uyarı Satırı Demo - Blogger Dersleri Uyarı Satırı Demo</b></div>

  

Blogger Resimlerde Yaşanan Netlik Sorunu

Blogger kullanıcıları tarafından bir çok mail alıyorum. Bunlar arasında özellikle yığılma olan bir konu olduğu için resim netliği konusunu, elimden geldiğince size Blogger dersleri kategorisinde açıklamaya çalışacağım. Blogger yayınlarına eklediğiniz resimlerde netlik sorunu yaşanabiliyor. Resim içeriklerinde sorun çıkmasa da ayrıntılı resimlerde kayma ve netlik kaybından şikayetçi olunabiliyor. Bunun nedeni Blogger resimlerinin boyutlara göre linklendirmesidir. Blogger'ın sunduğu sayfanın kalitesini artırmaya yönelik bir eklentidir. Fakat kimi durumlarda bu güzel eklenti ayrıntılı resimlerde sıkıntı yaşatabilir.

Aşağıda sizin için iki adet resim sundum. İlk resim kodunun linkleri benim tarafımdan düzenlendi. İkinci resim  ise Blogger özelliği ile boyutlandırıldı. İki resim arasında ki netlik farkını az da olsa fark edebilirsiniz. Ayrıntılı resimlerde fark iyice belirgin olur.

Blogger Resimlerde Yaşanan Netlik Sorunu

Blogger Resimlerde Yaşanan Netlik Sorunu

İki resmin genişliği de 400x157 şeklinde. Aradaki farkın sebebi ikinci resmin otomatik olarak boyutlandırıldığın da özel link ile sunulması. Şimdi size iki resminde kodlarını göstereyim.

Birinci Resim Kodu :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s1600/w3c-kontrolu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s1600/w3c-kontrolu.png" width="400" /></a></div>

İkinci Resim Kodu :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s1600/w3c-kontrolu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s400/w3c-kontrolu.png" width="400" /></a></div>

Kırmızı olarak gösterilen resmin gösterim  linkidir. Pembe olanla ise resme tıklanıldığında ulaşılacak olan adres. Eğer bloglarınızın resim boyutlandırma özelliğini kullanırsanız ( Küçük , Orta , Geniş seçenekleri )  Kod otomatik olarak  resim linkini boyutlandırır.

Örnek :

İkinci kodda bunu görebilirsiniz. İkinci kodda kırmızı olarak yazılmış linkte s400 kısmı resim boyutunu linkle belirler.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s400/w3c-kontrolu.png

Linkte boyutlandırmalar resimdeki netliği bozabilir. Eğer resimleriniz de bu sıkıntıyı yaşıyorsanız  Kırmızı olarak SRC resim linkini, a href resim linki ile değiştirmeniz sorununuzu çözecektir.

 Kodlar arasında örneklendirelim.  Pembe olan resim linkini alıp, kırmızı olanla değiştiriyoruz.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s1600/w3c-kontrolu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s400/w3c-kontrolu.png" width="400" /></a></div>

ve kodu aşağıdaki hale getiriyoruz.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s1600/w3c-kontrolu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzGwu75UQu_T0OKN6581MAM_BRana8ehkQLXW5P6uJSke-G_2l1hW-bBUcEgGP_X6PewFM8Q0Rlmj-W20DVNLEVlGldapN5ckq1vCDvAPaCQyvG0kuxqtzxKe8kRu8WqJt5n_DrvGkfMh/s1600/w3c-kontrolu.png" width="400" /></a></div>

Bu sayede link boyutlandırmasını ortadan kaldırarak, netlik sorununu bir nebze olsun ortadan kaldırabilirsiniz.

Deri pahalı bir materyal olduğu için genellikle insanlar deri benzeri imitasyon ürünleri yani diğer bir ifade ile suni deri diye tabir edilen ürünleri kullanmaktadır. Mağazalara baktığımız zaman deri ceket fiyatları 1500-2000 TL gibi fiyatlara çıkmaktadır. Deri çanta fiyatları ise 400-500 den başlayıp 1500 TL gibi fiyatlara satılmaktadır. Hal böyle olunca insanlar deri ürünleri almak yerine deri benzeri imitasyon ürünleri tercih etmektedir. Ama artık suni deri ürünleri kullanmak zorunda değilsiniz. Sizlere şimdi deriza.com internet sitesini tanıtacağım.

Deriza.com Türkiye'nin en büyük online deri ürünleri satış mağazasıdır. Deriza.com 'da deri ceket , deri mont , deri çanta , deri cüzdan , deri kemer başta olmak üzere daha birçok deri ürünü bulabilirsiniz. Deriza.com orjinal deri ürünlerini %80'e varan indirimlerle kısa süreliğine müşterilerine sunmaktadır. Deriza.com sitesi kullanımı oldukca basit ve sade bir arayüze sahip olmakla beraber sizlere güvenli bir alışveriş imkanı sağlar. Deriza.com sitesi deri mühendisliği mezunları tarafından kurulmuş bir site olup her ürün tek tek deri mühendislerinin onayından geçmektedir ve siz müşterilere ulaştırılmaktadır.Aşağıdaki videoda ise deriza.com çekimlerinin backstage görüntüleri yer almaktadır. Çekimlerine bile baktığımız zaman bu işi ne denli profesyonel yaptıkları görülmektedir. Keyifli alışverişler dilerim. Deri pahalı bir materyal olduğu için genellikle insanlar deri benzeri imitasyon ürünleri yani diğer bir ifade ile suni deri diye tabir edilen ürünleri kullanmaktadır.

Mağazalara baktığımız zaman deri ceket fiyatları 1500-2000 TL gibi fiyatlara çıkmaktadır. Deri çanta fiyatları ise 400-500 den başlayıp 1500 TL gibi fiyatlara satılmaktadır. Hal böyle olunca insanlar deri ürünleri almak yerine deri benzeri imitasyon ürünleri tercih etmektedir. Ama artık suni deri ürünleri kullanmak zorunda değilsiniz. Sizlere şimdi deriza.com internet sitesini tanıtacağım. Deriza.com türkiye'nin en büyük online deri ürünleri satış mağazasıdır. Deriza.com 'da deri ceket , deri mont , deri çanta , deri cüzdan , deri kemer başta olmak üzere daha birçok deri ürünü bulabilirsiniz. Deriza.com orjinal deri ürünlerini %80'e varan indirimlerle kısa süreliğine müşterilerine sunmaktadır.

Deriza.com sitesi kullanımı oldukca basit ve sade bir arayüze sahip olmakla beraber sizlere güvenli bir alışveriş imkanı sağlar. Deriza.com sitesi deri mühendisliği mezunları tarafından kurulmuş bir site olup her ürün tek tek deri mühendislerinin onayından geçmektedir ve siz müşterilere ulaştırılmaktadır.Aşağıdaki videoda ise deriza.com çekimlerinin backstage görüntüleri yer almaktadır. Çekimlerine bile baktığımız zaman bu işi ne denli profesyonel yaptıkları görülmektedir. Keyifli alışverişler dilerim.

 

Deriza : Your Leather World !

W3C Hataları Tespit Edip Düzenleme 

W3c standartlarının neden kullanıldığını ve siteleriniz üstündeki etkisini W3C standartları ve Seo Etkisi >> yazımda açıklamaya çalışmıştım şimdi sitelerin durumunu değerlendirip yapabileceğiniz düzenlemelerden bahsedelim.

Sitemin W3C Kriterlerine Göre Nasıl Sorgularım :

Kullanmanız gereken sayfalar : http://jigsaw.w3.org/css-validator/ , http://validator.w3.org/

Site adresinizi yazarak Check butonuna basarsanız sitenizin tüm W3C hatalarını görebilirsiniz. Hangi kodda hata yaptığınızı ve tahminen bu yanlışı nasıl düzenleyebileceğinizi İngilizce olarak ayrı ayrı sizlere sunar. Böylece hata sayısını ve tahmini çözüm yollarını görmüş olursunuz.

W3C Hataları Tespit Edip Düzenleme 

W3C Hatalarımı Nasıl Düzenleyebilirim : 

W3C standartlarına göre sitenizin durumunu sorguladığınızda tahminen bir çok hata olacaktır. Dünya'nın en ünlü ve kaliteli sitelerini sorgulasanız dahi benzer hatalar göreceksiniz. Öncelikle tavsiyem bu konuyu bir takıntı haline getirmeyin. Benim blogumda aşırı hataya sahip , hiç değiştirmeye çalışmadım. Ayrıca düzeltebilir miyim pekte emin değilim.

Sorgulama ardından sistemin, hatalarınızı belli bir düzende sunulduğunu fark edeceksiniz. Ayrıca Group Error Messages by Type  seçeneğini işaretlerseniz benzer hataları bir arada görebilirsiniz. Benim kodlarım arasında en yaygın bulunan hata : ''  reference not terminated by REFC delimiter '' bu başlıkta  neredeyse 100'e yakın hata tespit etmiş. 

Blogger kullanıcısı olarak bu kadar kodları düzeltebilecek yeteneğe sahip olmanız beklenemez, ben kesinlikle üçte birini halledebilecek bilgi birikimine sahip değilim. Hataların sabit olduğunu hatırlatarak, Webmaster forumlarından destek alabileceğinizi belirtmek isterim. Sizin ki ile benzer hataların çözümleri sunulmuştur yada yeni başlıklar açarak bu sorunu nasıl halledeceğinizi sorabilirsiniz. Doğru cevaplar ardından blogunuzun kod bölümünü açarak kodlarda değişim yapmanız gerekecek  yada mütevazi ücretler karşılığı bu kodları düzenleyen arkadaşlardan yardım alabilirsiniz. ( 10 , 20 lira arası bir ücret talep edeceklerdir)

Bu konu Blogger kullanıcılar için biraz daha meşakkatli bir süreç. Bloglarınız için tema seçerken sorgulama yapıp az hataya sahip olanları tercih etmeniz mantıklı olacaktır.

W3C Standartları Nedir ve Seo Etkisi 

W3C standartları olarak bilinen '' kod kalite değerlendirme '' mantığını anlatmaya çalışacağım yazımda , w3c kim tarafından, nerede, nasıl kuruldu gibi teknik bilgileri atlıyorum. Ben daha ayrıntılı bilgi istiyorum diyenler Wikipedia sayfasını ziyaret edebilir.

Sitenizin alacağı seo değerinde etkili olan w3c'nin geliştirilmesinin nedeni sitelerin tarayıcılarda farklı görünmesidir. Tüm tarayıcıların algılayıp aynı şekilde sunabileceği bir kod sistemi yaratma çabasıdır. Tarayıcılar ( İnternet Explorer, Google Chrome, Firefox )  okuyucu yazılımlardır. Sayfaları kod olarak görür değerlendirir ve siteyi kullananlara kodların istediği gibi bir sayfa sunar. Bu bilgi ardından geçelim tanıtıma.

W3C Standartlarının Belirlenişi : 

Tarayıcı Farkları : Kimi siteler tarayıcılar da farklı görülebilir. Firefox üzerinden açılan bir sayfa kusursuz görünürken İnternet Explorer aynı tasarımı daha kayık bir halde sunabilir. İşte w3c standartları bu durumu tamamen ortadan kaldırır.

Ufak bir örnek verelim. Bir yazı rengini, black olarak tanımladığınızı varsayalım  bu yanlış bir kod tercihidir ve her tarayıcıda yazı siyah olarak görülmeyecektir. Standartlar, rengin #000000 şeklinde tanımlanmasını ister. Sayılar ile tanımlanan renkler her tarayıcıda algılanır ve doğru bir biçimde çalışır.

Demode Kodlar : Senelerin ayakkabı modası olduğu gibi kodlarında modası vardır. Modası geçmiş kodlar kullanmanız W3C standartlarında eksi puanlar almanıza neden olacaktır.

Bir örnek vermek gerekirse Table kodları demode kodlardır , bir tablo oluşturmak istiyorsanız Table kodları yerine CSS kullanmanız gerekir.

Yanlış Kodlamalar : Kod dizininde bir iki kod harfinin eksik yada yanlış yazılması görünür bir fark yaratmaya bilir fakat w3c sorgulaması bu sıkıntıyı tespit eder.

W3C Standartlarının Etkileri : 

w3c kısaca kodlar ile ilgili standart bir ölçüttür, site sahiplerini alakadar eden iki önemli noktası var:

1 ) w3c ölçütüne tarayıcılar önem verir ve yazılımlarını buna göre düzenlerler. Siteleriniz bu standartlara ne kadar uygunsa o kadar hızlı ve kusursuz açılacaktır. Bir sitenin hızlı açılması ve sayfaların seri yüklenmesi kullanıcılarınız için yararlı olacaktır. Bu avantaja Google ve diğer arama motorları önem verir. Hızlı açılan sayfalara daha yüksek seo puanı verirler buda sizi arama motorlarında üst sıralara taşır. w3c standardı = Hızlı Açılan Site = Yüksek Seo Puanı. 

2 ) Özellikle Google ve diğer arama motoru botları, sitenin w3c standartlarını algılayabilecek şekilde dizayn edilmiştir. Sitenin hızından bağımsız olarak w3c ölçütlerine uygun olmanız size yüksek bir seo puanı getirecektir. Arama motoru botları kusursuz bir tasarıma sahip olmanızı,  kaliteli bir site olduğunuza dair bir kriter olarak görür. Bu durum sizi arama motorlarında üst sıralara taşır.

Sitemin w3c Standartlara uyumunu nasıl test ederim ve uyumlu hale getiririm diyorsanız buradan buyurun : W3C Sorgulama ve Çözüm Yolları >> 

Blogger Feed İle Liste Menü Oluşturmak

Blogger Dersleri  kategorisinde feed takip sistemini kullanarak farklı siteler üzerinden yapılan kayıtları, menü halinde sunabilmekten bahsedeceğiz. İki blogunuz varsa yada video sitelerinde ki hesaplarınız üzerinden video linklerini toplu halde sunmak istiyorsanız işinize yarayacaktır. İçerik takibi menüsü  otomatik olarak son eklediğiniz yayınları, belirlediğiniz sayıda belirlediğiniz alanda blog ziyaretçilerinize sunacaktır. Yeni bir yayın eklediğiniz de yada video paylaşım siteleri üzerinden video paylaştığınızda feed takip menüsü otomatik olarak yenilenecektir.

Ayrıca aramalardan yüksek sayıda ziyaretçi elde ediyor ve onları son paylaştığınız konuları görmeye teşvik etmek istiyorsanız da size yardımcı olabilir.

Blogger kontrol panelinden Yerleşim ayağına geçerek Gadget Ekle seçeneğini kullanıyoruz ve İçerik Takibi seçeneğini kullanıyoruz.

Blogger Feed İle Liste Menü Oluşturmak

İçerik takibi sistemi size hangi sitenin son kayıtlarını bloglarınızda menü halinde sunmak istediğinizi belirlemeniz için FEED adresini yazmanızı isteyen bir  yapılandırma seçeneği sunacak.

Blogger Feed İle Liste Menü Oluşturmak

Feed Adresleri :

İçerik Takibi URL'si Blogger hesaplarının ve Youtube sitesinin feed adresleri standart bir yapıdadır. 

• Blogger Feed : Sunmak istediğiniz Blogger sitesinin feed adresi aşağıda ki formattadır. Kırmızı ile işaretlenmiş site adresini son kayıtlarını göstermek istediğiniz site adresi ile değiştirin. 

http://www.blogger-hakkinda.blogspot.com/feeds/posts/default

• Youtube Feed : Youtube üzerinden bir kullanıcının yada kendiniz son eklediği videoları menü halinde sunmak istiyorsanız, Youtube feed adresi aşağıda ki gibidir. Kırmızı olarak işaretlenmiş 4h6o benin Youtube kullanıcı adım. Yayın yapmak istediğiniz kullanıcı adı ile değiştirerek kullanabilirsiniz. 

http://gdata.youtube.com/feeds/base/users/4h6o/uploads

Blogger Feed İle Liste Menü Oluşturmak

Feed adresi ile oluşturacağınız menünün ön izlemesini sistem size sunacaktır. Göstereceğiniz kayıt sayısını , eklenme tarihini ve açılış şeklini belirleyebilirsiniz.

Özellikle yeni bir blog açıp eski blogundan tanıtıp yapmak isteyenler ve Video paylaşımına önem verenler için kullanışlı bir menü çeşidi. Umarım sizler için yararlı olur.

Blogger Seçili Yaz Rengini Değiştirme 

Sitelerde yayınlanan içeriği sol fareye basılı tutarak üstünden geçerseniz klasik bir mavi fonta seçili yazı işaretlenir. Blogger kullanıcıları isterse bu seçili yazı rengi üstünde oynama imkanına sahip. Hemen sizlere bir örnek sunayım.

Blogger Seçili Yazı Rengi Değiştirme Demo 
Demo örneğinde ki yazıyı sol fare imlecini kullanarak işaretleyin arka fonun farklı renk aldığını fark edeceksiniz.

Blogger Seçili Yazı Rengi Değiştirme 

1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widget şablonlarını genişlet kutucuğunu işaretliyoruz.

 2 ) Ctrl + F yardımı ile ]]></b:skin> kodunu bularak aşağıdaki kodu hemen üzerine ekliyoruz.

::-moz-selection {
    background-color: #ffb7b7;
    color: #fff;
}
::selection {
    background-color: #ffb7b7;
    color: #fff;
}

Blogger Seçili Yazı Rengi Değiştirme Kodları Modifiye 

• Kırmızı olarak belirlenmiş olan kod dizini yazının seçildiği taktirde arka fonunun alacağı rengi belirtir. 
• Color sonrası olan mavi kısım ise yazının seçildiği taktirde alacağı rengi tanımlar. 

Uygun olan renkleri kullanarak blogunuza renk katabilirsiniz : Renk Kodları >> 

Farklı Örnekler : 

Blogger Seçili Yaz Rengini Değiştirme 

Blogger Yayın İçi Google Plus Sayfası Etiketleme

Google firması , Facebook ile Yahoo sisteminin beraber bir arama motoru kurma projesine oldukça hiddetlenmiş olmalı ki her geçen gün Google Plus kullanımını yaygınlaştırmak için yeni bir tasarım ile karşımıza çıkıyor. Kısa süre önce Google Plus sayfalarını yayına sokan Google firması bu kez de muhteşem işlevselliğe sahip olduğunu düşündüğüm sayfa etiketleme sistemini devreye sokmuş durumda.

Etiketleme sistemi oldukça hoş bir mantıkla çalışıyor ve blog sahiplerinin fazlaca işine yarayacağa benziyor.

Lafı fazlaca uzatmadan hemen demosunu sunalım :  +Blogger Dersleri

Yukarıda Blogger Dersleri olarak linklenmiş yazıya tıklarsanız Google Plus sayfama ulaşacaksınız. Google'ın getirdiği yenilik ise linke tıklamadan, mouse ile link üzerinde durduğunuzda sayfanın beğenilmeye imkan verecek şekilde açılması.

Yukarıda ki link üzerine geldiğiniz aşağıda ki gibi bir görünüm elde etmiş olmanız gerekiyor.

Blogger Yayın İçi Google Plus Etiketleme

Gelelim bu özelliği nasıl kullanacağınıza oldukça basit bir kullanım imkanı sunulmuş. Yayın içinde oluştur bölümündeyken tek yapmanız gereken '' + '' işaretini kullanarak sayfa adınızı yazmanız. Zaten sayfa isminizi tamamlayamadan Google size seçenekleri sunuyor.  '' +Bloggerdersleri ''  yazdığım an sayfam link halinde gözüküyor.

Blogger Yayın İçi Google Plus Sayfası Etiketleme

Yukarıda gördüğünüz gibi bu seferde + ardından sayfa ismimi yazmaya başladığım an Google bana mini bir sunum yapıyor. + işaretini kullanarak yazılarınızda sayfanızın beğenilmesini sağlayabilirsiniz.  Böylece hem daha fazla takipçiye ulaşmış hemde etkili bir seo çalışması yürütmüş olursunuz.

Ben Google Plus Kullanmıyorum, Kullanmanın Bana Yararı Olacağını da Düşünmüyorum Diyorsanız. 

Size Google'ın farklı firmalar ile rekabet halinde olan bir arama motoru olduğunu ve kendi sunduğu sistemleri kullanan sitelere, arama sıralamaların da daha fazla şanş verecek olduğunu hatırlatmak isterim. Kimsenin Google Plustan sayfanızı takip edeceğine inanmıyor olsanız bile Google Plus sayfanızı kurun ve paylaşımlarda bulunun. Google Plus Sayfası Kurulumu ve Blogger Entegresi >> Sizi aramalarda üst sıralara taşıyacak etkili bir seo hamlesidir.

Bu arada beni Google Plus üzerinden takip etmek isterseniz buradan buyurun :  +Blogger Dersleri

Youtube Slayt Video Oluşturma

Blogger ile ilgili anlatımlar yaparken üst menüde yeni bir bölüm oluşturma ihtiyacı hissetmiştim. Kısa süre öncede bunu gerçekleştirerek backlink elde etmek için ayrı bir menü ayırdım. Backlink elde etme başlığında oldukça yararlı ve pratik olan video backlink elde etme konusundan size bahsetmiştim. ( Video Backlink Elde Etmek >> ) Bir çok yazar arkadaşın mailinden anladığım kadarı ile video yapım programları ile araları iyi değil bu sebeple video backlink alabilmek için Youtube üzerinden slayt oluşturma özelliğini size tanıtmaya karar verdim. Youtube sayesinde zahmetsizce resimleriniz ile videolar oluşturabilirsiniz.

Sadece resimler kullanarak Youtube üzerinden slayt geçişleri olan videolar oluşturabilir ve bu sayede hem daha canlı bir anlatım sunar hemde kaliteli bir backlink kaynağı edinmiş olursunuz. Ayrıca özgün videolar oluşturarak siteniz için ekstradan ziyaretçi kazanabilirsiniz. 

Resim Kullanarak Youtube Slayt Video Oluşturma 

1 )  Youtube hesabınıza giriş yapın ardından video yükle seçeneğine tıklayın. Açılan menüde Fotoğraf slayt gösterisi oluştur başlığını göreceksiniz. 

Youtube Slayt Video Oluşturma

2 ) Oluştur seçeneğine tıklamanız ardından Youtube slayt oluşturmak istediğiniz fotoğrafları seçmenizi isteyecek. 

Youtube Slayt Video Oluşturma

3 ) Eklenen fotoğrafların sayısını gördükten sonra onaylama işlemini tamamlıyoruz.

Youtube Slayt Video Oluşturma

4 ) Ardından gelen pencerede resimler arası geçişlerin nasıl olacağını belirleyebileceğiniz menüler mevcut. Slayt süresi ayarı ile resimlerin geçiş yapacağı süreyi belirleyin. Geçiş menüsünde sizler için sunulmuş farklı tarzda slatylar var. Kendiniz için en uygununu belirleyebilirsiniz. Değişim yaptığınız taktirde Önizleme bölümünde videonuzun yeni halini görebilirsiniz.

Ses seçeneği ile videonuzun arka fonuna müzik ekleyebiliyorsunuz. Arama çubuğu ile toplam 150 binden fazla müzik arasından kendiniz için ideal seçimi yapın.  Gerekli düzenlemeleri yaptıktan sonra sağ alt köledeki yükle butonuna tıklayın.

Youtube Slayt Video Oluşturma

5 ) Son olarak videonuz ile ilgili düzenlemeleri yapmanız gerekecek. Başlık, Açıklama ve Etiket kısımlarını ideal şekilde doldurun.

Etiket ve başlıklarda anahtar kelimelerinizi kullanmayı unutmayın. Ayrıca açıklama kısmına da site adresinizi ekleyin.

Youtube Slayt Video Oluşturma

 Youtube Slayt Video Tavsiyelerim : 

• İçeriğiniz ile ilgili resimleri kullanarak siteniz ile alakalı videolar hazırlayın. Anahtar kelimelerinizi buna göre belirleyin bu sayede Youtube üzerinden etkili bir seo çalışması yürütmüş olacaksınız. 
• İnsanlara yararlı olmaya çalışın. Sadece video backlink kazanma mantığı ile hareket etmeyin, internet kullanıcılarına faydalı olacak şekilde videolar üretmeniz uzun vadede size daha kaliteli bir takipçi kitlesi kazandıracaktır. 
• Youtube slayt videolar ile siteleriniz de farklı bir sunum elde etmiş olursunuz. Takipçileriniz ile paylaşmak istediğiniz resimleri üzerilerine yazılar yazarak slayt haline getirip, yayınlayabilirsiniz.  

Sayfa içi linklendirme konusundan sıkça bahsediyorum. Fark ettiyseniz her sayfamda da farklı bir içeriğime linklendirme yapmışımdır. Bunun katkılarını ve yöntemlerini sizlere Blogger Yayın İçi Link İnşası >> konusunda açıklamaya çalıştım. Şimdi gelelim bu linkleri biraz daha kaliteli şekilde kullanmaya.

• Hangi Konuarı Birbirine Bağlamalıyım ? : Sayfalarınız arasında linklendirme yaparken hem kullanıcılarınıza  faydalı olmak hemde etkili bir seo çalışması yürütmek adına benzer konuları birbirine bağlamalısınız.  Sizin için benzer olması yetmez , yayınlarınıza biraz daha geniş perspektiften bakarak Google bakışını algılamanız gerekir. 

1. Sayfa içi linklendirme yapacağınız konuların başlıkları benzer anahtar kelimeler içeriyor mu ?
2. Bu konuların etiketlerinde benzer anahtar kelimeler yer verdiniz mi ?   
3. Anahtar kelime yoğunlukları aynı kelimeler üzerinde ittifak durumda mı ? 
4. Resimlerde kullanılan alt taglar benzer ifadeler barındırıyor mu ? 

Bunlar ne yahu diyorsanız buyurun :

Başlık Kullanımı :
http://www.bloggerdersleri.com/2012/11/baslik-etiketleri-ve-seo-acisindan-onemi.html

Etiket Kullanımı ve Anahtar Kelimeler :
http://www.bloggerdersleri.com/2012/08/blogger-dogru-etiket-tercihi.html

http://www.bloggerdersleri.com/2012/08/blogger-seo-uyumlu-etiket-kullanimi.html

Görsel ve alt bağlantısı :
 http://www.bloggerdersleri.com/2012/10/blogger-gorseller-icin-seo-calismasi.html

bu dört soruya cevabınız evetse bu iki sayfa birbiri ile benzer içerik üretiyor demektir. Bu sayfalar arasında belli bir link inşası bulunması size seo yönünden oldukça büyük bir katkı sağlayacak ve arama motorlarında sizi üst sıralara taşıyacaktır. Alakasız sayfaları birbirine bağlamayın. Basketboldan hiç anlamayan bir arkadaşınız gelip filanca takımda oynayan çocuk çok büyük yetenek olacak diyor, bu sizin gözünüzde ne kadar değerli bir tahmin ? İşte Google da durumu böyle değerlendiriyor. 

• Referans Olma Sistemi ve Bağlantı Kelimeleri: Sayfalarınızın birbirine referans olduğunu ve aralarında örümcek ağına benzer bir ağ yapısının bulunmasının katkılarını , çalışma prensiplerini algılayın. Sayfaları bağlarken kullandığınız anahtar kelimeleri en üst düzeyden ilgi gösterin. Muhakkak okumanızı tavsiye ediyorum :  Linklerin Referans  Olma Özellikleri >>

• Link Yapısı Nasıl Kullanmalıyım : Linkleri kullanırken Title kullanma imkanınız var ise bu şekilde bir kullanımın size seo yönünden oldukça katkı sağlayacağını unutmayın. Eğer rakip siteleriniz ile aranızda uçurumlar var ise çok sağlam bir seo çalışması yürütmeniz gerekecektir. Bu konuda Title linklendirmeler size yardımcı olur. Linkler İçin Title Kullanımı >> 

Google Referans Olma Sistemi - Sayfa İçi Linkleme Mantığı 

Arama motorlarından söz açıldığında sıkça bahsi geçen bir durum vardır ki büyük ölçüde hatalıdır. İnsanlar Google servisinin ilk arama motoru sistemi olduğunu düşünür. Aksine Google öncesi onlarca şirket internet üzerinden arama yapılmasına imkan veriyordu. Fakat hangi içeriğin kaliteli olduğunu algılayıp kullanıcılara doğru sayfaları sunma teknolojisine sahip değillerdi. Üstelik kaliteli içeriği nasıl belirleyecekleri konusunda da bir fikirleri yoktu.

Sonunda Google sayfalar arası referans olma mantığını kullanarak PageRank adı ile anılacak ve bu gün hala kullanılmakta olan bir fikri ileri sürdü. Kısa sürede gelişen algoritması ile aramalarda doğru içeriği kullanıcılara sunmanın bir yolunu buldu. Bu gün Google çubuğuna yazdığınız her sorunun cevabını sistem size en kötü ilk sayfada sunar.

Bu referans sisteminin mantığını sizlere anlatarak sitenizi arama motorlarından daha yukarı sıralara taşımayı hedefliyorum. Makaleyi kendi sayfalarınız arasında linklendirmenin nasıl yapılacağı ile ilgili olarak hazırlıyor olsam da referans sistemi farklı sitelerin birbirine linklendirme konusunda da aynı şekilde işler.

Linklerin Referans Olması 

İlk olarak aklınızdan çıkarmamanız gereken durum şu dur ki her link verilişi bir sayfaya referans ( Destekleme , Örnek Alma , Kefil Olma )  olma özelliği taşır. Peki sayfalarımız arası linklendirmeler yaparak,  referans olursak elimize ne geçecek diyorsanız buradan buyurun : Yayınlar Arası Linklemenin Faydaları >> 

Google Referans Olma Sistemi - Sayfa İçi Linkleme Mantığı 

Yukarıda sizler için basit bir çizim yaptım. Sayfa içi linklendirme özetle bu anlayıştadır. A sayfasından B Sayfasına bir link verilmiş. Link verilerken bir de anahtar kelime kullanılmış. Yani A sayfasında ki anahtar kelimeye tıklarsanız B sayfasına ulaşıyorsunuz

A Sayfası ==> Anahtar Kelime ==> B sayfası. Bu özetle seo açısından şu demek A sayfası, Kullanılan Anahtar Kelime ile ,  B sayfasına referans olmuş ( örnek alınmış , destek verilmiş , öncü kabul edilmiş vs ). B sayfasının kalitesi , A sayfasının kalitesine bağlı. Ayrıca ne konuda kaliteli olduğu da anahtar kelime ile belirlemişler.

Sayfa içi linklendirme yapılırken sık yapılan bir hata şuradan buyurun , buradan buyurun gibi ifadelere link vermek.   Yani A sayfasından B sayfasına verilen link '' şuradan'' yada '' buradan '' kelimesiyle verilmiş. Neden ? Şuradan , Buradan , Tıklayınız bu kelimeler sizin anahtar kelimeleriniz mi ?

A sayfası B sayfasına ''  Şuradan ''  kelimesiyle referans oluyor. Eee bu sizin ne işinize yarayacak ? İhtiyaç duyduğunuz bir anahtar kelime mi ? Sayfa içi linklendirme yaparken asla şuradan, buradan tıklayınız kelimelerine link verip başka sayfalarınıza yönlendirmeyin. Unutmayın ki Google botları tüm link çıkışlarını değerlendirip sitenizi algılamaya çalışacak.

Sayfalar arası linklendirme yaparken linkleyeceğiniz konunun içeriği ile ilgili yeni bir başlık üretin yada link vereceğiniz konunun başlığını kullanın. Yukarıda bende bir sayfama link vermiştim . Dikkat ederseniz link verdiğim konu için farklı bir başlık belirleyip linkleme yaptım.

Konuyu aşırı önem verdiğim için açıklayıcı olması adına bir örnek daha vermek istiyorum.

Ali : A sayfası
Betül : B sayfası
Matematiği İyi : Anahtar Kelime
Siz : Google

Ali size gelip Betül'ün matematiği iyi olan bir kız olduğunu söylüyor. Peki Betülün matematiği ne kadar iyi ? Bu Aliye ne kadar güvendiğiniz ve Alinin matematik bilgisine bağlı bir iddia. Aliye güveniyorsunuz bu durumda Betülün matematiği iyi diye bilir misin ? Hayır Ali'nin matematiği iyi olmadığı için ona göre Betülün matematiği etkileyici gelmiş olabilir diye düşünebilirsiniz.

Ali çok güvenilir ve matematiği iyi bir arkadaşınız ise  bu iddiadan sonra Betülün gerçekten iyi bir matematik bilgisi olduğunu düşüneceksiniz.

Google referans sistemi de böyle işler.

• A sayfası güvenilir bir sayfa ise  ( Kaliteli ve Özgün İçeriğe Sahip )
• A sayfası ve B Sayfası benzer içeriğe sahipse ( Benzer Etiket , Benzer Anahtar Kelime ) 
• Verilen link anahtar kelimelerden biriyle yada başlık ile bağlantılı ise 

Sayfalar arasında ki linkleme işlemi kusursuzdur. Bloglarınızda uygulamanız gereken sayfa içi linkleme strateji özetle budur.  Umarım açıklayıcı olmuştur.