SEO, Web Tasarım, Kodlama ve Wordpress ile ilgili yazılar | Aykan Burçak

CSS ile gradient yazı rengi verme

aykanburcak — Wed, 15 Jul 2020 07:23:00 +0000

Adam Arglye’ın hazırladığı aşağıdaki örnekte de olduğu gibi -webkit-background-clip selector’ı ile siz de CSS ile sayfanızdaki textlere gradient renk verebilirsiniz.

See the Pen
CSS Gradient Text by Adam Argyle (@argyleink)
on CodePen.

CSS ile gradient yazı rengi verme yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

Google arama sonuçları için karakter sınırını yükseltiyor

aykanburcak — Fri, 13 May 2016 19:17:31 +0000

Google arama sonuçları için oldukça radikal bir değişikliğe imza atmak üzere…

Siege Media kurucusu Ross Hudgens’ın aşağıdaki tweet’i ile gördüğümüz şekilde, Google arama sonuçlarındaki title ve description alanlarının karakter sınırlarını yükseltmeye hazırlanıyor.

Long title tags being tested again in the SERPs. Seeing 69 and 70 character results today. pic.twitter.com/esiKTctV96

— Ross Hudgens (@RossHudgens) 6 Mayıs 2016

Yukarıda da göreceğiniz gibi title uzunluğu yaklaşık 70 karaktere, description uzunluğu da neredeyse 250 karaktere çıkmış durumda ki bu gerçekten önemli bir değişiklik.

Şu ana kadar yaptığım Türkçe aramalarda bu sonuçlara rastlamadım ama tetikteyim 😉

Google arama sonuçları için karakter sınırını yükseltiyor yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

Google’dan Page Analytics Chrome Eklentisi

aykanburcak — Mon, 18 Apr 2016 15:05:35 +0000

Kullanıcı deneyimi (UX) internet dünyasında son yılların yükselen trendi ve bence de SEO‘nun geleceği tamamen UX üzerine olacak.

Sonuçta düz bir mantıkla düşünecek olursak, kullanıcıların iyi vakit geçirmediği, aradığını bulamadığı, sayfayı hızlı terkettiği sitelerin üst sıralarda çıkması da oldukça saçma…

Bu yüzden sayfa analizi yapan toollar da daha yaygın kullanılacak. Ben de bu toollardan bir tanesini incelemişken yazayım istedim.

Öncelikle eklentiyi Chrome’a eklemek için Webstore’da şu adrese gidin.

Eklentiyi ekledikten sonra Chrome’da sağ üstte eklentinin ikonunu göreceksiniz.

İkona tıklayarak eklentiyi kapalı veya açık konuma getirebilirsiniz.

Eklentiyi açtıktan sonra Analytics hesabınızın aktif olduğu ve verileri görebilmek için yetkilerinizin olduğu herhangi bir web sayfasına gidin. (Burası önemli çünkü eklenti yorumlarında gördüğüm kadarıyla bazı arkadaşlar örneğin facebook’a girip eklentinin çalışmadığını söylemişler. Facebook’un analytics hesabında yetkisi olmadığına göre bu arkadaşın verileri de görmesi saçma öyle değil mi 🙂 )

Web sayfasını açtığınızda eklenti de eğer aktif ise şu şekilde bir sayfa göreceksiniz.

Gördüğünüz gibi sayfanın üst kısmında o sayfa ile ilgili verilerin olduğu bir bar geldi. Bu barda Sayfa Gösterimi, Sayfada Kalma Süresi, Hemen Çıkma Oranı gibi verileri görebiliyorsunuz.

Eklentinin en güzel yanı da aşağıda gördüğünüz gibi sayfadaki linklerin yanında o linkin kaç kere tıklandığını göstermesi. Bu sayede sayfanızla ilgili tasarımsal kararları artık daha net ve bir veriye dayanarak verebilirsiniz.

Örneğin benim sitemde sağ üst kısımdaki “Bana Ulaşın” linkine nerdeyse kimse tıklamamış. İnsanlar bana ulaşmak mı istemiyor acaba? 🙂 diye düşünebilirim fakat gördüğüm kadarıyla ana menüdeki “İletişim” linki iyi bir tıklanma oranına sahip. Bu düşünceyle sağ üstteki bu linki kaldırıp yerine başka bir şey koyabilirim ya da burayı yanına ikon vs koyup biraz daha hareketlendirebilirim.

