Eğer web tasarım işi ile uğraşıyorsanız bu yazım sizi ilgilendiriyor. Çünkü yıllardır yararlandığım, işimi kolaylaştıran, sorunları tespit edip daha kolay çözmemizi sağlayan faydalı bağlantılar ve araçları sizlerle paylaşıyorum. Örneğin bir tanesi png ve jpg dosyalarını ufaltarak trafikten kazanmanızı, sitenizin biraz daha hızlanmasını sağlarken, başka birisi sitenizin farklı mobil cihazlarda nasıl göründüğünü gösteriyor. Gelin lafı uzatmadan paylaşıma geçelim.
Web Tasarım ile Uğraşanlar için Faydalı Araçlar
1) Google PageSpeed İnsights
Google amcamızın harika hizmeti. Sitemizi baştan sona analiz ediyor ve daha güzel olması, daha hızlı olması için önerilerde bulunuyor. Bazı önerilerini istesek de yerine getiremediğimiz oluyor ama genel itibari ile sitenizi güçlendirmek için harika bir araç.
https://developers.google.com/speed/pagespeed/insights/
>> Ücretsiz Resim Boyutlandırma ve Sıkıştırma
2) MobileTest.me
Çok sık kullandığım ikinci faydalı bağlantı ve yararlı araç. Web sitenizin anlık olarak mobil cihazlarda nasıl göründüğünü görebiliyorsunuz ve sunduğu sonuçlar gerçek sonuçlara çok yakın. Düzenlemelerinizi yapın ve F5 ile sayfa tazeleyin. Yaptığınız değişikliğin sonucunu farklı ekranlardan, telefon veya tablet bilgisayara bağlı kalmadan takip edebilirsiniz.
http://mobiletest.me/
Temmuz 2015: Mobiletest.me arada saçmalayabiliyor. Alternatif olarak aşağıdaki Chrome eklentisini kullanabilirsiniz.
>> Web Tasarım İçin Chrome Mobil Tema Test Eklentisi
3) W3C Markup Validator
Sitenizde kullanılan kodların ne kadar doğru olduğunu ve kodlama hatalarını gösteren bir araç. Bazı durumlarda kod hatalarına göz yummak zorunda kalsak da bu araç sayesinde gözümüzden kaçan detayları, hataları yakalayabiliyoruz.
http://validator.w3.org/
4) TinyPng
Hem png hemde jpg uzantılı resim dosyalarını ufaltan başarılı bir araç. Png’de daha başarılı olduğunu söyleyebilirim ve bu araç sayesinde sitenizin hem trafiğinden hemde hızından baya fayda sağlayabilirsiniz.
https://tinypng.com/
5) GTmetrix
Web sitenizin hızını analiz eden ve sorunları gösteren bir başka ücretsiz araç. Google’un aracı kadar iyi olmasa da bazı durumlarda ikinci bir aracın olması gayet iyi.
https://gtmetrix.com/
6) Base64 Decode&Encode
Bazı şablonlardaki kodları Base64 şifrelemeniz yada şifreli olanları çözüm düzenleme yapmanız gerekebilir. Bu durumlarda kullanabileceğiniz güvenilir bağlantı..
https://www.base64encode.org/
7) Ücretsiz Apk Oluşturucu
Android cihazlar için ücretsiz apk dosyaları oluşturabileceğiniz faydalı bir site. İsterseniz web siteniz için uygulama oluşturun, isterseniz Youtube kanalınız için.
https://www.appsgeyser.com//
8) TimestampConvert.com
Tarih gösterilen şablonların bazılarında yada sql içerisindeki timestamp formatlı tarih çözümlerinde gayet kullanışlı bir site.
http://www.timestampconvert.com/
9) Twitter Kart Oluşturucu
Twitter’da paylaşılan bağlantılarınızın aynı büyük haber sitelerinde göründüğü gibi detaylı olmasını sağlayabilirsiniz. İşte bunu yapmanın yolu Twitter kart oluşturucudan geçiyor. Bağlantınızı girin, düzenlemeleri yapın ve size verilen kodları sitenizin Header kodlarına ekleyin.
https://cards-dev.twitter.com/validator
10) Javascript Kod Sıkıştırıcı
Sitenizin hızını etkileyenlerden birisi olan Js dosyalarını bu araç sayesinde sıkıştırıp yerden tasarruf edebilir ve az da olsa sitenizi hızlandırabilirsiniz. (İsterseniz js kodlarını base64 şifreleyebiliyorda.)
http://javascriptcompressor.com/
11) MX Toolbox
Mail trafiği için önemli bir adım olan mx ayarlarının doğruluğunu kontrol edebileceğiniz faydalı bir bağlantı.
https://mxtoolbox.com/
12) Yandex360 (Yandex Mail)
Mx demişken ve mail demişken araya sıkıştıralım. Ücretsiz mail host arayanlar için ücretsiz en iyi alternatif.
https://360.yandex.com/business/tariff
13) Unshort.me
Web işleri ile uğraşırken birçok sitede aramalar yapıyor, dosyalar indiriyoruz. Yani bilmediğimiz birçok linke de tıklayarak riske giriyoruz. İşte bu araç da bizleri gizli bağlantılardan korumaya yarıyor. Kısaltılmış url’yi tıklamadan kopyalıyor ve yönleneceğimiz gerçek adresi açık açık görüyoruz.
https://unshorten.it/
14) VirusTotal
Herhangi bir url’yi virüslere karşı tarayan ve bağlantıda virüs bulunup bulunmadığını bildiren bir araç. Tarama için url sekmesine geçiyor ve taranacak adresi yazıyorsunuz. Tarama işlemide bir tane değil 20’den fazla araç ile yapılıyor. Bu araçlar arasında Kaspersky, Bitdefender, Avira, Eset, Dr. Web’de var.
https://www.virustotal.com
15) Css Compress
Yukarıda js dosyaları için bir araç paylaşmıştım, bu da css için. Css dosyalarımızdaki kodları sıkıştırmamızı ve css dosyalarının boyutunun küçülmesini sağlıyor. Ancak şöyle bir durum var ki; css dosyaları sıkıştırıldığında kodlar akraba oluyor, bazı sitelerde bu sıkıştırma sonucu sorunlar çıkabiliyor veya düzenleme yaparken kodların başını/sonunu bulmakta zorlanabiliyorsunuz. Bu sebeple bu aracı kullanırken dikkatli olmakda yarar var.
https://csscompressor.com/
16) Sitemap Oluşturucu
Otomatik sitemap oluşturan özel bir script kullanmıyorsanız işinize yarayacak bir başka araç. Site üzerinden ücretsiz site haritası oluşturabilir ve bu site haritasını arama motorları için kullanabilirsiniz.
https://www.xml-sitemaps.com/
Unuttuğum faydaları araçlar, bağlantılar varsa yada benim bilmediğim sizin kullandığınız güvenilir, yararlı araçlar varsa yazı altından yorum olarak gönderebilirsiniz. Paylaştıklarım inşallah işinize yarar.
17) Google Toolbox
Mxtoolbox sitesi işinize yaramazsa mx kontrolü için bu aracıda kullanabilirsiniz.
https://toolbox.googleapps.com/apps/checkmx/
18) Google Mobile Tester
Sitenizin mobil uyumluluğunu test etmenizi sağlayan bir araç.
https://testmysite.withgoogle.com/intl/tr-tr
19) Htaccess to Nginx Converter
Sunucusunda sadece nginx kullananların htaccess kodlarını nginx uyumlu hale getirmesini sağlayan bir araç.
http://winginx.com/en/htaccess
20) Linux Server Monitor
Web sitelerinizi, sunucularınızı belirlediğiniz sürelerde sürekli takip eden ve olası hatalarda sesli olarak haber veren başarılı bir uygulama.
https://play.google.com/store/apps/details?id=com.miranda.servermonitor
21) Ssl Shopper
Ssl sertifikası tanımlı web sitelerinin ssl sorunlarını kontrol eden ücretsiz bir araç. Eğer taranan sitede bir ssl sorunu yoksa sonuç sayfasında tüm sonuçlar yeşil renkli simgeler ile sunuluyor.
https://www.sslshopper.com
22) Seobility.Net
Bu web sitesi üzerinden web sitenizin, sayfalarınızın seo skorunu ve hatalarınızı görebilirsiniz.
https://freetools.seobility.net/en/seocheck
23) Geekflare.Com
Bu web sitesindeki araçları kullanarak güvenlikten performansa bir çok alanda sitenizi test edebilirsiniz.
https://geekflare.com/tools/toolbox
24) Yapısal Veri Test Aracı
Google’a ait bu araç ile sitenizde kullanılan yapısal veri doğruluğunu test edebilir, eksiklerinizi görebilirsiniz.
https://search.google.com/structured-data/testing-tool
25) Google Search Console
Google’a ait bu araç ile siteniz ve url’lerinizdeki kodlama hatalarını, erişim sorunlarını görebilirsiniz.
https://search.google.com/search-console
26) Gzip Test
Bu site üzerinden sitenizde Gzip sıkıştırmanın aktif olup olmadığını görebilirsiniz. Gzip sıkıştırmanın aktif olması sitenizin hızı açısından çok önemlidir.
https://www.giftofspeed.com/gzip-test/
27) SSL Server Test
Bu site sayesinde sitenizin ssl skorunu öğrenebilirsiniz. Eğer sonuç A çıkarsa, güvenliğiniz üst düzey demektir.
https://www.ssllabs.com/ssltest/index.html
28) Seo Tools
Birden fazla seo aracını ücret ödemeden kullanabileceğiniz yararlı bir başka site.
https://seositecheckup.com/tools
29) Nofollow Dofollow Link Checker
Sitenizde, sayfalarınızda yer alan dış bağlantıların dofollow mu yoksa nofollow mu olduğunu kontrol etmeye yarayan bir site.
https://www.coderduck.com/link-analyzer-tool
30) Keyword Rank Checker
Web sitenizin Google aramalarında hangi kelimede kaçıncı sırada çıktığını öğrenebileceğiniz yararlı bir site.
https://rankfinder.eu/
31) Text Compare!
İki php dosyası arasındaki ufak tefek kod farklarını mı bulmak istiyorsunuz? İşte harika bir site, harika bir araç.
https://text-compare.com/
32) Meta Tags
Web sitenizdeki içeriğin başlık ve meta description kontrolünü yapan, sayfalarınızın aramalarda nasıl görüneceğini önizleyen ve isterseniz her sayfa için otomatik meta verilerini oluşturup kullanmanız için sunan bir araç.
https://metatags.io/
33) Core Web Vitals
Son dönemde Google amcanın çok önemsediği cls (kümülatif düzen kayması) durumunu sayfalarınız için raporlayan Google aracı.
https://search.google.com/search-console/core-web-vitals
Birde bunun Chrome eklentisi var, bu araç ile her sayfanızdaki cls, fid ve lcp değerlerini kontrol etmenize yardımcı olacaktır.
https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma
34) Pexels.com
Web sitelerinde kullanmak için ücretsiz görseller bulabileceğiniz harika bir shutterstock alternatifi.
>> Kolaycılar için Faydalı Facebook Bağlantıları
>> RGB Renk Kodlarını, CMYK, Hex Formatına Dönüştürme
>> Bloglar ve Web Siteleri İçin Twitter Araçları
>> Ücretsiz Backlink Kontrol Siteleri