GTMetrix SEO Puanı Artırma .htaccess Teknikleri I

Gtmetrix seo puanı artırma ile ilgili hiçbir sorununuz kalmasın istiyorsanız bu yazı size çok şey katacak. GTMetrix, SEO konusuna önem veren site sahipleri için mükemmel imkanlar sunan bir analiz sitesi. PageSpeed ve YSlow adlı iki puan sistemi olan bu sitedeki analizlerden tam puan aldığınız zaman; Google Page Speed puanınız da, önem verdiğiniz ama kriterlerinde bazı sapır saçma şeyler olan WM Aracı ve Seohocası puanlarınız dahi muhtemelen yükselecektir. Peki Gtmetrix seo puanı artırmak için neler yapılabilir?

Ben de bu yazıda size bir taşla birkaç kuş vurmayı anlatacağım =) Özellikle Wordpress kullanıcıları W3 Total Cache veya Super Cache eklentilerini kullanmalarına karşın bazen "Google Page Speed veya GTMetrix seo puanı artırma ile ilgili değişiklikler yaptıktan sonra analizlerine bakınca Cache özelliği aktif olmamış" diye şikayetlerde bulunuyor. Ya da "Sitemde Gzip kullanmama rağmen Gzip özelliği çalışmıyor" da diyebiliyorlar. Bu arada W3 Total Cache Kurulumu linkine tıklayarak bu konuyla ilgili yazdığım yazıya bakabilirsiniz. Eklentinin 2013 güncellemesi sonrasındaki halini içeren bir anlatım... Problem yaşıyorsanız; işinize yarayabilir...

.htaccess dosyasında yapılacak küçük bir değişiklik sayesinde GTMetrix üzerinde ortaya çıkan pek çok sorunun giderildiğini siz de göreceksiniz. Bu sayede GTMetrix seo puanı artırma konusunda artık dert tasa etmenize gerek kalmayacak. Yazı sonunda vereceğim kodları .htaccess dosyanıza eklediğinizde GTMetrix'te ortaya çıkan hangi hataların ortadan kalkacağını yazayım tek tek. Fakat aşağıdaki kodlarla tamamen hatalardan arınıp GTMetrix seo puanı artırma ile ilgili başka işlem yapmanıza gerek kalmayacağını düşünmeyin. Tabii ki yapmanız gerekenler var ama yazı sonundaki kodlar sayesinde benim GTMetrix seo puanı artırmakla ilgili endişelerimin büyük kısmı ortadan kalktı. Çünkü iki puan türünde de 85 civarında site :)

GTMetrix PageSpeed Grade Bölümü:

Leverage Browser Caching
Enable Gzip Compression
Specify a Vary: Accept-Encoding header

GTMetrix YSlow Grade Bölümü:

Add Expires Headers

Bunlarla ilgili hata alıyorsanız aşağıdaki kodlar .htaccess dosyanızda yoksa, yazın. Cache özelliği, gzip'in aktifleştirilmesi, dosyaların ne kadar süre önbellekte kalacağına dair bilgilerin eklenmesi, gibi ayarlarla ilgili kodlar var burada. İster işinize yarayacak olanları ekleyin, isterseniz de tek tek upload ederek PageSpeed ve YSlow Grade'lere bakın, ona göre kullanın. Ben şimdi hepsiyle ilgili ayrıntılı açıklama yapmayacağım. Çünkü ben buraya 10 sayfa açıklama yapsam da, biri gelip açıklama kısmında yazmayan şeylerle ilgili bi' dünya soru soracak :D Malum; konu .htaccess dosyası olunca, insanın sordukça sorası geliyor...

Kodlarla ilgili herhangi bir şüpheniz olmasın. Verdiğim tüm kodları ben şu an yazarçizer için kullanıyorum zaten. Dediğim gibi; ister hangi konuda hata alıyorsanız o konu ekleyin, isterseniz de tümünü...

GTMetrix SEO Puanı Artırma .htaccess Düzenlemesi

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*).js$ $1.js.gz [L]
AddType “text/javascript” .js.gz
AddEncoding gzip .gz

ExpiresActive On
ExpiresDefault A1209600
ExpiresByType image/gif A2419200
ExpiresByType image/png A2419200
ExpiresByType image/jpeg A2419200
ExpiresByType image/x-icon A2419200
ExpiresByType application/x-javascript A2419200
ExpiresByType application/x-shockwave-flash A604800
ExpiresByType text/css A2419200
ExpiresByType text/plain A1209600
ExpiresByType image/x-icon A2592000
ExpiresByType text/html A86400

