Alexa Nedir? Ne Işe Yarar? Nasıl Başarı Sağlanır?

Alexa merkezi ABD, olan bir internet şirketidir. Amazon.Com tarafından geliştirilmiştir. Diğer web sitelerinin web trafikleri hakkında işleviyle tanınmaktadır. Kendisi hariç dünyadaki tüm siteleri inceler ve incelemelerinin sonuçlarına göre bir sıralama oluşturur. Sıralamada 100.000’in altında olan siteler kaliteli siteler olarak değerlendirilir ve bu sitelerin ziyaretçi sayıları son derece fazladır. Alexa istatistikleri, “Alexa Toolbar” adlı yazılımın kullanıcıları tarafından alınan verilerden derlenmektedir.

Veriler incelenirken değerlendirmede ön planda tutulan bazı kriterler bulunmaktadır. Bu kriterlerler-den kendi toolbarını kullanan ziyaretçilerin siteleri ziyaret etme sıklığı, sitelerin aktif olan ziyaretçi sayıları ve Alexa Widget kullanılıp kullanılmadığı bu kriterlerden birkaçıdır.

Alexa hakkında genel olarak bahsettik. Peki, Alexa neye göre yükselip düşmektedir? Şimdi de bu konu hakkında bilgi verelim. Alexa tamamıyla sitenizin ziyaretçi sayısı ve sitenizin sayfalarının görüntülenme sayısı ile alakalıdır. Sitenizde bunun dışında Alexa Widget varsa bu da yarı yarıya sitenize bir değer sağlamaktadır. Widget kodu olan sitelerde herkes tarafından alexa değeri görülebildiği için oldukça önemli bir husustur.

Alexa değerleri bu durumlara göre yükselip düşer, peki neden bu değeri biz yükseltmek isteriz. Biraz da bu konudan bahsedelim.
• Öncelikle herkes sitesinin iyi yerlere gelmesini ister. Bu değer yükselince kendimizi çok iyi hissederiz. Moralimiz ve motivasyonumuz artar ve bu değeri arttırmak için daha çok çalışırız.
• Sitenizin popülerliği ve bununla beraber değeri artar. Ziyaretçiler sık kullanılan bir site de olunca sitenize ilgileri ve beğenileri artar. Bu da Alexa’nın sitenize getirdiği önemli bir avantajdır.
• SEO açısından önemli bir yer tutar. Bu da Google’da daha üst sıralara yükselmeniz için önemli bir durumdur. SEO(Search Engine Optimization), arama motorlarının web sayfalarını daha rahat taramasını sağlayan bir teknik uygulamadır.

Alexa’dan bu kadar bahsettik ama Alexa değerini nasıl arttıracağımızdan bahsetmedik. Biraz da ondan bahsedelim.
• Alexa Toolbar’ı bilgisayarınıza indirin ve sitenizi ana sayfanız olarak ayarlayın.
• Alexa Widget ve Toolbar’ı ekleyin.
• Alexa sitesinden yorumlar ve rating alın.
• Yazılarınız içinde Alexa ile ilgili birkaç paragraf veya yazı yayınlayın.
• Sitenizi webmaster forumlarında(mesela r10 ve wmaraci gibi) paylaşın. Oradaki webmasterların çoğunda Alexa Toolbar yüklüdür ve bu da siteniz için olumlu bir durumdur Alexa açısından.
• Sitenizin içeriğinde teknoloji ve webmaster ile ilgili yazılar bulundurun. Bu yazıları okuyan gruplar sitenizi çok fazla ziyaret eder.
• Sitenizi sosyal paylaşım ağlarında (Facebook, Twitter, FriendFeed vb. gibi) yerlerde linklerini paylaşın. Bu sosyal paylaşım sayfaları çok kullanıldığından sitenize çok yararı olacaktır. Eğer yoksa bir tane hesap açın.
• Asya’daki sosyal ağları takip etmeye çalışın. Çünkü yapılan araştırmalara göre Asyalı kullanıcılarla Alexa Toolbar yaygın olarak kullanılmaktadır.
• Her zaman kullanıcıların ilgisini çeken özgün, uzun, resimli veya videolu yazılar yazmaya çalışın.
• Alexa değeri yüksek olan sitelere link vermeye çalışın. Bu da sizin siteniz için son derece önemlidir.
• Unutmayın ki ziyaretçi sayınız ne kadar fazla olursa, Alexa değeriniz de o kadar yüksek olacaktır.

FATİH ÇETİN-BUMERANG ÜYESİ

