SEO Url Yönetimi

URL'leri SEO'ya uygun hale getirmek.

SEO açısından sitemizdeki urllerin yapısı oldukça önem taşımaktadır. İçerik dışında optimizasyon açısından etki alabileceğimiz kritik noktalardandır.

Url‘lerimizi SEO için uygun hale getirmek için aşağıdaki maddelere dikkat etmeliyiz.

  • URL formatı: uzantı bulunmadan slash “/” olmalı ya da sadece .html uzantılı olmalıdır. Aspx ve Php uzantılı olmamalıdır. Örnek: abc.com/biz-kimiz/ ya da abc.com/biz-kimiz.html
  • Kelimeler birbirinde tire “-” ile ayrılmaldır.
  • Url içerisinde 1-2 adet keyword içermelidir.
  • İçerilen keywordler rastgele sıralanmış değil açıklayıcı olmalıdır.
    Örnek: balikciniz.com/balik-kefal/  değil balikciniz.com/kefal-baligi/ şeklinde olmalıdır.
  • Sayfalarımızı sayılar ile sıralamamaya dikkat edelim. Örnek: habercix.com/haber-0128/
  • Url olabildiğince kısa tutmak önemli , 75 karakter uzunluğu geçirmemenizi tavsiye ediyorum. (tire ve slash karakterleri dahil.)
  • Her bir  slash “/”  sonrasında gelen kelimeleri önemsizleştirir. Örnek: habercix.com/haber/seo/ ve habercix.com/seo-haberi/ urllerinde ilk örnekte habere vurgu yapılırken ikinci örnekte seo ön planda tutulmuştur.

C# ile URL’den Dosya İndirme

c# ile dosya indirmeC# ile adresini bildiğimiz dosyaları sunucudan indirebiliyoruz.
Öncelikle  System.Net kütüphanemizi include etmemiz gerekli.
Sonrasında bir WebClient oluşturuyoruz. Bu WebClient ‘a indirilecek URL’i ve hangi adrese hangi isim ve uzantıda kaydetmek istediğimizi berlirtiyoruz.

Örneğin aşağıda bu yazının resmini indirmek için gerekli kod bulunmaktadır. Resim masaüstüne resim.jpg olarak kaydedilecektir. Tabi ki masaüstünün adresini kendi bilgisayarımızınki ile değiştirmeyi unutmayalım.

using System.Net;

WebClient webClient = new WebClient();
webClient.DownloadFile("https://webdeyim.files.wordpress.com/2013/08/c-indir.jpg","C:\Users\admin\desktop\resim.jpg");

Google Karşılaştırmalı Resim (Görsel) Arama

Google resim arama

 

Google’da görsel arama yapmak mümkün. Ancak bu kelime yazıp resim aramak değil. Resimlerden benzer resimleri aramak!
Bunu yapmak için öncelikle aşağıdaki Google görsel arama linkine tıklıyoruz.
http://images.google.com/

Sonrasında Arama kutusunun yanındaki fotoğraf resmine tıklıyoruz. Çıkan kutuya benzerlerinin bulunmasını istediğimiz resmin URL’ini giriyoruz ve aramamızı yapıyoruz.

Bu özelliği benzer görselleri aramakta kullanabileceğimiz gibi, resimlerin nerelerden alındığını bulmakta kullanabiliyoruz.

Asp.Net İle Ziyaretçinin IP’sini Öğrenme

asp.net ile ziyaretçi ipsini öğrenmeSitemizde log tutuyorsak mutlaka gelen ziyaretçilerin ip adreslerini saklamalıyız. Asp.Net ile aşağıdaki methodu kullanarak sitemize gelen ziyaretçileri ip adreslerini saklayabiliriz.

public string IPogren()
{
HttpContext.Current.Request.ServerVariables["HTTP_X_FORWARDED_FOR"];
string ipString = "";
if (string.IsNullOrEmpty(Request.ServerVariables["HTTP_X_FORWARDED_FOR"]))
{
ipString = Request.ServerVariables["REMOTE_ADDR"];
}
else
{
ipString = Request.ServerVariables["HTTP_X_FORWARDED_FOR"].Split(",".ToCharArray(), StringSplitOptions.RemoveEmptyEntries)
.FirstOrDefault();
}
return ipString;
}

Entere Basınca Submit Etmek

Entere Basınca Form submit etmek