FileETag MTime Size

ExpiresDefault A2419200
Header append Cache-Control “public”

Header set Cache-Control "max-age=1209600, must-revalidate"

Header append Vary Accept-Encoding

SetOutputFilter DEFLATE

# END WordPress

Yukarıda yazanların haricinde de hem Google Page Speed hem de GTMetrix seo puanı artırma işlemlerini gerçekleştirebilirsiniz. Ama şu an ıncığını cıncığını inceleyemiyorum ve GTMetrix seo puanı artırma ile ilgili hangi hataların tamamen ortadan kalktığını yazamıyorum ayrıntılı olarak. Çok zamanım olmadığı ve birçok webmaster bu konuda derinlemesine araştırma yaptığı için yardımcı olabilme umuduyla yazdım. Ne olduğunu bilmediğiniz kodları bana sorun, söyleyeyim öyle ekleyin olmazsa...

Yazıyı ya sosyal ağ hesaplarınızda paylaşarak pek çok kişinin faydalanmasına yardım edebilirsiniz. Dediğim gibi; kodlar öyle lüzumsuz boş falan değil :) Günlerce uğraştım ben bunları bulmak için :D

Yusuf Çakmak yazdı:

Cevapla

Teşekkür faydalı bir yazı olmuş,eline sağlık.

Abdullah Pehlivan yazdı:

Cevapla

Rica ederim. Talep gelirse GTMetrix puanı artırmayla ilgili bir veya birkaç yazı daha yazmayı düşünüyorum :)

Hasan yazdı:

Hata veriyor. Yukarıdaki kodların bir benzerini kullanıyorum. Sorun yok.

Abdullah Pehlivan yazdı:

Cevapla

Kodlarda ekleme ve çıkarma yaptım :) Şu an yazanları kullanabilirsiniz. Bu sitede de aynı kodlar bulunuyor ve hata vermiyor. Orjinal kodlar -neden bilmiyorum- Internal Server hatası vermeye başlamış. Fakat standart olan kodlar yani herkes tarafından doğru bilinen bir satır kod yüzünden sorun olmuş. Değiştirdim hata veren satırı da... :)

mehmet yazdı:

kodlar için çok teşekkür ederim GTMetrix seo puanım 59'dan 88'e çıktı, çok sağol :)

Süha Mete yazdı:

Talep var abdullah bey :D devam ederseniz sevinirim özellikle .htaccess i daha iyi yapma konusunda :)

Abdullah Pehlivan yazdı:

Cevapla

Bu arada ETag için gerekli kod sanırım yazı içerisinde yok. Bunun için aşağıdaki kodu .htaccess'e ekleyebilirsiniz:

FileETag MTime Size

Bu kadar :)
- Batur yazdı:
  
  Cevapla
  
  Yazıyı düzenleyemiyor musun?
  
  Abdullah Pehlivan yazdı:
  
  Cevapla
  
  Düzenledim :)

Burada daha az yorum var burdan devam edelim lütfen :) peki ben bir mesaj göndereyim sunucu sağlayıcıma. ayrıca w3 total cache problemimden bahsetmiştim copy paste yapmayayım o sorunumla ilgili ne önerirsiniz?

Abdullah Pehlivan yazdı:

Cevapla

Sorunu eklentiyi aktifleştirir aktifleşmez mi alıyorsunuz? Yoksa aktifleştirdikten sonra ayarları yapıp mı kontrol ediyorsunuz? Bence aktifleşirdikten hemen sonra almıyorsanız, teker teker resimlerdeki ayarları yapıp siteyi inceleyin. 500 hatası verme sebebini bulun. Yok; eklentiyi aktifleştirdiğiniz an direkt olarak 500 hatası alıyorsanız, aklıma birşey gelmiyor :)

Bu sorunu yaşayan bir kişi "Browser Cache" özelliğini kapatmış, sorun çözülmüş.

Bir başkası da .htaccess dosyasında aşağıdaki satırları silmiş ve problem ortadan kalkmış.

Header append Vary User-Agent env=!dont-vary