Blogger Bloga Flash Obje (Swf) Ekleme

Blogger Blogunuza Flash obje eklemek istiyorsunuz ama yapamıyormusunuz ?

Bu eklentimiz ile , blogger bloglarınızda flash içeren objeler ekleyebileceksiniz..

Blogger blogunuza flash eklemek için aşağıdaki kodu kullanmanız yeterli..

<embed type="application/x-shockwave-flash" width="500" height="100" src="FlashAdresi.swf" quality="high" bgcolor="white" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Yukarıda ön izlemesini görebilirsiniz..width="500" height="100" değerleriyle oynarak , genişlik ve yüksekliği ayarlayabilirsiniz..FlashAdresi.swf yerine kendi flash url adresinizi yazınız..

http://eklentileri.blogspot.com/2012/11/blogger-bloga-flash-obje-swf-ekleme.html

Bumerang Türkiye’nin En İyi Blog ve Web Sitelerini Ödüllendiriyor

Benimde yeni keşfettiğim bumerang bloglar arası iletişimi en iyi olan bir sitedir.Ayrıca hersorununuza yardımcı oluyorlar.Bumerang yöneticilerine teşekkür ederim.Bloğumu diğer kullanıcılara tanıtmamda yardımcı oldular.

Türkiye’deki blog ekosistemini geliştirmek amacı ile 2007 yılında kurulan ve bünyesinde 20 bini aşkın bağımsız yayıncının yer aldığı Bumerang, Türkiye’nin en iyi blog ve web sitelerini ikinci kez ödüllendirmeye hazırlanıyor.

Bumads ile İçerik Aşkına

“Bumads ile İçerik Aşkına” konsepti ile hazırlanan etkinlik, 29 Kasım Perşembe günü Hilton Convention Center’da gerçekleşecek. Gizmodo Chief Editörü Matthias Sternkopf başta olmak üzere sektörün önemli isimlerinin katılacağı, sosyal medya, bloglar ve content marketing gibi başlıkların konuşulacağı konferans ile başlayacak etkinlik sonunda, katılımcılar aldıkları eğitimi belgeleyen sertifikanın da sahibi olacak.

“Bumads ile İçerik Aşkına” etkinliği Türkiye’nin en’lerinin seçileceği Bumerang Ödülleri‘yle devam edecek.

“En Tarz Blog” “En Çalışkan Blog” “En Sosyal Blog” “En Bilge Forum” “En İyi Yerel Site” ve “En Uyumlu Site”kategorilerinde düzenlenecek olan ödül töreninde “Jüri Özel Ödülü” de dahil olmak üzere toplam 7 site sahibi The New iPad kazanacak. Ayrıca tüm finalistler sürpriz hediyelerle ödüllendirilecek.

Bumerang kullanıcı paneli üzerinden kolayca başvurulabilen yarışmada, başvuru onayından sonra “sms oylaması”na geçilecek. Sonrasında ise her kategori, kendi alanında uzman jüri üyeleri tarafından değerlendirilecek.

Dünyaca ünlü bloggerlar, sektörün önde gelen markaları, reklam ajansları ve basının katılacağı “Bumerang Ödülleri”nde müzik dünyasının sevilen isimi Mirkelam ve İskender Paydaş sahne alarak konuklara unutulmaz dakikalar yaşatacak.

Siz de Türkiye’nin en iyileri arasında yer almak istiyorsanız Bumerang’a kayıtlı olan blogunuz/siteniz ile 15 Kasım 2012tarihine kadar bumerang.hurriyet.com.tr’den yarışmaya başvurabilirsiniz.

Eğer hala Bumerang üyesi değilseniz kolayca üye olabilir, başvurunuzu üye girişi yaparak gerçekleştirebilirsiniz.

Bir bumads advertorial içeriğidir.

Öyle Bir Geçer Zaman ki: İnternet Tarihi

Hayatımızın bir parçası haline gelen internetin geçmişi 1960′lı yıllara dayanmaktadır. Microsoft’un tarayıcı ve internet servis sağlayıcı pazarına tam olarak girmesi, ticarete dayalı internetin sınırlarının gelişmesinde başlıca rolü oynamıştır. 1998 yılında, Microsoft’un Windows 98 sürümü işletim sistemi, internet tarayıcısı ile masa üstü kişisel bilgisayarlara iyi entegre oldu. Bu sayede, internet çok hızlı yayılmaya başladı.

