Site Haritası Blogger Sitemap Nasıl Oluşturulur?

Giriş

Yazılarımızın ve etiketlerimizin kısayollarının(link) bulunduğu ziyaretçilerimizi ve arama motorlarını yönlendireceğimiz sitemap sayfamızın olması, web sitemizin genel içeriğiyle alakalı başlıklar veren iyi bir yol haritasıdır. Bu yazımızda bir kaç dakika içinde bloğunuza sitemap sayfasının nasıl oluşturulacağını anlatıyorum. Önce sitemap sayfası nedir? bununla başlayalım, dilerseniz bu başlığı atlayarak diğer adımlara geçebilirsiniz.


Sitemap Sayfası Nedir?

Sitemap sayfası bir web sitesinde bulunan tüm iç bağlantıların(siteyi oluşturan tüm linkler) düzenli ve üst ve alt kategorilere ayrılarak listelenmesidir. Bizim oluşturacağımız sitemap sayfasıda tüm bağlantıları etiketlere göre kategorilere ayırarak oluşturacak. Son yazdığınız yazınız otomatik olarak sitemap sayfasında görüntülenecek. Daha iyi anlamak için örnek olarak buradan sitemap sayfama bakabilirsiniz.


Blogger İçin Sitemap Sayfası Nasıl Oluşturulur?

Kısa bir kaç adımla sitemap dosyası oluşturağız. Bunun için blog sayfası oluşturacak bu sayfanın html kodları bölümüne aşağıdaki kodları yapıştıracağız.

İlk Adım: Blogger' da sayfa oluşturmak
Blogger Yönetim panelinde "Sayfalar" sekmesini açın. Burada Yeni sayfa butonuna tıklayın. Oluşturduğunuz sayfada HTML butonuna tıklayın.




İkinci Adım: Kodu Yapıştırın
Html bölümünü açtıktan sonra aşağıdaki kodu kopyalayın ve yapıştırın. Size iki farklı sitemap içeriği oluşturacak kod sunuyorum dilediğinizi kullanabilirsiniz.

I. Kod örneği için tıklayınız.

<!— Begin ozkiremitci.blogspot.com -->
<style> 
 #swtBPT { background: transparent; width: 100%; color: #999; margin: 0 auto; padding: 5px; } 
 
 span.swtBPT-MessageBox { display: none; background: #0A6474; color: #ECF1F4; text-align: center; font-family: cursive; font-size: large; } 
 
 #swtBPT table { 
  width: 100%; 
  margin: 0 auto;
  color: #2C2C2C;
  border: none !important; 
  border-collapse: collapse; 
  border-spacing: 0; 
  border-color: transparent; } 
 
 #swtBPT table thead { display: none; }
 
 .swtBPT-Header-Posts, .swtBPT-Header-Dates, .swtBPT-Header-Labels { 
  padding: 1em !important; 
  line-height: 1em; 
  text-align: center; 
  color: azure; 
  transition: all .4s ease-in-out; }
  
 .swtBPT-Header-Posts { background: #23A596; } 
 .swtBPT-Header-Dates { background: #23AE84; } 
 .swtBPT-Header-Labels { background: #18A993; }
 .swtBPT-Header-Posts:hover, .swtBPT-Header-Dates:hover, .swtBPT-Header-Labels:hover { background: #0A6474; color: #FAFBFC; }
  
 .swtBPT-Header-Posts a:link,
 .swtBPT-Header-Posts a:visited,
 .swtBPT-Header-Dates a:link,
 .swtBPT-Header-Dates a:visited,
 .swtBPT-Header-Labels a:link,
 .swtBPT-Header-Labels a:visited { 
  font-size: 1em; 
  text-transform: uppercase; 
  text-decoration: none; 
  color: #fff; 
  font-family: Georgia, serif; 
  font-weight: 800; 
  letter-spacing: 1px; } 
  
 .swtBPT-Header-Posts a:hover, 
 .swtBPT-Header-Dates a:hover, 
 .swtBPT-Header-Labels a:hover { text-decoration: none; } 
 
 #swtBPT tbody:nth-child(odd){ background: #f8f8f8; }
 #swtBPT tbody:nth-child(even) { background: #efefef; }
 #swtBPT tbody:hover { background: #ffffff; }
 
 tfoot.swtBPT-Right, tfoot.swtBPT-Right a { display: none; }
 
 .swtBPT-PostsTitles { width: 45%; }
 .swtBPT-PostsDates { width: 15%; }
 .swtBPT-PostsLabels { width: 30%; }
 
 .swtBPT-PostsTitles, .swtBPT-PostsDates, .swtBPT-PostsLabels { font-size: 14px; padding: 10px; transition: all .3s ease-in-out; } 
 .swtBPT-PostsTitles a, .swtBPT-PostsDates a, .swtBPT-PostsLabels a { text-decoration: none; color: #222; transition: all .3s ease-in-out; }
 
 .swtBPT-PostsTitles a:hover, .swtBPT-PostsDates a:hover, .swtBPT-PostsLabels a:hover { color: #1c1c1c; }
 
</style>
 
 
<div id="swtBPT">Sitemap Sayfası Yükleniyor Lütfen Biraz Bekleyiniz.</div> 

<noscript>Bir hata oluştu lütfen sayfayı yenileyin ve tekrar deneyin</noscript>

<script src="https://9e03e74125fb7ace004443ce27e5dcd1808a3961.googledrive.com/host/0B-tJ1weveGVDQWsyWjRNbHhtWFk/swtBPT.js"></script>

<script src="/feeds/posts/default?alt=json-in-script&amp;max-results=500&amp;callback=BloggerSitemapbySWT" type="text/javascript"></script>
<!— End of ozkiremitci.blogspot.com -->

II. Kod örneği için tıklayınız.

<div style="overflow: hidden; padding: 5px; width: 100%;">
<script src=" https://googledrive.com/host/0By7Idpq5zcIoOVJoa05abXpGTUE" type="text/javascript"></script>
<script src="http://ozkiremitci.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script src=”/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
</div>


Üçüncü Adım: Sayfa ayarlarını yapılandırın
Sayfanıza isim verin. "Site Haritası" veya "Sitemap Sayfası" gibi.

Sayfanızın meta açıklamalarını yazın. Örneğin; "Kişisel web bloğumun site haritası, tüm kategoriler ve tüm yazılarımın listesi" gibi açıklayıcı bir yazı yazın.

Ayarlar sekmesinde yorumları devre dışı bırakın.

Dördüncü ve Son Adım: Sayfanızı Yayınlayın
Sayfanızı kaydedin ve sitemap sayfanızı yayınlayın. Artık bloğunuzun özel site haritası sayfası var. İyi Bloglamalar :)



2 yorum

Yorumda bulunarak kendin için, senden sonrakiler için ve bu blog için bir şeyler yazabilirsin. Durma sor, paylaş. Buraya bir hatıra bırak ;)

HTML: Bazı HTML etiketlerini kullanabilirsiniz.(b,a,i vb.)
UYARI: Yorumlar onaylanmadan direk yayınlanıyor. Yorumunuzun yayında kalması için etik kurallara dikkat edelim.

© Php, E-Ticaret ve Web Programlama
Blogger ozkistyle programmer theme
Released under Creative Commons 3.0 CC BY-NC 3.0