Bunları bi' deneyin isterseniz :)
- Süha Mete yazdı:
  
  Cevapla
  
  başlayayım anlatmaya şuan sitemde öyle bir sorun yok çünkü inaktif w3tc . Ancak pagespeed de düştü dediğiniz gibi zararı da olmadı yararı da olmadı.Ama w3tc ile site daha iyi.eklenti aktiften siteme girebiliyorum ancak herhangi bir yazıya giremiyorum bütün yazılarda 500... hatası alıyordum.sorunun bu eklentide olduğunu buldum belli çözümleri denedim .htaccess olsun browser cache i kapatma olsun ancak başarılı olamadım.şuan aktif mesela kontrol amaçlı int exp.dan girdim 500.. hatasını aldım :D ayrıca su etag kodunu .htaccess dosyamızın neresine ekleyeceğiz ?
  
  Abdullah Pehlivan yazdı:
  
  Cevapla
  
  500 konusunda aklıma başka bir fikir gelmiyor o zaman :) etag kodunu da .htaccess'te
  
  # END WordPress
  
  yazan yerin bir üst satırına ekleyebilirsiniz.
  
  Süha Mete yazdı:
  
  Cevapla
  
  Lütfen biriyle konuşturun bari :D şuanki gtmetrix puanlarıma ve açılış süreme bakar mısınız onlarca makale yazı eklesem yavaşlar anca.browser cache ile expires headers kaldı onları da halledeceğim inşallah.ancak yazılarıma kimse giremezken bu kadar hızlı açılmaz websitem ve seo puanı düşer.

barin yazdı:

gtmetrix hataları ile ilgili makaleniz olacak mı?

Abdullah Pehlivan yazdı:

Cevapla

Bu makalede hataların büyük bir bölümü yer alıyor. Anlatımını istedikleriniz hataları yazın isterseniz, elimden geldiğinde çözümlerine değineyim bir sonraki yazımda...