İnternetin hızlı gelişmesinin ardından günümüzün internet devleri yavaş yavaş yayın hayatına başladılar. Google, Yahoo, İnternet Explorer, Msn internetin gelişmesine büyük katkılar sağladılar ve Facebook, Twitter ve YouTube gibi sosyal ağların kurulmasına ön ayak oldular.

Dönemin şartlarında ve imkanlarında oluşturulan bu siteler kendilerini her geçen yıl geliştirerek ve yenileyerek günümüzde internetin devleri arasında yerini aldılar. İnternet için zaman öyle bir akıp geçiyor ki, neredeyse bu devler her yıl arayüzlerini değiştirir oldular.

İnternet tarihine ışık tutan bu sitelerin ilk yıllardan başlayıp, günümüze kadar uzanan zamandaki değişimlerine bir göz atalım ve aradaki 14 yılda nelerin değiştiğine bakalım.

Önceliği dünya’nın üçüncü büyük kalabalık ülkesi olarak adlandırılan Facebook’a verelim. Sonrasında ki sayfalarda Google, Yahoo, Msn, İnternet Explorer, Twitter ve YouTube ile devam edelim.

Not: Görseller internetten derlenmiştir.

Facebook 2004

Facebook 2004

Facebook 2006

Facebook 2007

Facebook 2009

Facebook 2010

Facebook 2011

Facebook 2012

Bedava Outlook PST Viewer

Arkadaşlar 2-3 gündür vize sınavlarımdan dolayı bloğuma yazı ekliyemiyordum.Vize ara verince paylaşımlara başlıyorum.

Outlook problemlerinde sık karşılaşına bir durumdur PST veri dosyalarının bozulması yada başka bir ortama aktarılması . Aldığınız veri dosylarını başka bir bilgisayara aktarmak istediğinizde dosyayı kontrol etmenizi sağlayacak güzel bir yardımcı programdan bahsetmek istiyorum . Outlook yada herhangi bir e-posta istemcisi kurmadan aktarılacak veri dosyasını inceleyebileceksiniz.  ayrıca Systools’un diğer araçlarıyla E-posta recovery işlemlerini gerçekleştirebilirsiniz.

İndirmek için  ; http://www.outlookpstviewer.com/

Html5 Nedir? Html5′te ki Yenilikler Nelerdir?

Html 5 Nedir?

Html şüphesiz ki tek ve en güçlü front-end dili. Bu tabir son zamanlarda oldukça popüler, hatta ABD-Avrupa’da bulunan firmalar front-end developer bile istihdam ediyor. Ama iş artık eskisi gibi basit değil..

Önceden frontpage ile iyi veya kötü herkes basit html sayfalar tasarlayıp işvereni mutlu edebilirdi, oysa şimdi bu bahsettiğimiz eleman profili hem Html5 hem XHtml 1T hem CSS3 hemde Javascript ve JQuery üzerine uzman olmak zorunda. Hatta ve hatta DOM API’s diye anılan günümüzün popüler web teknolojilerinin de geliştiricisi ve kullanıcı olması gerekli.

Konumuzdan sapmadan Html5 neymiş, nası yenilikler getirmiş bi göz atalım.

HTML5 ile hayatımıza bir kaç yeni element girdi. Burada kullandığım “element” kelimesine dikkat. Bir kaç html imi veya tag’i girdi demiyorum, artık html’in üzerine eklenen şeyler birer element. Önceden de bizim im veya tag diye andığımız şeyleri W3C element diye anıyordu ancak benim için Html gerçek elementlerini 5.sürümünde kazandı.

Yeni Gelen Html Elementleri

<canvas>, <audio>, <video>, <progress>, <caption>, <header>, <nav>, <footer>, <article>, <aside>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <hgroup>, <keygen>, <mark>, <meter>, <nav>, <output>, <rp>, <rt>, <ruby>, <section>, <source>, <summary>, <time>

Bu elementlerin bir çoğunun işlevlerini isimlerinden anlamışsınızdır büyük olasılıkla, ancak ileride detaylı bir şekilde hepsini tek tek inceleyeceğiz.

Html 5 Kaynakları

Html 5 hakkında tam anlamıyla bilgi sahibi olmak için W3C’yi ziyaret etmeniz yeterli.

http://dev.w3.org/html5/spec/Overview.html

Ayrıca bu adreste müthiş bilgiler var, illustrasyonlarla süslenmiş oldukça şık bir eğitim materyali. Teknik anlamda sorular-cevaplar için bu adresi ziyaret edebilirsiniz.