Formlarımızda ya da arama kutularımızda metni yazdıktan sonra fare ile butona basmak kullanıcılar için gerçekten çok zahmetli bir iş. Bu yüzden formlarımıza mutlaka Enter‘e basarak submit işlemini tetiklemeyi eklemeliyiz. Bu sayede hem kullanıcıları mutlu etmiş olacağız hem de zaman kazandırmış olacağız. Kullanıcı memnuniyetinin böyle küçük ayrıntılarda olduğunu unutmamamız gerekli.

Yapacağımız işlem oldukça basit.  Textbox‘un onkeydown eventini javascript kullanarak sorgulayacağız. Eğer basılan tuş Enter ise submit işlemini gerçekleştireceğiz. Enter‘in key code karşılığı 13’tür. Redirect() fonksiyonu ile gidilmesi istenen adrese yönlendirmemizi yapıyoruz.

<html>

<script type="text/javascript" >
function Redirect() {
window.location = "http://www.gidilecekadres.com/arama.aspx?q=" + document.getElementById("search").value;
};
</script>

<body>
<div id="searchbox" >
<input id="search" type="text" placeholder="Oyun Ara" onkeydown="if (event.keyCode == 13) { Redirect(); }" />
<input id="submit" type="submit" value="Ara" onclick="Redirect()" />
</div>
<body>

</html>

Javascript ile Alert Kullanarak Textbox’a Girilen Değeri Ekrana Basmak

Java script ile textboxdaki değeri alert ile ekrana basmaBu örneğimiz oldukça basit ama temel olarak Javascipt ile tanışanlar için güzel bir örnek.

Öncelikle bir adet Textbox ve Buttonumuz var. Amacımız butona basıldığında Textbox‘daki değere erişip Alert ile ekrana bastırmak.

Bunu yapabilmek için öncelikle onclick eventinden yararlanıyoruz. Bu event ile butonumuza basıldığında hangi Javascript kodunun çalışacağını belirttik. (Örneğimizde EkranaBas() fonksiyonu çalıştı.)

EkranaBas fonksiyonu ise id’si “kutu” olan nesnenin value değerini getirmektedir. Son olarak bu gelen değeri ekrana Alert kullanarak ekrana basıyoruz.


<html>

<!-- Java script kısmı Fonksiyon tanımladım id'si "kutu" olan tagin value'sunu alert ile ekrana basıyor. -->
<script type="text/javascript" >
function EkranaBas()
{
alert(document.getElementById("kutu").value);
}
</script>

<body>
<!-- HTML input kısmı butona basınca EkranaBas fonksiyonunu çağırıyor-->
<input type="text" id="kutu"><br>
<input type="submit" value="Bana Tıkla" onclick="EkranaBas()">
</body>

</html>

Bu küçük örnekte eş zamanlı Alert kullanımı, Fonksiyon kullanımı, ve document nesnesini kullanarak id’sinden elemanlara erişmeyi öğrendik.

Sitenize Twitter Tweet Akışı Ekleme (Embedded Timeline)

Sitenize Twitter zaman akışı, embedded timeline ekleme.
Sitemizde sitemize bağlı twitter hesabının iletilerini göstermek ve de site üzerinden takipçi kazanmak istiyorsak Embedded Timeline uygulamasını (widget) kullanabiliriz.

Öncelikle twitter developer menüsünde aşağıdaki linke girmemiz gerekli.
Widget Ekle

Burada Create New butonuna basıyoruz ve widget arayüzümüz açılıyor.
Arayüz üzerinden; eklenti uzunluğunu, tema ve link renklerini ayarlıyoruz ve “Create Widget” butonuna basıp eklentimizi kaydediyoruz.

Kaydettikten sonra bize verilen html ve script kodlarını sayfamızın ilgili yerlerine yapıştırıyoruz.


<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Görüldüğü üzere bir adet link tagi bir adet script tagimiz var. Scripti sayfanın istediğimiz bir yerinde çağırabiliriz. Link (a) tagini ise tweet akışını göstermek istediğimiz yere yapıştırıyoruz.

Artık twitter twit akışı artık sitemizde, diğer özelliklerini değiştirmek için aşağıdaki linkten faydalanabilirsiniz(Language,Tweet limit,Theme,Link color,Width,Height,Chrome):

https://dev.twitter.com/docs/embedded-timelines