Neyse ben biraz düşüneyim, siz de eklentiyi inceleyin yorumlarınızı da paylaşırsanız sevinirim 😉

Google’dan Page Analytics Chrome Eklentisi yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

WordPress sitem hacklendi! Ne yapmalıyım?

aykanburcak — Thu, 14 Apr 2016 11:34:10 +0000

Bir internet sitesi sahibi için web sitesinin hacklenmesi başından aşağıya kaynar su dökülmesi ile eşdeğer.

Yazıya başlarken aslında şu konuya değinme gereği duyuyorum. Yazılım dünyasına müşteri veya developer olarak yeni adım atan kişilerden duyduğum “WordPress güvenlik açısından zayıf”, “WordPress’in hacklenme olasılığı daha yüksek”, “WordPress iğranç :)” tarzı yorumlar karşısında şunu belirtmek isterim ki her web sitesi hacklenebilir.

WordPress sitelerin daha çok hacklendiğini düşünmenizin nedeni, WordPress sitelerin sayıca çok olmasıdır.

Şöyle düşünün, yıllardır üzerinde yüzlerce insanın çalıştığı, milyonlarca insan tarafından kullanılan ve doğal olarak aynı milyonlarca kişi tarafından test edilen bir sistemin, küçük ekipler tarafından geliştirilen sistemlerden daha geride olma ihtimali mümkün müdür?

Bence değildir.

Bu yüzden WordPress siteniz hacklendiğinde buna teknik anlamda hazırlıklı olmalısınız.

Durumu kabullendikten sonra da hacklenmiş sitenizi eski haline döndürebilmek için aşağıdaki maddeleri uygulayabilirsiniz:

Önce sitenizin backup’ını alın ve bu backup işlemini bundan sonrası için Updraft Plus tarzı eklentiler kullanarak düzenli ve otomatik hale getirin.
Sitenizdeki kullanıcıları kontrol edin. Daha önceden görmediğiniz şüpheli bir kullanıcı hesabı açılmış ise bu hesabı silin.
wp-admin ve wp-includes klasörlerini tamamen silin ve yerin WordPress.org’dan indirdiğiniz versiyonlarını koyun.
wp-content/uploads klasörünün içindeki dosyaları kontrol edin. İçinde garip kodlar bulunan .php uzantılı dosyalar varsa bunları silin.
Sitenizin ana dizinindeki php dosyalarını silin (wp-config.php hariç) ve yine WordPress.org’dan indirdiğiniz versiyonları bu dosyalarla değiştirin. Dosyaların listesi şu şekilde:
wp-config.php dosyasını açın ve WordPress.org’dan indirdiğiniz versiyon ile karşılaştırın. Tuhaf görünen herhangi bir kod bloğu varsa silin.
Sitenizdeki tüm kullanıcıların şifrelerini değiştirin. Yeni şifreler tahmin edilmesi zor olsun. Değiştirip 1234 yapmayın yani 🙂
FTP, Cpanel şifrelerinizi değiştirin.
Temanızdaki dosyalarda zararlı kod olup olmadığını kontrol edin. Aşağıda tema güvenlik taraması işlemini yapan bazı eklentiler mevcut:
– Theme Authenticity Checker (TAC)
– Exploit Scanner
– Anti-Malware
Son olarak kullandığınız pluginleri silin ve WordPress.org’dan aynı eklentileri tekrar yükleyip kurun.

WordPress sitem hacklendi! Ne yapmalıyım? yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

Chrome autofill (otomatik doldurma) özelliğini iptal etme

aykanburcak — Tue, 12 Apr 2016 08:43:20 +0000

Şimdi diyeceksiniz ki adamlar ne güzel özellik yapmışlar ben abdulkadirdulkadirogullarindan@gmail.com olan mail adresimi her seferinde oturup yazacak mıyım?

Hayır! Nasıl anlatalım.

Chrome autofill (otomatik doldurma) özelliği bildiğiniz gibi daha önceden kullandığımız bir web sitesine tekrar girdiğimizde, önceki ziyaretimizde doldurduğumuz alanları bizim için dolduruyor. Ancak bu özelliği bazen güvenlik amaçlı olarak iptal etmek isteyebiliyoruz. Kredi kartı alanları, şifre alanları, bazı özel bilgilerin istendiği alanlar gibi yerlerde autofill’i kapatmak gerekiyor ve bu işlem için birkaç yöntem deneyen biri olarak, en düzgün çalışan çözümü aşağıda paylaşmak isterim:


