Thread Rating:
  • 4 Vote(s) - 3 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Web Tasarım ile Uğraşanlar için Faydalı Linkler Bağlantılar
#1
Oku-1 
   

Web Tasarım ile Uğraşanlar için Faydalı Linkler Bağlantılar


Eğer web tasarım işi ile amatör dahi olsa uğraşıyorsanız bu yazım sizi ilgilendiriyor. Çünkü yıllardır yararlandığım, işimizi kolaylaştıran, sorunları tespit edip daha kolay çözmemizi sağlayan faydalı siteleri 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.

1. Numara: 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/

2. Numara: 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.

https://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. Numara: 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.

https://validator.w3.org/

4. Numara: 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. Numara: 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. Numara: 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. Numara: Ü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. Numara: TimestampConvert.com

Tarih gösterilen şablonların bazılarında yada sql içerisindeki timestamp formatlı tarih çözümlerinde gayet kullanışlı bir site.

https://www.timestampconvert.com/

9. Numara: 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. Numara: 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.)

https://javascriptcompressor.com/

11. Numara: 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. Numara: 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://kurum.yandex.com.tr/domains_add/

13. Numara: 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. Numara: 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. Numara: 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. Numara: 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. Numara: Google Toolbox

Mxtoolbox sitesi işinize yaramazsa mx kontrolü için bu aracıda kullanabilirsiniz.

https://toolbox.googleapps.com/apps/checkmx/

18. Numara: Google Mobile Tester

Sitenizin mobil uyumluluğunu test etmenizi sağlayan bir araç.

https://testmysite.withgoogle.com/intl/tr-tr

19. Numara: Htaccess to Nginx Converter

Sunucusunda sadece nginx kullananların htaccess kodlarını nginx uyumlu hale getirmesini sağlayan bir araç.

https://winginx.com/en/htaccess

20. Numara: Server & Website 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/detai...vermonitor

21. Numara: Sonar

Microsoft’a ait olduğu söylenen açık kaynaklı test aracı. Sonar ile web sitenizin performans ve güvenliğini test edebilirsiniz.

https://sonarwhal.com/scanner/

Kolaycılar için Faydalı Facebook Bağlantıları

Facebook çok geniş kapsamlı bir hale geldi. Sayfa açabiliyorsunuz, grup kurabiliyorsunuz gruplara etkinlikler, resimler, videolar ekleyebiliyorsunuz vs.. Daha sonra url sistemi geldi, üyeler kendi isimlerine kullanıcı url’si alabiliyor.. Profil tanıtım kartı oluşturabiliyor vs.

Ancak bu bağlantıları bulmak biraz zor olabiliyor. Bu bağlantıları benimde işime yaradıkları için buraya yazmak ve el altında toplamak istiyorum..

Başlayalım..

Hayran sayfası açmak için tıklanacak bağlantı:

https://www.facebook.com/pages/create.php

Profil kartı oluşturma bağlantısı:

https://www.facebook.com/badges/

Facebook adınıza url (username) kayıt ettirme bağlantısı:

https://www.facebook.com/username/

Sitelerinize beğen butonu kodu oluşturmak için:

https://developers.facebook.com/docs/plu...ike-button

Sitelerinize hayran kutusu eklemek için:

https://developers.facebook.com/docs/plu...age-plugin

Ücretsiz Backlink Kontrol Siteleri

Backlink nedir? Wikipedia abimiz güzelce açıklamış.  “Backlink bir sitenin başka bir siteye vermiş olduğu, ana sayfasında veya herhangi bir sayfasında bannerinin veya text linkinin bulunması durumunda Pagerank değerinin yükselmesi için önemli olan bir link sistemidir.

Daha geniş açıklamak gerekirse; siteniz herhangi bir toplist veya siteye eklendiği zaman Google arama motorlarında link:www.siteadi.com şeklinde arattığınızda karşınıza çıkan listelerin çok olması, sizin backlink’inizi kuvvetlendirir. Ve Google’da her aramada başa doğru çıkmanıza yarar.

Arama motorlarının birinci mantığı şudur: bir siteye başka bir siteye link veriyorsa demek ki bu site iyi bir sitedir, kötü olan bir siteye kimse link vermez.

Peki backlink’lerimizi nereden göreceğiz?

İşte size backlink’lere bakabileceğiniz siteler;

https://majestic.com/
https://www.ranksignals.com/
https://www.seo-united.de/backlink-checker/

kontrol edilecek domain kutusuna https://www. koymadan yazmayın, yoksa sonuç vermiyor..

Şimdilik bu siteler işinizi görür en azından eklentiler programlar ile uğraşmadan arada bir bu sitelerden backlink durumunuza bakabilirsiniz.



-----Kaynak--------

lordiz

--------------------
Etiketler : Web Tasarım, ile Uğraşanlar için, Faydalı Linkler, Faydalı Bağlantılar,Tasarimcilar için,webmasterler için,acemi web masterler için,amatör webmasterler için,





Signing of RasitTunca
[Image: attachment.php?aid=107929]
Kar©glan Başağaçlı Raşit Tunca
Smileys-2
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)