Pazartesi, Nisan 20, 2015

Blogger Blogunu Mobil uyumlu ve Hızlı Düzenleme İpuçları

21 Nisan 2015 Google Mobil uyumluluk süresinin son günü. Web site niteliğindeki Blogger ile oluşturulan blogunuzun Google arama sonuçlarında hatasız, hızlı ve mobil uyumlu çalışabilmesi için küçük ipuçları. Mobil uyumlu bir web site görünümü, kullanıcının mobil cebinde iken yatay kaydırma yapmadan dikey kaydırma ile siteleri hızlı ve doğru bir formatta görebilmesidir. Blogger şablon kodlarınızı açıp incelerseniz blogger genişlik ayarlarının sabitlendiğini ve bu kodların da yıllar öncesinden beri olduğunu anlayabilirsiniz. 

Bu kodlama aynı zamanda şablon mobil görünüm önizleme bölümündeki muhtelif temalar ile de desteklenmiş kullanıcının yapacağı hatalar burada bulunan temalar sayesinde pozitif duruma çevrilmesi sağlanmıştır. Ancak şablon özelleştirme bölümündeki genişlik ve sidebar ayarları tamamen kullanıcının insiyetifine bırakılmış. Zaman çok kısa olması nedeni ile günlerdir yazılan çizilen anlatılan uzun uzun konular için zamanınız yoksa aşağıda anlatılan işlemleri blogunuz da kontrol ederek hızlı ve mobil uyumlu duruma getirin.

Blogger blogunu Mobil uyumlu ve hızlı yapma ipuçları :

1. Blogger kumanda paneline giriş yapın.
2. Şablon → Mobil → Dişli çark tıklayın ve üst kısımdaki ilk seçeneği seçerek mobil görünüm aktif değilse aktif duruma getirin.
3. Mobil şablonu seçin : Bu kısımda Blogger’u ilk kurduğunuzdaki ayarlarlar varsayılan olarak gelmektedir. Bu ayarları değiştirdi iseniz Varsayılan olarak belirleyin. Önizleme yapın görünüm sizce doğru ise kaydedin. Doğru bir görünüm elde edene kadar temalar arasında gezinin. Uygun temayı yakaladığınızda kaydedin.
4. Blog’unuzun olması gereken şablon değerleri : Siz ne kadar büyük tema kullanırsanız kullanın şablon kod'larınıza eklenen özel mobil kodlar olması gereken değerleri gösterecektir.
Olması gerekenler nedir ? Merak ediyorsanız şu adımları takip edin. Şablon → Html’yi düzenle seçeneğini açın.
5. <head> başlangıç altındaki kodları incelediğiniz de şablonun 1100 Px. genişliğini geçmeyecek scala tabir edilen kodlamalar ile belirlendiğini görebiliriniz. Yani bu kodlar scala 1.0 minimum ve maximum, görüntülenme (viewport) değerleri ile komut olarak belirlenmiştir. Blogger şablon kod görüntüsüne tıklayıp aşağıdaki resmi inceleyin.
6. Blogger şablon → Özelleştir → Genişlikleri ayarla, Maximum genişlik 1100 px. geçmeyin.
7. 2 sütunlu sidebar kullanıyorsanız verilen genişlik boyut ayarını değiştirmeden sidebar genişliğini düzenlemeye çalışın. Genişlik ayarı olan 1100 px. değeri sabit olduğu sürece sidebar genişliği genel genişliği etkilemeyecek tema kendi içinde büyüyüp küçülecektir. Genişlik ve sidebar boyut resmini tıklayarak inceleyin.
8. Web siteniz bu ölçülerde kaldığı sürece Google Mobil uyumluluk teslerini geçebilirsiniz.
Blogger şablon kodları sayesinde blogunuzu ne kadar büyük yaparsanız yapın mobil görünüm ile uyumlu olacaktır. Ancak temanın büyük olması tarayıcı açılış hızını etkileceğinden birçok mobil cep telefonlarında görülemeyecek, bunun sonucu Web yönetici araçları → Arama trafiği → mobil kullanabilirlik bölümünde hatalı url olarak karşınıza çıkacaktır.

Sitenizin hızlı açılması ve mobil uyumluluk ipuçları :