$('.no-autofill').each(function () {
    var input = this;
    var name = $(input).attr('name');
    var id = $(input).attr('id');

    $(input).removeAttr('name');
    $(input).removeAttr('id');

    setTimeout(function () {
        $(input).attr('name', name);
        $(input).attr('id', id);
    }, 1);
});

Yukarıdaki jQuery kodu ile autofill’i kapatmak istediğiniz inputlara “no-autofill” class’ını vermeniz yeterli. Dilerseniz bu class’ın adını da değiştirebilirsiniz. Şu şekilde örnek bir input görelim:

Chrome autofill (otomatik doldurma) özelliğini iptal etme yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

Sosyal medya sitelerinin imaj ölçüleri

aykanburcak — Tue, 15 Dec 2015 11:59:21 +0000

Bu yazıyı okuyan grafik tasarımcılar, sosyal medyacılar büyük ihtimalle yazıyı bookmark olarak ekleyeceklerdir. Çünkü sosyal medya hesapları için görsel hazırlarken her bir sitenin ölçülerinin farklı olması ve bunları da tam olarak bilmemek insanı çileden çıkartır. Son birkaç ay içerisinde de bu sitelerdeki tasarımsal değişimler, kullanıcılar tarafından gönderilen imajların boyutlarını da etkiledi ve güncel bilgileri yayınlamak artık şart oldu.

Jamie Spencer tarafından paylaşılan aşağıdaki infografikte sosyal medya sitelerinin imaj ölçülerini görebilirsiniz.

Sosyal medya sitelerinin imaj ölçüleri yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

Browserların yıllara göre kullanım oranları

aykanburcak — Mon, 14 Dec 2015 08:49:53 +0000

Yazının başlığına bakınca çok sıkıcı, grafiklerin ve rakamların havada uçuşup insanın içini baydığı bir yazı okuyacağınızı düşünebilirsiniz ama öyle değil 🙂

Viktor Bohush isimli abimiz bu ve bunun gibi bir çok konuda terapi tadında çok hoş videolar hazırlamış. Videoda hangi browserın geçen yıllar içerisinde ne kadar pazar payına sahip olduğunu görebilirsiniz. Özellikle Chrome’un Internet Explorer’ı nasıl bir canavar gibi yediğine dikkat…

Browserların yıllara göre kullanım oranları yazısı ilk önce Aykan Burçak üzerinde ortaya çıktı.

Hangi e-posta sağlayıcısı hangi CSS özelliklerini destekliyor

aykanburcak — Thu, 10 Dec 2015 12:56:35 +0000

Güzel bir konuya parmak bastığımı düşünüyorum. Çünkü mail hazırlarken bu konuyu tasarımcının mutlaka aklının bir kenarında tutması gerek.

Örneğin geçenlerde PlayStation’dan bana gelen mailin üst bölümünü inceleyelim.

Bu bölümü kodlarken Renkli oynayın yazan mavi kutucuğun arkasındaki renkli kapaklı PlayStation görselini, CSS’in background-image özelliği ile vermekten başka çareniz yok. Eğer e-posta sağlayıcılarının CSS desteklerini incelemeden bu şekilde kodlamayı yapıp müşterilere maili gönderirseniz, bu maili Outlook 2007/2010/2013’te açanlar bu sağlayıcılar background-image özelliğini desteklemediği için mailin arkaplan rengi neyse onu görecekler. Bu tasarım için bu durum idare edilebilir gibi olsa da bazen yazıyı okunmaz hale getiren sonuçlarla karşılaşılabilir.

Bu yüzden aşağıdaki muhteşem tabloyu mail kodlarken browserınızın bir sekmesinde açık tutun ve şüphe duyduğunuz yerler için gerekli kontrollerinizi mutlaka yapın.

Style Element	Outlook 2007/10/13 +	Outlook 03/Express/Mail	iPhone iOS 7/iPad	Outlook.com	Apple Mail 6.5	Yahoo! Mail	Google Gmail	Android 4 (Gmail) +
Responsive
Responsive	Hayır	Hayır	Evet	Hayır	Evet	Hayır	Hayır	Hayır
Style Element