Html 5′e şüphesiz ki en büyük desteği youtube verdi. http://www.youtube.com/html5adresinden ulaşabileceğiniz bilgilerin yanı sıra sayfanın altındaki “Join Html 5 Beta” linkini tıklayarak Html 5 deneyimine ortak olabilirsiniz.

Eğer dilerseniz aynı sayfadan işleminizi geri de alabilirsiniz.

HTML 5 ile artık video oynatmak için ActiveX elementleri ve Flash player gibi eklentilere gerek yok ! Sadece bir web tarayıcınızın olması yeterli.

Html 5′te artık desteklenmeyen Html elementleri :

<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u>, <xmp>

Html 5 ile Esnek Uygulamalar

Slaytlarınızı benim gibi slideshare vb. sitelerin eklentileri ile mi paylaşıyorsunuz? Artık hepsi bitti. Html 5 ile slaytlarınızı herhangi bir harici eklentiye veya uygulamaya ihtiyaç duymadan paylaşabilirsiniz.

Nasıl mı? http://apirocks.com/html5/html5.html#slide1 Slaytları ilerletmek için klavyenizde ki sağ yön ok tuşuna basmanız yeterli.

Çok Fazla <div> Etiketi ..

Üstte ki tablodan görebileceğiniz üzere 2002 yılından beri “tableless web design” yani “tablosuz web tasarımı” dönemini yaşıyoruz. <table> elementi yerini <div> elementine devr edeli tam 8 sene oluyor.

8 senedir sayfalarımızı nasıl dizayn ediyorduk peki? Genel olarak tasarlarsak aşağıdaki şekilde ki gibi ifade edebiliriz.

Tipik bir 2 sütunlu web sayfası tasarımı bu şekilde olacaktır. Gördüğünüz gibi çok fazla div elementi kullandık ve dahası sayfamızda yaratacağımız bir çok div elementi daha olacak. Html 5 üzerimizde ki yükü biraz hafifletiyor ve yeni getirdiği elementler sayesinde aşağıda ki kolay ön tasarımı yapıyoruz.

Kod halinde bakarsak ;

<body>
  <header>...</header>
  <nav>...</nav>
  <article>
    <section>
      ...
    </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>

<section> elementi

<section>
  <h1>Level 1</h1>
  <section>
    <h1>Level 2</h1>
    <section>
      <h1>Level 3</h1>
    </section>
  </section>

</section>

Sayfaları bölümlere ayırmak ve bu bölümleri isimlendirmek ziyaretçiye sayfada ulaşmak istediği veriye daha kolay ulaşması açısından yardımcı olacaktır. Örneğin ziyaretçi kolayca bir makaleden diğerine “devam et” benzeri linklere ihtiyaç duymadan geçebilir. Sayfa tasarımcısı ise bir çok sayfa oluşturma derdinden kurtulacak ve <div>’ler arasında boğulmayacak.

<header> ve <footer> elementleri

Bu elementler sayesinde sayfaların başlık kısmı ve son kısımlaırnı kolayca işaretleyebiliriz.

<header>
  <h1>HTML 5</h1>
  <p>Serhatdundar.com</p>
</header>

<header>
  <h1>Serhatdundar.com</h1>
  <h2>Makaleler, Html5, Güvenlik, Eğitim Bilimleri, Web Teknolojileri..</h2>
</header>

<footer>© 2010 M.Serhat Dündar</footer>

<nav> elementi

<nav> elementi ile blogroll veya link kısmı şeklinde ki bölümlerinizi kolayca belirleyebilirsiniz.

<nav>
  <ul>
    <li><a href="/">Anasayfa</a></li>
    <li><a href="/urunler">Ürünler</a></li>
    <li><a href="/servisler">Servisler</a></li>
    <li><a href="/hakkimizda">Hakkımızda</a></li>
  </ul>
</nav>

<aside> elementi

<aside> elementi ile sidebar’larınızı kolayca belirtebilir, CSS ile tüm önce ki elementler gibi şekillendirebilirsiniz.

Tüm bu belirtme elementleri bizi karışık <div> elementlerinden kurtarıyor ve stil işlemlerimizde bize kolaylık sağlıyor.

<aside>
  <h1>Arşivler</h1>
  <ul>
    <li><a href="/2007/09/">Eylül 2007</a></li>
    <li><a href="/2007/08/">Ağustos 2007</a></li>
    <li><a href="/2007/07/">Temmuz 2007</a></li>
  </ul>

</aside>

<article> elementi