1. Mümkün oldukca gereksiz aşırı eklentilerden kaçının.
2. Tarayıcıları zorlayan çok büyük resimler eklemeyin. Büyük resim ekleyecekseniz mutlaka resimlerinizi sıkıştıran siteleri kullanın.
3. Ana sayfanızda tarayıcıları etkileyen ses eklentileri gibi Javascript kodlardan kaçının.
4. Blog ana sayfanıza eklediğiniz haber sitelerinin banner resimleri web sitenize hiç değer katmadığını tam tersi banner’ini eklediğiniz sitelere link vererek kendi değerinizi düşürdüğünüzü bir kez daha hatırlatmak isterim. Banner veya haber sitelerinin görselleri ile arama sonuçlarında üst sıralarda görülmeniz sitenizin üst sıralara taşındığının ifadesi olmamakla beraber organik olmayan bir seo çalışması niteliği taşımaktadır. Sonuçlarda çıkan yazıya tıkladığınızda gidilen sayfa haber siteleridir. Bu durumda haber sitelerine çalışmış olmaktasınız. Karar ve sonuçlara katlanmak da sizin özgür düşünceniz ile sonuçlanacaktır.

Yukarıda anlatılan basit adımları takip ederek gereken düzenlemeleri yaptı iseniz ; Web site Hız ve Mobil uyumluluk testlerini kullanarak kendinizi sınayın.
PAGESPEED VE MOBIL UYUMLULUK TEST :
PageSpeed Insights Test Aracı
Mobil Uyumluluk Test Aracı

Pazar, Nisan 19, 2015

VPS Sunucu Nedir?

Günümüzde bilgisayarların hardware olarak bilinen fiziksel kaynaklar açısından çok gelişmiş olması bir fiziksel bilgisayar içerisine birden fazla bilgisayar kurmaya yarayan virtualization programlarının çıkmasına yol açmıştır. Böylece ram, cpu ve hard disk gibi kaynakları çok fazla olan bir bilgisayara (sunucuya) virtualization programı kullanarak çok sayıda bilgisayar kurabilirsiniz.

Bu kurulan bilgisayarlar fiziksel sunucunun kaynaklarını paylaşırlar. Örnek olarak 10 GB ram kapasitesine sahip bir sunucu içerisine her biri 1 GB ram kullanan 10 bilgisayar kurulabilir. Bu kurulan bilgisayarlar gerçekte fiziksel bir görünüme sahip olmadıkları için sanal bilgisayar olarak adlandırılırlar. Kapasiteleri dahilinde gerçek bilgisayardan işlev açısından farkları yoktur. Her birine işletim sistemi yükleyebilir, birbirlerinden bağımsız olarak açıp kapatabilir ve değişik programlar çalıştırabilirsiniz.

VPS "virtual private server" teriminin kısaltmasıdır. "Sanal kişisel sunucu" olarak Türkçeye çevrilir. Sanal kelimesinin açıklamasını yukarıda açıklamıştık. Kişisel kelimesinin anlamı ise işlevsel olarak aslında bağımsız bir bilgisayar oluşturulmuş olmasından gelir. Her birine işletim sistemi yükleyebilir, birbirlerinden bağımsız olarak açıp kapatabilir ve değişik programlar çalıştırabilirsiniz. Yukarıda belirttiğimiz gibi aynı fiziksel sunucu içerisine birden fazla sanal bilgisayar kurulabilir. Eğer kaynaklar bir sanal bilgisayara atanmazsa bu sanal bilgisayar tarafından kullanılmayan kısım diğer sanal bilgisayara devredilebilir.

İlk paragraftaki örnekte 10 GB ram kapasitesine sahip fiziksel sunucunun 1 GB ram’ini sanal bir bilgisayara ayırabilirsiniz. Ancak bu adanmamışsa bu bilgisayar 512 MB ram kullanırken başka bir sanal bilgisayar diğer 512 MB kısmını kullanabilir. Atama yapılmışsa bu bilgisayar 512 MB ram kullansa bile 1 GB yarı dolu yarı boş şekilde çalışır ve başka sanal bilgisayarın bu bölümü kullanması mümkün olmaz. VPS terimi cpu, hard disk ve ram gibi kaynakları kendine atanmış olmayan, kullanılmadığında diğer sanal bilgisayarlar arasında paylaşılabilen, sanal bilgisayar anlamındadır. Fiziksel bilgisayarlardan farkları düşük bir performans kaybıdır. Web, e-mail, dns sunucusu gibi orta ölçekli bilgisayar gücü gerektiren işlerde kullanılırlar. Elektrik, yer, kurulum ve bakım esnasında iş tasarrufu sağlarlar. Bu tasarruf aylık kiralama bedellerinde indirim olarak görülür. Düşük performans kaybı sizi çok etkilemiyorsa VDS lerden daha ucuz kira bedelleri vardır.

