4 Farklı Yöntem ile Site Haritası Oluşturma

Tüm yazılarınızı, içerik sayfasında ya da arşiv sayfasında göstermek blogunuzu ziyaret eden kişilere kolay erişim imkanı sağlayacaktır. Dört farklı yöntem ile site haritanızı oluşturma imkanınız var. Bu yöntemleri tablo şeklinde, etiketlerine göre, özetleri ile, manuel olarak sıralayabiliriz. Bu dört farklı yöntem, sadece ziyaretçilerinize, site içinde bulunan yazılara kolay ve hızlı erişim sağlamak amaçı ile tasarlanmıştır. Detaylı şekilde anlatılan bu dört yöntemden size en uygun olan site haritası oluşturma yöntemini seçebilirsiniz.

Eğer, Google'da indekslenmek için site haritası oluşturmak istiyorsanız; Site haritası Oluşturma ve Web Yönetici Araçlarına Kayıt isimli yazıyı okuyabilirsiniz.

Yöntem 1 : Tablo Şeklinde Site Haritası Oluşturma

Alttaki örnek görüntüdeki, site haritası javascript ile çalışıyor ve yüklenmesi zaman alabilir. Yükleneme süresi yazı yoğunluğunuz ve blogunuzda kullandığınız ek dosyalar ile alakalı olarak değişiklik gösterebilir.

1.1. Öncelikle yeni bir yazı girişi yapın. Sadece başlık alanını doldurun yazı alanını boş bırakın. Başlığınızı 'Tüm Yazılarım', 'Arşiv',... gibi başlıklar verebilirsiniz. Yazıyı etiketleyebilirsiniz, ancak, yorumlara kapatmanızı öneririm.

1.2. Yazıyı yayınlamadan önce Kayıt Seçeneklerinden yazının geçmiş bir tarihte yayınlanması için tarihini değiştirin. Böylece yeni yazılarınızda, ana sayfanızda görüntülenmez. Yazıyı yayınlayın. Bu yazı sizin tüm yazılarınızın görüntüleneceği alan olacak. Yazının adresini kaydedin.

1.3. Yerleşim > HTML'yi Düzenle yolunu izleyin ve Temanızda </head> kodunu aratın ve alttaki kodu bir üst satırına yapıştırın.

<b:if cond='data:blog.url == &quot;http://monkeyworks-takipteyiz.blogspot.com/2010/02/tum-yazlar.html&quot;'>
<style>

#toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:100%;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ddd;
color: #000000;
padding-left: 5px;
width:50%px;
}
.toc-header-col2 {
width:15%;
}
.toc-header-col3 {
width:25%px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:93%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:93%;
text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:93%;
}
.post{display:none;}
.comments-block{display:none;}
.comment-form{display:none;}
.comment-footer{display:none;}
.blog-pager{display:none;}
.date-header{display:none;}
.feed-links{display:none;}
.comments{display:none;}
</style>
</b:if>

Kırmızı ile renklendirilmiş adresi 1.2. adımında oluşturduğunuz adres ile değiştirin.

1.4. Temanızda Widget Şablonlarını Genişlet'a tıklamadan alttaki kodu aratın;

<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'/>

Bulacağınız kod yazı alanınızın kodudur. Bulamamanız imkansız. Bulduğunuz kodun hemen bir üst satırına alttaki kodu yapıştırın. Ve yine kırmızı ile renklendirilmiş olan web adresini 1.2. adımında oluşturduğunuz adres ile değiştirin.

<b:widget id='HTML258' locked='false' title='Tüm Yazılar' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == &quot;http://monkeyworks-takipteyiz.blogspot.com/2010/02/tum-yazlar.html&quot;'>
<h2 class='title'>Tüm Yazılar</h2>
<div class='widget-content'>
<div id='toc'><img src='http://i38.tinypic.com/34ov7n4.gif'/>Tüm Yazılar Yükleniyor...</div>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

1.5. Şimdi temanızda </body> kodunu aratın ve bir üst satırına alttaki kodu yapıştırın. Kırmızı ile renklendirilmiş olan web adresini 1.2. adımında oluşturduğunuz yazının adresi ile değiştirin. Mavi ile renklendirilmiş olan adreslerin yerine de kendi blog adresinizi yazın.

<b:if cond='data:blog.url == "http://monkeyworks-takipteyiz.blogspot.com/2010/02/tum-yazlar.html"'>
<script style="text/javascript" src="http://www.weebly.com/uploads/2/2/1/0/2210502/blogtoc.js"></script>
<script src="http://monkeyworks-takipteyiz.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=500&callback=loadtoc"></script>
<script src="http://monkeyworks-takipteyiz.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=501&max-results=500&callback=loadtoc"></script>
<script src="http://monkeyworks-takipteyiz.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1001&max-results=500&callback=loadtoc"></script>
<script type="text/javascript">showToc();</script>
</b:if>

1.6. Temanızı kaydedin. 1.2. adımında oluşturduğunuz yazıyı görüntüleyin. Tüm yazılarınız örnek resimdekine benzer şekilde görüntülenecektir. Herhangi bir sorunla karşılaşanlar, yorum kısmında belirtebilirler.

Yöntem 2 : Etiketlerine Göre Site Haritası Oluşturma
Site Haritası oluşturmak için kullanabileceğiniz belkide en kolay yöntem Abu Farhan tarafından oluşturulan site haritasıdır.