Bu element ile sayfamızda gireceğimiz content yani içerik kısmını kolayca belirtebilir, CSS ile şekillendirebiliriz.

<article id="yorum-2">
  <header>
    <h4><a href="#yorum-2" rel="bookmark">Yorum #2</a>
        by <a href="http://ornek.com/">Serhat Dündar</a></h4>
    <p><time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time>
  </header>
  <p>Başka bir front-end makalesi</p>
</article>

<video> ve <audio> elementleri

Ses ve video içerikleri 56K modemleri çöpe attığımız günlerden beri hayatımızda oldukça fazla rol alıyor, facebook, youtube, dailymotion, last.fm gibi bir çok web uygulaması sayesinde internette geçen her saniyemizde yeni bir medya dosyası okuyoruz.

Html 4 ne yazık ki bu medya içeriklerini kendi içerisinde barındırmaktan acizdi. Bu yüzden web uygulamaları Flash, QuickTime, MediaPlayer gibi plug-in’ler sayesinde bu eksikliği gideriyordu.

Flash gibi plug-in’ler sayesinde yayıncılar kendi medya yürütme arayüzlerini şekillendirebiliyor, kullanıcıya farklı medya yürütme seçenekleri sunabiliyordu (farklı play-stop özellikleri, HD kalitesi, HQ-SQ kalite seçenekleri vb.

Yeni gelen <video> elementi ile tüm bunlar artık Html’in kendi özelliği haline geldi.

<video src="video.ogv" controls poster="poster.jpg"
width="320" height="240">
    <a href="video.ogv">Filmi İndir</a>
</video>

“poster” özelliği ile video başlamadan önce video ekranında görünecek resmi seçebilirsiniz. MPEG-4 gibi video formatları ise kendi “poster” gösterme özelliklerini içerilerinde barındırıyor.

Audio elementinin çalışma mantığı video elementiyle benzer.

<audio src="music.oga" controls>
    <a href="music.oga">Download song</a>
</audio>

Html 5′in video ve audio elementlerinin özellikler bunlarla da sınırlı değil, dilediğiniz video oynatma codec’lerini belirtme özgürlüğüne sahipsiniz.

<video poster="poster.jpg">
    <source src="video.3gp" type="video/3gpp"
    media="handheld">
    <source src="video.ogv" type="video/ogg;
    codecs=theora, vorbis">
    <source src="video.mp4" type="video/mp4">
</video>
<audio>
  <source src="music.oga" type="audio/ogg">
  <source src="music.mp3" type="audio/mpeg">
</audio>

Bu iki elementi detaylı bir biçimde öğrenmek için bu adresi ziyaret ediniz.

<input> elementine eklenen yeni özellikler

Html 5 bir çok input özelliğini de kendisiyle beraber getirdi.

• tel
• search
• url
• email
• datetime
• date
• month
• week
• time
• datetime-local
• number
• range
• color

Html 4 ile Html 5 arasında ki farklar

Tüm farkları incelemek için bu adresi ziyaret etmenizi öneririm.

KAYNAK: http://www.serhatdundar.com/tag/html5-dersleri

Facebook Kullanmayan Ruh Hastasıymış!

Facebook  hayatımızın her anında var, olmaya da devam edecek, ancak benim Facebook ile ilgili ciddi problemlerim var…

Sevmiyorum arkadaş, kullanmak bana keyif vermiyor…Üyeyim ama sadece gerekli sınıf içi etkinlikler ile kullanıyorum.

Keşke böyle düşünmeseydim,

Bak işte böyle bir haber çıkar bir anda ruh hastası oluverirsin : )

Bazı patronlar ve psikologlar Facebook kullanmayanların ruh hastası olduğunu söylüyormuş,

Hasta mısınız siz?

Pardon!

Hasta olan bendim üstelik ruh hastası çünkü Facebook kullanmıyordum…

Neremle gülsem size karar veremedim…

Bildiğin potansiyel psikopatım ben!

Üstelik kanıtlandı Facebook’da kullanmıyorum, patronlar ve psikologlar öyle diyor,

Delisin diyor…

Kullanacaksın diyor!

Ama sonra tutup iş yerinde Facebook'u yasaklıyor...

Kullanacaksın Ulen!!! Duvarımda paylaşılanları beğenecek, yorum yapacaksın...

Profilimi soranlara Kadir Deli Kadir diyeceksin...

Bak harbiden deliyim nereye bağladım konuyu :)

Hep Facebook kullanmamaktan geldi bunlar başıma...