Cuma, Nisan 17, 2015

Blogger Wordpress Tumblr Sitene Instagram Ekleme

Teknoloji gelişimi ile artan talepler arasında yaygınlaşan Instagram resim paylaşım özelliğini Blogger/blogspot, Tumbl, Wordpress, gibi web sitelerinizde eklenti olarak kullanarak okuyucu kitlenize güzel deneyimler yaşatabilirsiniz. Blog/Site okuyucu kitleniz web sitenize giriş yaptığında gönderdiğiniz güncel resimleri sitenizden takip edebilir. Instagram eklentisini kullanmıyorum ancak şahsımın kullanmaması kullanılmayacağı anlamını taşımamaktadır. Instagram uygulamasını şöylede düşünebilirsiniz. Bir eğlence, davet, toplantı, düğün veya yeni yıl kutlamasındasınız. Bulunduğunuz ortamda çektiğiniz birbirinden güzel resimlerinizi eve dönüşünüzde sosyal paylaşım sitelerinde paylaşmayan yok gibidir. Davetten dönüşünüz geç olacağından çektiğiniz resimleri sosyal paylaşım sitelerinde paylaşımınız da geç ve zor olacaktır.

Ancak çektiğiniz bu resimleri saniyeler içinde instagram hesabınıza giriş yaparak web sitenizde görülmesini sağlayabileceğiniz gibi okuyucu takipçilerinizi de arttırabilme şansını yakalamış olabilirsiniz. Teknolojinin bu özelliklerinden yararlanmak için ;

Blogger, Wordpress.com ve Tumblr instagram eklenti kodları nasıl eklenir :

1. Instagram eklentisi için buradan giriş yapın.
2. Açılan sayfa içinde siteniz için yapılandırma bölümünü doldurun. Chrome tarayıcı kullanıyorsanız açılan sayfada, Google Chrome bulunduğunuz dil seçeneklerine göre çeviri yapacağından ayrıca bir açıklama yapmak istemedim.
3. Sayfanın üst kısmından üyelik girişi yapabilirsiniz. Aşağıda göreceğiniz resimde Türkçe yapılandırma açıklamaları mevcut olup farklı tarayıcı kullanıcıları verilen resimdeki açıklama bilgilerinden yararlanabilirler. Resime tıklayarak büyük inceleyin lütfen.
4. Daha önceden oluşturulan resimler için ön izleme bölümü mevcut olup, kodlar üzerindeki seçeneklerden değişiklik yaptığınızda ön izleme seçeneği ile seçiminizi kontrol edebilirsiniz.
5. Eklenti seçeneklerinde işleminiz bitti ise, Kod Oluştur butonuna tıklayarak aşağıda görülen resim gibi bir iframe kodları oluşturulur.
5. Eklenti seçeneklerinde işleminiz bitti ise, Kod Oluştur butonuna tıklayarak aşağıda görülen resim gibi bir iframe kodları oluşturulur.
6. Instagram iframe eklenti kodlarını kopyalayın.
7. Blogger kumanda panelinize giriş yaparak gadget ekle seçenekleri yardımı ile Html/JavaScript gadget’ine kopyaladığınız kodları yapıştırıp kaydedin. Gadget’inize bir başlık ismi verebilirsiniz. Blogger yerleşim bölümünde görülmesini istediğiniz alana sürükleyerek konumlandırın ve yaptığınız işlem için blog’unuzu kaydedin.
8. Giriş yaptığınız mevcut sayfanın en altında bulunan nasıl yapılır? YouTube link bağlantılarını izleyerek anlamadığınız yerler hakkında görsel bilgi alabilirsiniz.
Video talimatları kontrol edin!
Tumblr | Wordpress.com | BLOGGER / BLOGSPOT

Perşembe, Nisan 16, 2015

Web Siteniz Mobil Uyumlu mu?