Yeni bir yazı oluşturun ve taslağınız HTML'yi düzenle şeklindeyken alttaki kodu yapıştırın ve yayınlayın. Nasıl göründüğünü merak edenler arşiv yazısını ziyaret edebilirler.

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.takipteyiz.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Yukarıdaki kodda takipteyiz yerine kendi blog adresinizi yazmayı unutmayın.

Yöntem 3: Özetleri ile Site Haritası Oluşturma

Site haritası oluşturma yazıların özetlerini göstermek mümkün. Bu sitede anlatılan site haritası oluşturma yöntemini kullanarak blogdaki tüm yazıları alt alta sıralayacağız.

3.1. Öncelikle Blogger oturumunuzu açın ve ilgili blogunuzun Ayarlar > site içerik takibi yolunu izleyin ve 'Blog İçerik Takiplerine İzin Ver' seçeneğini Kısa olarak işaretleyin. Böylelikle kullanacağınız eklentide yazılarınızdan kısa özetleri eklentinin üst kısmında görüntüleyebileceksiniz.

3.2. Google AJAX Feed API adresini ziyaret edin. 'Sözleşmeyi okudum, kabul ettim' (I have read and agree with the terms and conditions) kutucuğunu işaretleyin ve blog adresinizi yazarak 'Generate API KEY' tuşuna basın. Açılan sayfada 'Your key is' bölümünü hemen altındaki satırda yer alan kodu kaydedin.

3.3. Yerleşim kısmında gadget ekle ile HTML/JavaScript Ekleyin. Açılan sayfaya alttaki kodu yapıştırın. Kaydetmeden önce bazı değişiklikler yapılacak unutmayın. Yapılması gereken düzenlemeleri şu şekilde sıralayabiliriz;

* 3.2. de kaydettiğiniz API KEY'i alttaki kodda yeşil ile renklendirilmiş kısma yapıştırın.
* Kırmızı ile renklendirilmiş olan blogadiniyaz kısmına blog adresinizi yazın.
* BLOG ADI kısmına blog adınızı yazın.
* Opsiyonal olarak yükleniyor ve Tüm Yazılar kısımlarını değiştirebilirsiniz.

<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->

<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="margin:10px;padding:4px;">Yükleniyor...</span>
</div>

<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=<<API KEY YAZ>>"
type="text/javascript"></script>

<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://simblogg.googlepages.com/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>

<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'TÜM YAZILAR',
url: 'http://blogadiniyaz.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'
}];
var options = {
stacked : true,
horizontal : false,
title : "BLOG_ADI."
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
Kendi Bloguna Ekle <a href="http://takipteyiz.blogspot.com">Takip Listem</a>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

Değişiklikleri yaptıktan sonra Gadgeti kaydedin. Gadgeti sürükleyerek Başlık (Header) veya blogger menü kullanıyorsanız onun altına konumlandırın. Eğer Gadget'i Başlık altına sürükleyemiyorsanız, temanızda ufak bir değişiklik yapmalısınız. Temanızda

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

kodunu bulun ve maxwidget='1' kısmını maxwidget="2" ile değiştirin.

3.4. Bu adımda Blogger Forum Ekleme yazısında yaptığımız gibi; Site haritası Eklentisini, blogun statik sayfalarında görüntüleyebiliriz. Zira ekleyeceğimiz kod Gadget Ekleme ile yapılıyor. Eklenen gadgetin her sayfada görüntülenmesi istenen bir durum değildir. Bu izleyeceğiniz adımlarla oluşturulacak site haritası daha kullanışlı olacak ve göze hitap edecek.

Öncelikle yeni bir statik sayfa oluşturun. Statik sayfa oluşturmak için statik sayfa oluşturma yazısından faydalanabilirsiniz. Yorumlara kapatmanızı öneririm. İçeriğini boş bırakın ve yayınlayın. Oluşturduğunuz yazının adresini kaydedin. Örnek;

http://blogadiniyaz.blogspot.com/p/takiplistem-forum.html

3.5. Eklentiyi Statik sayfada görüntülemek için Yerleşim > HTML'yi düzenle yolunu takip edin. Widget genişlet Kutucuğuna tıklayın. Eklediğiniz< eklentiyi bulun ve altta örnek olarak verilen koddaki kırmızı kısımları temanıza yerleştirin. Kırmızı haricindeki kodlar örnektir.

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == "STATIK-SAYFA-URL"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

Yukarıdaki kodda STATIK-SAYFA-URL yazan kısma 3.4. adımında oluşturduğunuz statik adresinizi yazın ve temanızı kaydedin.

İsteyenler bu yöntemi sidebar içinde uygulayabilirler böylelikle sidebar sütun kısmı statik sayfanızda görüntülenmez.

Yöntem 4: Manuel Site Haritası Oluşturma

Kendi site haritanızı kendiniz oluşturun. Fikri güzel ve düzenle olarak güncellendiğinde faydalı olabilecek bir özellik. Daha önce yazılarımı alfabetik olarak sıralamıştım. Tek tek elle yazdım hepsini. İsteyenler Alfabetik olarak Tüm Yazılarım isimli yazımı kontrol edebilirler. Ama benim gibi güncellemekten bir süre sonra sıkılırsanız pek bir manası kalmıyor. Neredeyse bir senedir güncellememişim yazılarımı.

Site Haritası Oluşturma hakkında sizlerle 4 Farklı Yöntem paylaştım. Umarım yöntemleri yeterince anlaşılır şekilde anlatabilmişimdir. Eğer aklınıza takıalan kısımlar olursa, lütfen yorumlar kısmına yazın.

Kolay Gelsin...