teşekkür ederim mesela sitemin thumb boyutlarına göre resmimi ayarlıyorum fakat optimize hatası veriyor tekrar =( ve en önemlisi sprite olayını yapamadım

Abdullah Pehlivan yazdı:

Cevapla

Optimizasyonla resim boyutu farklı şeyler... Yanlış hatırlamıyorsam GTMetrix'teki resim optimizasyonu hatasını verdiğinde, ilgili hatanın açıklama kısmında her resmin bir de optimize edilmiş halinin linki yer alıyor. Tıklayıp indirip upload ederek bu sorundan kurtulabilirsiniz.

Eğer GT Metrix'teki hatayı resim optimizasyonu değil de boyutla ilgili olarak alıyorsanız yapmanız gereken, kodlara height ve weight etiketleri eklemek...

Bir diğer çözüm yolu da; siteniz wordpress ise Wp Smush.It adlı eklentiyi kullanmak. Bu eklenti sitedeki resimleri optimize ediyor. Yalnız sadece yazı içinde kullanılan resimleri optimize eder. Temada kullanılan resimleri optimize etmek için http://www.yazarcizer.net/wordpress-resim-optimizasyonu-eklentisi/ bu konudaki anlatılanları yapabilirsiniz. Resim optimizasyonu ile ilgili pek çok bilgi var yazıda...

Css Sprite ise öyle ayrıntısıyla anlatılıp kolayca yapılabilecek birşey değil. http://m.r10.net/css-sprite/ adresi bu konuda bulabileceğini z en kapsamlı ve açıklayıcı kaynak olabilir. İsterseniz siteyi inceleyin, oradaki bilgiler doğrultusunda yapmaya çalışın. Ama css ve photoshop bilginiz olması gerektiğini de unutmayın sprite işlemi için...

oguzhan yazdı:

Merhaba
htaccess dosyasına sitem yapım aşamasında oldugu için aşağıdaki kodu ekledim. Bu aşamadayken siteye girenlerin yapım aşamasında sayfasına gitmesi istiyorum. Bununu için ne yapmalaıyım

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Access Control"
AuthType Basic
order deny,allow
deny from all #IP address to Whitelist
allow from 85.108.174.27

Diğer bir sorum. Siteme bu aralar bir çok saldırı ve atak var. Site güvenliği açısından güvenlik ile ilgili bir plugin eklememiz gereklimi bu ayalrarı kendimiz htacces dosyasına gerekli ayarları yaparak çözmmeiz kesin çözümmüdür.

Wp better securty kullanırsak bu plugini ayrıntılı anlatan bir bilgi biliyormusunuz.

Diğer başka bir sorumi e -commerce wordpress sitelerinde güvenlik önlemlerini nasıl olmalı. Bunun için 3 oard bir ücretli bir program varmıdır.

Şimdiden teşekkürler. KİB

Abdullah Pehlivan yazdı:

Cevapla

Tam anlamadım sanırım istediğiniz şeyi ama

RewriteEngine On

RewriteRule ^(.*)$ http://www.yazarcizer.net/ [R=301,L]

kodlarını .htaccess'e ekleyerek 301 yönlendirmesi yapabilirsiniz. Koyu punto yerine yapım aşaması sayfasının URL'sini yazın.

Better WP Security eklentisinin ayrıntılı olarak anlatıldığı bir yer bilmiyorum. Benim de kullandığım ve çok yararını gördüğüm bir eklenti. Aslında eklentinin karışık bir yanı yok fazla... Zaten genel itibariyle Türkçe olduğu için, madde madde okuyarak ilerleyip 1 saat kadar zaman harcayarak tüm ayarlarını yapabilirsiniz. Bizim sitemize de sürekli saldırı oluyor, panele Brute Force yapıldığı oluyor ama aynı IP'den maksimum 2 defa yanlış girişe izin veriyoruz. Bu sayede sunucu normale oranla çok daha rahat oluyor. Eklentiden korkmayın bence, ayarlarını kendiniz yapabilirsiniz. Takıldığınız yer olursa da yardımcı olmaya çalışırım. Hatta kısmet olursa onunla ilgili resimli anlatım içeren bir yazı yazayım ben bugün yarın... :)

kayıtlı user şifresi yada passswordunu defalarca yanlış girebilir. Bu kullanıcıyı belli bir zaman bloklamak olmaz sanırım. Bu durumda tedbir ne olmalı sizce

Abdullah Pehlivan yazdı:

Cevapla

Giriş paneline not koyabilirsiniz aslında "3 defa yanlış şifre girerseniz şu kadar zaman sisteme giriş yapılamaz" gibisinden. Birçok forum sitesinde bu uyarı bulunuyor zaten. Yani böyle yapmanızın bir mahzuru olmaz bence. Ama illa farklı bir yol düşünürseniz aklıma bir şey gelmiyor açıkçası...

Veysel yazdı:

Hocam Heralde bu .htaccess beni sevmedi verdiğiniz kodları ekledim bir yerlere lakin gtmetrixde halen Leverage browser caching bölümünde bir sürü resim çıkıyor ve yanlarında (1 hour) yazıyor size benim .htaccess ide atıyım . bu arada wordpresse bide W3 Total Cache kurdum ama nafile

# BEGIN W3TC Browser Cache

Header append Vary User-Agent env=!dont-vary

AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json

# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml

# END W3TC Browser Cache
# BEGIN W3TC Page Cache core

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteRule .* - [E=W3TC_ENC:_gzip]
RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} =""
RewriteCond %{REQUEST_URI} /$
RewriteCond %{HTTP_COOKIE} !(comment_author|wp-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index.html%{ENV:W3TC_ENC}" -f
RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index.html%{ENV:W3TC_ENC}" [L]

# END W3TC Page Cache core
# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

ExpiresActive On
############################################
## Add default Expires header
## http://developer.yahoo.com/performance/rules.html#expires

ExpiresDefault "access plus 1 year"

# END WordPress

Özcan yazdı:

bu kodları ekliyorum 500 server hatasi aliyorum sorun ne olabilir..

Abdullah Pehlivan yazdı:

Cevapla

Mevcut durumda .htaccess dosyanızda yer alan kodlardan bir veya birkaçı ile çakışan kodlar vardır muhtemelen hocam.

izmir çiçek yazdı:

bunların basit yorumu yokmu bu kadar anlamıyoruz .. acemiler ne kadarını yapar!

Mert Erikçi yazdı:

Hocam merhabalar ben bootstrap altyapısını kullanarak tasarım yapıyorum bendede gmetrix sonucunda bu hatalar var ama siz wordpress e uygun htaccess içeriği vermişsiniz wordpress olmayanlar nasıl düzeltecek birde benim hosting windows platformunda bunda nasıl yapabiliyoruz acaba...