21 Nisan’dan sonra, Google arama’daki sıralama sonuçları, Google’un daha fazla cep dostu olması sonucu etkisini göstermeye başlayacak. Mobil uyumluluk test aracı ile sitenizi tekrar kontrol edin. Siteler için geçerli olan Mobil Uyumluluk değişikliği dünya genelinde tüm dillerde yapılan mobil aramaları etkileyerek, Google Arama sonuçları üzerinde büyük etki sahibi olacağına kesin gözüyle bakabilirsiniz. Kullanıcılar, cihazları için optimize edilmiş, alakalı ve yüksek kaliteli arama sonuçlarına ulaşabilmesi için, ………..blogspot.com.tr site ve diğer sitelerinizin bu değişikliğe hazır olup olmadığını bir kez daha kontrol etmek için ;
Mobil uyumluluk testi yapın

"Sitem zaten mobil cihazlar için optimize edilmiş. Bir şey yapmam gerekiyor mu?

Mobil cihazlar için optimize edilmiş bir siteniz zaten varsa bile, biraz vakit ayırıp Mobil Uyumluluk Testi aracını kullanarak sitenizin sayfalarını tekrar kontrol edin. Ayrıca, mobil cihazlar üzerinden daha fazla para kazanmaya yönelik en iyi uygulamaların ele alındığı AdSense Birden Çok Ekran Uygulama Kılavuzu'nu da inceleyin.

Sitem mobil uyumlu değil. Sitemi mobil uyumlu hale getirmeye nasıl başlarım?

Mobil uyumlu siteler kılavuzu başlamanız için size yardımcı olabilir. Diğer yandan, Web Yöneticisi Araçları hesabınıza giriş yapıp Mobil Kullanılabilirlik Raporundan yararlanarak siteleriniz genelindeki mobil kullanılabilirlik sorunlarının tam bir listesini görebilirsiniz. Ayrıca AdSense Birden Çok Ekran Başlangıç Kılavuzu'nu inceleyebilir ve destek almak için Web Yöneticisi Merkezi Forumlarında soru yayınlayabilirsiniz."

Blogger Blog Id Post Id Image url Veri Hataların Çözümü

Web Yönetici Araçlarına kayıtlı siteniz için yapılandırılmış veri araçları bölümünde blog Id, post Id, image url hataları ile karşılaştı iseniz aşağıda anlatılanları takip ederek site hatalarını çözün. Blogger’un varsayılan şablon değişikliğinden sonra tüm bloglar da mevcut olan blog Id, post Id, image url, hataları henüz giderilemedi. Bu güne kadar düzelmeyen bu etiket hataları her blog da mevcuttur. 

Yapılandırılmış veri araçlarından blogunuzu kontrol ederseniz bu hataları görebilirsiniz. Bu hataların giderilmemesi Google arama sonuçlarında yazılarınızın tam olarak tanınmaması anlamına gelmektedir.

İsminden de anlayacağınız gibi, blog Id, post Id, image url, hataları blogunuzu tanımlayan Id, yazılarınızı tanımlayan Id ve resimleri tanımlayan image url, gibi hatalar sonucunda siteniz okunamayan veri durumuna girecektir. 

Blogger’un bir seneyi aşkın şablon değişiminden sonra bu konuda birşeyler yapmaması şaşırtıcı olması ile birlikte anlam verilemeyecek bir görünüm sergilemektedir. Google, arama sonuçlarında daha iyi sonuç alabilmesi için yapılandırılmış veri aracı olan schema.org’i kullanmaktadır. 

Bu durumun kısaca anlamı, arama sonuçlarında zengin snippet olarak bilinen blog başlık linki altında okuduğunuz yazınızın açıklamasıdır. Yapılandırılmış veri bağlantısını incelediğinizde, Hatom veya diğer veri türlerini görebilirsiniz.

Bu hataları nasıl çözeceğiz ile ilgili kendi başımızın çaresine bakacağız. Çünki! ücretsiz blog kullanıyoruz ve bu iş için kimse zaman harcamayacaktır. Öncelikle aşağıda yapılan açıklamalar ile sitenizi kontrol edin.

Blog Id, Post Id, Image url, veri hataları için site kontrolü :

