SEO | Dijital Pazarlama Uzmanı

WordPress Site Hızını ve SEO Puanını Arttırma

Birçok site sahibinin Google Pagespeed ve çeşitli webmaster forumlarının SEO ölçen araçların verdiği değerleri dikkate aldıklarını biliyoruz. Özellikle Google Pagespeed çoğu insanın çok dikkat ettiği bir şey. Google Pagespeed’ten biraz bahsetmek gerekirse, sayfanızın açılış hızını dikkate alan aynı zamanda açılış süresini indirmek için size ipuçları veren bir Developer servisi. Tarayıcıda önbelleklenen dosyalar, optimize edilmiş resimler, sıkıştırılmış kaynak kodları… İşte bunlar bir web sitesi için gerekli optimize bilgileri. Bu yazımızda size WordPress Site Hızı ve Seo Hakkında birkaç ipucu vereceğiz.

CSS Sprite Yöntemini Kullanmak İyidir

Sprite yöntemi, CSS ile sayfa tasarımı yaparken kullanacağımız resimleri, ana bir resimden koordinat belirleyerek ayarlamamızdır. 80 resim kullandığınız bir web sayfasında yavaş bir ağ bağlantısıyla – örneğin telefonu modem olarak kullanan birisi – giren kişi sayfanızı yavaş yavaşgörüntüleyecektir. Yani ilk önce üst taraf resmi yüklenecek yavaş yavaş aşağıya doğru inecektir. Sanki konsoldaki yazılar izler gibi olması kullanıcıyı çıldırtacaktır. Bu yöntemi kullanmak oldukça basit. Ayrıca çok da yarar sağlayacak. Ziyaretçi ana resmi yükledikten sonra diğer tasarım ögeleriniyüklemeye gerek kalmadan konsol ekranı gibi değil, ana resim yüklendiğinde görecektir. Yani burada hem sorgudan tasarruf ediyorsunuz hem de ziyaretçi memnuniyetini arttırıyorsunuz.

Nasıl yapabiliriz? sorusuna gelince çok güzel yazılmış bir Javascript betiği var. Bunu yer imlerinize ekleyin. Sayfanızda yer imine bastığınızda otomatik olarak sprite resmini oluşturacak ve size değiştirilmiş CSS kodlarını verecektir.

javascript:(function(){var spritemejs=document.createElement('SCRIPT');spritemejs.type='text/javascript';spritemejs.src='https://spriteme.org/spriteme.js';document.getElementsByTagName('head')[0].appendChild(spritemejs);})();

Oluşturduğunuz Sprite Dosyasını Sıkıştırın

Oluşan resim dosyamız toplam resim boyutu ne kadarsa ona yakın bir civarda olacaktır. Bu sprite dosyasını da sıkıştırmak elbette sitenizin hızına katkı sağlayacaktır. Bahsettiğimiz kişi , telefonla bağlanan adam, size 200 kilobaytlık bir veriyi mi daha çabuk görüntüler; 100 kilobaytlık bir veriyi mi? Tabii ki de 100 kilobaytlık veriyi daha çabuk görüntüleyecektir. PNG resim dosyamızı birkaç serviste sıkıştırabiliriz.

1 yöntemi kullanırsanız 32 bitlik resimleriniz palet resimlere (8 bitlik) dönüştürür ve saydamlığı korur , 2. yöntem ise C diliyle yazılmış sıkıştırma kütüphanelerini kullanır.

Gereksiz Sorgudan Kaçının

WordPress temalarının genellikle olan header.php dosyasından küçük bir örnek:

<link rel="stylesheet" href="<?php bloginfo('template_url');?>/style.css" />

<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/falanca.js"></script>

<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/ana.js"></script>

<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/slider.js"></script>

Bunun neresi kötü diye sorulacak olursa, WordPress sitelerdeki sorgu sayısı artacak ve “yarım saniyelik” farklar yaratacaktır. Şöyle değiştirmenizde fayda var:

<base href="<?php bloginfo('url');?>" />

<link rel="stylesheet" href="wp-content/themes/falancatema/style.css" />

<script type="text/javascript" src="wp-content/themes/falancatema/js/falanca.js"></script>

<script type="text/javascript" src="wp-content/themes/falancatema/js/ana.js"></script>

<script type="text/javascript" src="wp-content/themes/falancatema/js/slider.js"></script>

SEO Detay

SEOdetay profesyonel ekibi ile SEO, Dijital Pazarlama, Site içi Optimizasyon ve Sosyal Ağlar hizmeti altında markanızın tüm ihtiyaçlarını siz değerli çözüm ortağımız doğru zamanda, doğru yerde olması için kurumsal SEO çözümleri sunuyor.

Yorum Ekle

This site uses Akismet to reduce spam. Learn how your comment data is processed.