Eğer worpdpress sitenize pagespeed insights eklentisi kurduysanız, tüm kodlarınız resimleriniz değişmiştir.
Mevctu api deki Peki bunu kullanmak istemiyorsak, bundan nasıl kurtuluruz ?
https://code.google.com/apis/console/ api konsoluna girin. apis & auth api yazan yerden calısan google pagespeed apisini off konuma getırın, credentials kısmına girip ordan da mevcut ara baglantıyı kaldırın.
htaccess dosyanızın başına alttaki satırı ekleyin.
<IfModule pagespeed_module>
ModPagespeed off
</IfModule>
WordPress blog sitelerinde günden güne artan talepler doğrultusunda eklentiler çıkmakta. Birden fazla yazar ile çalışan sitelerde her yazarın sadece kendi yazısını editleyebilmesi, diğer yazarların yazılarına müdahalede bulanamaması oldukça ihtiyaç duyulan bir sistem.
Bu tarz bir şeyi wp nin kendi dosyalarında edit.php veya edit-post-rows.php dosyalarını düzenleyerek de yapabilirsiniz fakat şöyle bir sıkıntı ortaya çıkar. WordPress her kendini yenilediğinde bu düzenlemeler kaybolur gider. Daha kalıcı olması açısından sizlere oldukça kullanışlı bir eklentiyi tavsiye edeceğim.
Dünya üzerinde son dönemlerin en çok tercih edilen CMS modeli wordpress’tir. Arama motorları ve wordpress ilişkisi, her açıdan olumlu sonuçlar doğurduğundan dolayı insanlar web sitesi sahibi olurken önceliği bu sisteme tanımaktalar. WordPress sistemin eklentiler ile geliştirilebilir olması ve SEO açısından kaliteli sonuçlar ortaya koyması son derece iyi.
Arama motorları, bilhassa özgün wordpress sistemleri çok daha fazla seviyor ve arama sonuçlarında hatırı sayılır şekilde yukarıda göstermektedir. Böylelikle çalıntı içerik ile yükselen web sitelerine nazaran çok daha farklı bir yerde olursunuz. Web sitelerinizin gelişimini eklentiler ve tasarım örnekleri ile çok daha hızlı bir şekilde sağlayabilirsiniz. WordPress resmi internet sitesini ziyaret ediniz.
WordPress SEO konusu ile alakalı olarak günümüzde her kafadan bir ses çıkıyor demek pek de yanlış olmayacaktır. Web sistemlerinin gelişmesi ile birlikte sektör içerisinde rekabet ortamı belirgin bir şekilde arttı diyebilmekteyiz. WordPress, artık dünya genelinde popülaritesini ve etkisini kanıtlamış en önemli hazır web yapılarından birisi olarak dikkatleri çekmektedir.
CMS sistemler içerisinde şuan dünyanın en gelişmiş sistemi olarak algılanabilir. WordPress sistemi ile alakalı olarak tüm bilinmeyenleri sitemiz içerisinde yine bulabileceksiniz. Hazır ve eklentiler ile geliştirilebilir bir sistem olduğundan dolayı kısa zaman içerisinde popülerliği çok daha hızlı bir şekilde yayılmıştır ve öyle ki kurumsal web sitelerinde dahi bu hazır sistemi görebilmek artık olası bir hale gelmiştir.
WordPress Seo Nedir ?
WordPress SEO, hazır sistem olarak kullanılan ve PHP yazılım dili ile geliştirilmiş olan WordPress sistemi için uygulanan On Page ve Off Page SEO çalışmalarının geneline verdiğimiz isim olarak nitelendirilebilir. Eklentiler ile bu sisteme SEO uygulamalarını çok daha rahat bir şekilde gerçekleştirebilmek mümkündür. İçerik yapısını çok daha iyi oluşturabilir ve arama motorlarını bilgilendirebilirsiniz.
Zaman içerisinde her ne kadar SEO algoritmaları üzerinde değişiklik yapılsa da arama motoru botlarının dost sistemlerinin başında WordPress gelmektedir. Şayet bu sistemi kullanan bir web siteniz var ise ve SEO çalışmaları için doğru bir strateji belirleyerek ilerlediyseniz başarısızlık oranı neredeyse %0′dır.
Resimleri ister site içinde barındırın ister dışarıda. Wp Timthumb resim çekme karışık işlem gibi görünse de oldukça basit bir dilde anlatarak size yardımcı olmaya çalışıyım. Öncelikle timthumb nedir ? timthumb ne işe yarar ? Eklentisiz kendi temanıza timthumb kurun.
Timthumb sitenizden yada dışarıdan çekilen resimlerin ebatlarını ve boyutlarını küçülterek ( 1200*900 yerine 150*150 , 2 mb yerine 30 kb gibi) sayfa ve yazılarınıza eklemenizi sağlar.
Çok fazla bilgi var, çoğunu denemeye çalıştığınızda oraya kod ekle buraya kod ekle derken bir bakıyorsunuz, ortalık karışmış.Basit yoldan öncelikle bilmeniz gerekenler ;
Öncelikle buradangüncel timthumb içeriğini alıp oluşturmamız lazım. Açık kaynak kodla verilen bu yazıyı alıp editör içine yerleştirip, php olarak kaydedin. Yada notepad açın içine kopyala yapıştır yapın. Ardından farklı kaydet yapın tüm dosyaları seçin. timthumb.php diye kaydedin. Bu dosyayı kullandığınız temanın ana dizinine atın. /httpdocs/wp-content/themes/tema içine.
Ayrıca otomatik olarak cache klasörü oluşturuyor. Şayet oluşturmazsa /httpdocs/wp-content/themes/tema/cache diye klasör oluşturup, yazma izni 755 vermeniz yeterli olacaktır.
Şimdi hangi sayfadaki resimleri küçültmek istiyorsanız, o sayfanın php dosyasına alttaki kodları ekleyin. Ben resim olan her yere ekliyorum ki sayfa açılış hızı artsın. Alttaki kod ile resimleriniz 1-1 olarak boyut ve ebat küçültmesi yapar.
İlk belirttiğim uzunluk genişlik ayarlarınızı kendi temanızın görseline göre ayarlamanız lazım, sadece rakamları değiştirin yeterli olur.
Ardından sayfanızı Ctrl + F5 ile yenileyin, resme sağ tuşla yeni sayfada aç diyerek bakarsanız, resmin orjinal boyutunu değil küçültülmüş boyutunu açacaktır. Bu da kapladığı yeri azaltacak dolasıyla açılış hızımıza katkı sağlayacağız.
Timthumb Ayarları
ALLOW_ALL_EXTERNAL_SITES seçeneği false olmalıdır.(resim başka bir sitede ise true yapmalısınız.)
Site içindeki resimleri çekiyorsanız ; Alttaki kodu
Wp yazı yazarken çok sık kullandığınız bir kod olabilir, bir buton ihtiyacınız vardır farklı sebeplerden. Bunu eklentisiz direk kod yardımıyla yapmak isterseniz, bununla ilgili derlediğim yazıyı sizlerle paylaşayım. TinyMCE editörü yardımıyla yapılan bu kodlara sayfasından erişebilirsiniz. Plugin kısmındaki kodların yardımıyla butonumuzu oluşturalım.
Editör yardımıyla boş bir sayfa açın ve içine alttaki kodu ekleyip ismini ” buton-ekle.js ” yapın. Bu javascript dosyasını daha düzenli olsun diye temanızın js klasörüne atmak isterseniz, üstteki kodda 21. satırda bulunan ‘/buton-ekle.js’ kısmında yeri belirtin. Örneğin temanızın içinde js klasörü varsa kodu ‘/js/buton-ekle.js’ olarak değiştirin.
Şimdi gelelim bu yaptığımız butona işlev kazandırmada, şayet hazır bir kodunuz varsa onu atamak daha mantıklı. Her defasında yazmak istemediğiniz bir kodun kısayolu olarak da tayin edebilirsiniz. Üstteki kodda 9. satırda bulunan ed.selection.setContent(‘değiştir’); yazan yerde değiştir yazan yere istediğinizi yazabilirsiniz. Yapılan butona tıklandığında buradaki yazı,rakam, kod ne yazdıysanız o direk gelecektir.
Yaptığımız bu botuna birde görsel kazandıralım. Üsteki js dosyamızın 7. satırında bulunan url+’/buton.png’ butonun küçük resmini temsil ediyor. Eklemek istediğiniz küçük resmi js ile aynı yere atarsanız sorunsuz çalışacaktır.
Küçük resim için google embedderi kullanabilirsiniz. Altta veriyorum, sağ tuşla tıklayıp kaydet diyin.
Wp sayfanızda pdf uzantılı dosya paylaşmak istiyorsanız bazı eklentiler kurmak gerekir.Siteyi fazla yormamak adına bu tarz ufak işleri temanıza entegre ederek site hızınızı stabilize edebilirsiniz. Ne kadar fazla eklenti olursa o kadar siteniz yorulur bunu unutmamak gerekir. Sizi bu dertten kurtarıp bu işi eklentisiz nasıl yapacağınızı anlatayım. Yine temamızın functions.php dosyasını ele alacağız.
Öncelikle functions.php dosyanızın en alt satırına alttaki kodu ekleyin. Bu kod içinde bulanan ” pdfgoster ” yazan yeri istediğiniz şekilde nasıl rahat yazacaksanız onu yazın.
Kodu ekledikten sonra, yeni yazı eklerken yazının içine alttaki kod yardımıyla sitenize göndermiş olduğunuz pdf dosyanız sayfanızda eklentisiz olarak gösterilmiş olacaktır. Alttaki kodu yazınızın içine ekleyin, pdf adresiniz yazan yere pdf ‘in http://site.com/… neyse onu yazın
[pdfgoster src=" pdf adresiniz " width="genişlik değeri" height="yükseklik değeri"]
Wp sitenizi hızlandırmak istiyorsanız, bu konuda oldukça başarılı olan Wp Super Cache ‘i kullanmanızı tavsiye ederim. Sonuçları tatminkar olan bu eklenti sayesinde sitenizin boyutunu %40 civarında sıkıştırarak daha hızlı açılmasını sağlayabilirsiniz.
Wp Super Cache kurulmadan öncesi açılış hızı.
Wp Super Cache kurulduktan ve ayarları yapıldıktan sonra açılış hızı.
Wp Super Cache kurulum öncesi performans raporu.
Wp Super Cache kurulum sonrası performans raporu.
Şimdi gelelim bu eklentiyi nasıl kuruyoruz, nereden indiriyoruz. Öncelikle buradan eklentiyi indirin. Ftp yoluyla plugins klasörünüze atın.
Eklenti çalıştırıldığında sol tarafta WP Fastest Cache barı geliyor, oradan eklentiyle ilgili ayarları yapmamız gerekiyor. Dili Türkçe yaparsanız ayarlarkısmında gördüklerinizi tamamen işaretleyin, eğer harici sıkıştırma eklentisi kullanıyorsanız onu kapatabilir, tek bir eklentiyse her türlü sıkıştırma işlemini yapabilirsiniz. Hem sitenizi fazla yormamız olursunuz, eklenti yoğunluğuyla.
İkinci yer Önbellek Temizle alanı cache te tuttuğu dosyaları silmek için, eğer temada düzenleme vs yaptıysanız buradan bu temizliği yaptığınızda görünür hale geçecektir.
Son ayar Zaman aşımı, bu cache in hangi sıklıkla temizleme yapmasını istediğiniz seçenek. Ben 6 saatte bir yenilemesini istedim. Dilerseniz günde 1 yada haftada 1 de seçebilirsiniz.
htaccess dosyanıza eklenmediyse alttaki kodu ekleyin.
Birçok web sitesi için css önemlidir. Fakat sitenin önyükleme süresini arttırır. Buda hem gelen ziyaretçi hem google açışından eksi nottur. Mevcut sitenizdeki js leri oldukça hızlı bir şekilde küçültebilirsiniz. Css sıkıştırma yöntemi oldukça basit olan bir siteden bahsedeceğim.
WordPress temanız içinde ilaç gibi gelecek bir işlem bu. WordPress Css sıkıştırma, WordPress Js sıkıştırma. Css ve Js dosyaların boyutlarını küçültme işlemi.
Ben elimdeki js dosyalarını da buradan sıkıştırdım sorun yaratmadı. Farklı js sıkıştırma siteleri saçma sapan sıkıştırma yapmasına rağmen buradaki Css sıkıştırma programı js dosyasını daha iyi düzgün sıkıştırdı.
Css dosyasında bulunan boşluklar, dağılmış kodlar vs bir araya toparlayarak mevcut boyutunun oldukça altında bir şekilde size geri veriyor.
Css dosyanızı alttaki resimde gördüğünüz gibi, css source code input kısmına ekleyin. Ardından compression level’i seçin. Ama burada dikkat etmeniz gereken, bu seviye !
En yüksek seviye Highest , max seviyede daraltma yapar ama kodu bozabilir. Önce deneyin, baktınız bozuyor bir kademe altında yaparsınız.
En alt seviye Low, min seviyede daraltma ama kodu korur. Güvenli mod gibi olmuş.
Mevcut Css veya js dosyanızın yedeğini almadan sıkıştırma işlemine girişmeyin. Her olasılığa karşı yedekleri muhafaza edin.
Sıkıştırma işlemleri için site adresine buradan ulaşabilirsiniz.
Wp sayfaları gzip ile sıkıştırma sitenin açılış hızına oldukça etkisi oluyor. Bunu iki türlü yapmak mümkün, eklentiyle yada htaccess dosyasına birkaç ek yaparak mümkün. Benim tavsiyem htaccess tarafına yazılandan. Ne kadar az eklenti o kadar hız demek.
Eklentisiz gzip kurulumu ve testi nasıl yapılır ?
Öncelikle eklentiyle direk kurup ugraşmak istemeyenler için link Tıkla . Eklentiyi ekledikten sonra herhangi bir ayar yapmanıza gerek yok , site çağrıldığında eklenti devreye girerek compress işlemine girmiş oluyor.
Php ile gzip kullanıyorsanız kasma yapabiliyor. Htaccess ile gzip kullanımında kasma olma olasılığı daha da düşüyor.
Eklentisiz Htaccess ile gzip nasıl yapılır. Bunun için Ftp ‘den htaccess’inizi editör yardımıyla açın. Ardından alttaki kodları alt tarafa yerleştirin.
Şimdi yüklediğimiz veya kurduğumuz gzip acaba çalışıyor mu? Aktif mi ?
Bunu buradantest edebilirsiniz. Site adresinizin ana dizini www ile başlıyorsa o şekilde yazın ( www.teknolojix.net) gibi, ana dizin (teknolojix.net) ise bu şekilde yazın. Root domanini görebildiği için yanılgıya düşmeyin. İki sorgu farklı sonuç verir.
Sitenizdeki popüler yazıları ön plana çıkarmak istiyorsanız, eklentisiz kaç kere okundu sayısı için birkaç kodu entegre etmeniz yeterli olacaktır. Bu eklediğiniz kod sayesinde, popüler olan fazla okunan makale ve yazılarınızı temanızda istediğiniz yerde okunma sayısı olarak gösterme imkanınızda olacaktır.
Aşağıdaki kodları temanızın functions.php dosyasına ekleyin ve kaydedin.
<!-- WP Kaç Kere Okundu Kodu -->
<?php
function getPostViews($postID){
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
if($count==''){
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
return "0 okunma";
}
return $count.' okunma';
}
function setPostViews($postID) {
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
if($count==''){
$count = 0;
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
}else{
$count++;
update_post_meta($postID, $count_key, $count);
}
}
?>
<!-- WP Kaç Kere Okundu Kodu Bitti -->
Kodları ekledikten sonra temanız da aşağıdaki kodları istediğiniz alanda kullanarak okunma sayacını eklemiş olursunuz ve okunma sayısını gösterebilirsiniz:
Eklenen kodları sayfada kullanma. Kodları ekledikten sonra temanız da aşağıdaki kodları istediğiniz alanda kullanarak popüler 10 adet yazıyı gösterebilirsiniz:
posts_per_page=10 yazan yerdeki 10 rakamı kaç adet popüler yazının gösterileceğini belirtiyor.
Bir önceki yazımızda WordPress Kategoriden Resimli Yazı Çekme ‘yi göstermiştik. Bu sefer bu yazıları tek bir kategoriden değil, tüm kategorileri dahil ederek bunları rastgele göstermek. Wp rastgele resimli yazı çekmek için yine uygulamamız gereken birkaç kodlama var. Eklentisiz wp rastgele resimli yazı çekme nasıl olur ? Bakalım.
Öncelikle temanızın functions.php dosyasını açarak aşağıdaki kodu ekleyiniz.
add_theme_support (‘post-thumbnails’);
Daha sonra yazılarınızı eklerken sağ altta öne çıkarılmış görsel bölümünü göreceksiniz oradan yazılarınıza resim ekleyebilirsiniz.
Wp eklenti kullanmadan, temanıza birkaç kod ekleyerek , Mevcut kategorilerden resimli yazı çekme olayı nasıl olur ? WordPress kategoriden resimli yazı çekmek için altta belirttiğim işlemleri yapmanız yeterli olacaktır. Kategoriden resim çekme ; aynı zamanda thumbnails kullanarak öne çıkarılmış görsellerden yazılarımıza resim çekmeyide öğrenmiş olacağız.
Öncelikle temanızın functions.php dosyasını açarak aşağıdaki kodu ekleyiniz.
add_theme_support (‘post-thumbnails’);
Daha sonra yazılarınızı eklerken sağ altta öne çıkarılmış görsel bölümünü göreceksiniz oradan yazılarınıza resim ekleyebilirsiniz.
Hızla artan web siteleri dolayısıyla, sitelerden çalınan özgün içerik oranları da arttı. Feed Rss beslemelerini devre dışı bırakmak kapatmak isteyebilirsiniz. Emek verip yaptığınız sitenizin yazıları farklı sitelere geçtiğinde insan üzülüyor. Hele ki sizin sitenizin otoritesi henüz oturmamışken yazdığınız yazılar index almadan, yazmış olduğunuz özgün içeriği farklı sitede görünce insan ister istemez sinirlenir. Emeğinizin çalınmasını engellemek için makalemizi okuyun.
Gelelim Feedleri nasıl kapatırım. Rss feed devre dışı bırakmak için yapmanız gereken, editör yada site içinden görünüm-> düzenle demek. Ardından altta belirtilen işlemleri yapın. İşlem sonunda siteadresi.com/feed sayfanıza girip ctrl+F5 ile yenileyip bakarsanız hata verecektir. Burayıda 301 ile ana sayfanıza yönlendirirseniz tamamen sorun ortadan kalkacaktır.
Tema işlevleri ( functions.php ) dosyasının içinde en alt satıra php bitiminden hemen önce ” ?> ” den önce ekleyin.
Kolay arayüzü ve kullanışlı eklentileriyle site sahiplerinin gözdesi wordpress gün geçtikçe yeni hatalara maruz kalıyor. Below is a rendering of the page up to the first error hatası genellikle Feed Hatası alanlar için çözüm, Rss hatası alanlar için çözüm, sitemap hatası alanlar için çözüm. This page contains the following errors hatası ve çözümü
Hata olarak şu şekilde yazar.
This page contains the following errors :
error on line 2 at column 6: XML declaration allowed only at the start of the document
Below is a rendering of the page up to the first error.
Eklentiyi kurmadan önce wp-super-cache eklentisi kullanıyorsanız eklentiyi etkisizleştirin.