1. Web Yönetici Araçlarına giriş yapın ve sitenizi açın.
2. Diğer kaynaklar ismine tıklayarak, Yapısal veri test aracını açın.
3. Açılan pencerede Url’yi getir menü ismine tıklayın.
4. İçi boş olan pencereye herhangi bir yazınıza tıkladıktan sonra tarayıcdaki linki kopyalayın ve pencereye yapıştırırak kırmızı renkli Getir ve Doğrula ismine tıklayın ve bekleyin.
5. Test sonucunu sağ tarafta göreceksiniz. Aynı işlemi birkaç yazınız için deneyin. Eğer gerekli düzenlemeleri yapmadı iseniz hatalı kısımları görmeniz gerekmektedir. Bu hataların ne olduğunu yazı başında belirtmiştik. Test aracı sonuçları doğru ise şu şekilde görülecektir.
Yapılandırlmış veri görünümü
6. Test sonuçları yukarıda ilk resim gibi hatalı ise sitenizi düzenlemeye başlayın.

Blog Id, Post Id, Image url, veri hatalarının Düzeltilmesi :

Not: Blogunuzun yedeğini aldınız mı? Her ihtimale karşı mutlaka yedek alın.
1. Aşağıda verilen etiketi (Ctrl+F) yardımı ile bulun.
<meta expr:content='data:blog.blogId' itemprop='blogId'/> 
2. Blog Id, Post Id, hatalarını düzeltmek için, arama sonucu bulduğunuz (blog Id) ve (post Id) her iki etiketi silin. Şablonunuzdaki kodların görünümü şu şekildedir.
3. Şablon kod arama penceresinde arattığımız etiketi tekrar aramak için enter çekin. Aynı etiketleri tekrar göreceksiniz. Bu etiketleri de silin ve blog'u kaydedin.
4. Son olarak ; image_url hatasının giderilmesi için aşağıdaki etiketi bulun.

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> 
5. Bulduğunuz bu etiketi silerek aşağıda verilen etiketi sildiğiniz etiketin yerine yapıştırın.
<meta expr:content='data:post.firstImageUrl' itemprop='image'/> 
6. Blog’unuzu kaydedin. Şimdi tekrar veri araçlarında inceleme yapın. Sonuçların olumlu yeşil olarak ifade edildiğini göreceksiniz. 
Daha fazla bilgi için Menü çubuğu Kategoriler sekmesinde Veri araçları ismine tıklayarak diğer konularını inceleyebilirsiniz. Veri araçları ile ilgili sorunlarınızı yorum yazarak çözün.

Çarşamba, Nisan 15, 2015

Dlvr.it Sitesinde Blog İçeriklerinizin Yayınlanması

Dlvr.it sitesi, blogcu ve yayıncıların sosyal ağ ve yeni kanallara erişimi genişleterek otomatik içeriklerin yayımlandığı bir sosyal paylaşım sitesidir. Site yazılarınızın sosyal paylaşım sitelerinde otomatik paylaşılmasını düşünebilirsiniz.
Dlvr.it, Google, Bing ve Yahoo dahil olmak üzere tüm büyük arama motorları ile ilişkili olup, SEO etkisi ile arama optimizasyonu sağlar. Bu optimize içerisinde sosyal, cep ve tabletler, genişletilmiş dağıtım gibi servisleri de mevcuttur. Google Chrome tarayıcınızda dlvr.it site uzantısını da kullanabilirsiniz. Daha fazla bilgi için dlvr.it blog girişi.

Dlvr.it site girişi için takip edilecek adımlar :

1. Dlvr.it sitesine giriş yaparak üyelik işlemlerinizi tamamlayın.
2. + Add Route alanına giriş yaparak blog url’nizi ve Rss akış linkinizi ekleyin.
3. Kumanda panelindeki menüleri inceleyerek siteyi tanımaya çalışın.
4. 5 ad blog ve 3 ad. de sosyal paylaşım linki ekleme hakkınız vardır.
5. Eklediğiniz blog link’inin üzerine maus’u getirdiğinizde düzenleme ayarlarını göreceksiniz. Eklediğiniz blogların arasında kullanmak istemediğinizi silip bir yenisini ekleyebilirsiniz.
6. Şimdi, Dlvr.it site kumanda panel görünüm resmini aşağıdan inceleyelim.
7. Üyelik, blog kayıt, Rss ve sosyal paylaşım sitelerinizi ekledikten sonra yayınlarınızı Dlvr.it sizin adınıza paylaşıma sunarak belirli zamanlarda sonuç istatiklerini e-posta ile size göndermeye başlayacaktır.