Web Designer + Full Stack Developer
Photoshop web açıldı ama ücretli. Photoshop web sürümü, Adobe Photoshop uygulamasının sınırlı özellikleriyle photoshop.adobe.com sitesinden giriş yaparak kullanabiliyorsunuz.
Resim boyutlandırma, arka plan silme, yazı ekleme gibi birçok özelliği kullanabiliyorsunuz. Photoshop Web uygulaması, Canva uygulasıyla neredeyse benzer özellikler i barındırıyor.
SEO kelimesi arama motoru optimizasyonu anlamına gelmektedir. İngilizcesi “Search Engine Optimization” olan kelimelerinin baş harflerinden oluşmaktadır.
SEO çalışmaları uzun vadede sonuçlar getiren bir pazarlama tekniğidir. SEO yöntemiyle uzun vadede organik web site trafiğinizi ve internet üzerindeki görünürlüğünüzü artırabilirsiniz. Yine uzun vade de sayfa indekslenme değerleriniz de yükseleceği için web sitenizin de alan adı otoritesi (DA-Domain Rating) zaman içerisinde daha da yükselecektir. Böylelikle arama sorgularında daha fazla ön planda olacaksınızdır.
SEO sayesinde web sitesiniz arama motorlarının kriterleri uyumlu halde çalışır. Böylece web sitesi kaliteye sahip olacağı için arama motorlarının gözünde güven kazanıp daha yüksek sıralara çıkacaktır.
“SEO çalışması nasıl yapılır?” sorusunun cevabı uzun saatler hatta günler alabilir. SEO çalışması çok fazla teknikler ve yöntemler ile yapılmakta ve uzun süreçten geçmektedir. Bu kriterlerin etkileri oldukça farklı oranlardadır.
SEO çalışması bireysel olarak yapılabilir ya da SEO firmaları aracılığı ile de yapılabilmektedir. Burada SEO yapan kişi ya da kişilerin profesyonelliği çok önemlidir.
SEO çalışması site içi optimizasyon ve site dışı optimizasyon olarak 2 farklı aşamadan oluşmaktadır.
“Site İçi Optimizasyon“, web siteniz üzerinde uygulamanız gereken temel teknikleri kapsamaktadır. Aslında birçok SEO uzmanı, işin en önemli kısmının bu noktada olduğunu söyler. Link geliştirme terimini daha önce duymuşsunuzdur.
Link geliştirme ve diğer teknikler tek başına başarı getirmeyebilirler. Kısacası, tüm alt teknikler bir araya gelmeli ve site içi optimizasyonda bir bütünlük sağlanmalıdır.
Site içi optimizasyon, site içi yönlendirme linkleri ile kullanıcıların site üzerinde daha fazla vakit geçirmelerini sağlayabilir ve onları inceledikleri sayfa ya da içerikle ilgili daha farklı içeriklere yönlendirebilirsiniz. Bu da sayfa üzerinde geçirilen süreyi ve kullanıcı başına ziyaret edilen sayfa oranını artıracaktır.
Başlık etiketleri, sayfanızı daha anlaşılır şekilde organize eder. Temel HTML bilgisiyle, başlık etiketleri kavramını kolayca anlayabilirsiniz. Rakiplerinizin rekabet durumuna göre etiket bile içeriklerinizi organize etmeniz için yeterli olabilir. Sayfanın ana başlığı yani H1 Google aramaları için büyük önem taşımaktadır. Ardından önem sırasına göre H2 ve H3… diye devam etmektedir.
Web sitenize resim (görsel, fotoğraf) eklediğinizde mutlaka o görsele uygun isimler ve alt etiketler oluşturmalısınız. Bunu yaparken, doğru anahtar kelimeler kullanmanız gerekmektedir. Böylece, Google’da sadece metin içeriklerinizle değil, görsellerinizle de öne çıkabilirsiniz.
Öncelikle söylemek isterim ki site dışı optimizasyon backlink değildir. Amaç markalaşmaktır. Bir çok yerde reklamınız olursa insanlar sizi tanır. Altın bir kural vardır çok kazanan çok harcar. Google sizin yaptığınız mantıklı harcamalar ile size olan güvenini arttırır.
Backlink bir referanstır. Ne kadar çok kaliteli referansınız olursa, Google’da o kadar başarılı olursunuz. Ama, kazandığınız linklerin de kaliteli sitelerden gelmesine özen göstermelisiniz. Aksi takdirde sitenize gelen alakasız ve spam linkler, Google aramalarından daha geride çıkmanıza hatta tamamen silinmenize bile sebep olabilir.
Sosyal medya kanalları da Google’daki varlığınızı artırmanıza yardımcı olur. Bu yüzden, sosyal medya kanallarınızı aktif olarak kullanmalısınız.
Google artık SSL Sertifikası olmayan siteleri “Güvenli değil” olarak işaretlemekte. Bu yüzden, mutlaka bir SSL sertifikası almalısınız.
Daha önce kaldırmış olduğunuz kullanılmayan sayfalarınız için 404 yönlendirmesi yapın.
Backlink konusunda hedefiniz, doğal linkler olmalıdır. Link satın almak ve benzeri spam davranışları Google tespit eder ve ceza verir. Bu yüzden bu illegal yöntemlerden uzak durmalısınız.
Doğru bir domain (site ismi) Google’daki başarınız için önemlidir. Site ismi belirlerken sektörünüzle ilgili olmasına önem göstermelisiniz.
Sitenize başarı getirecek anahtar kelimeleri belirlerken kullanıcı davranışlarını önemseyin. “Kullanıcı Davranış” kavramı son zamanlarda adını en sık duyduğumuz SEO terimlerindendir. Kullanıcılar sizi hangi anahtar kelimelerle arıyor. Sitenizde en çok hangi sayfalarda daha fazla vakit geçiriyorlar. Bunları bilirseniz, daha başarılı bir anahtar kelime stratejisi yürütebilirsiniz.
Sitenizi oluştururken site mimarisine ve URL yapısına da dikkat etmelisiniz. Zaman içerisinde URL’lerinizi değiştirmeniz, düzenlemeniz gerekebilir. Bu yüzden site mimarisini en baştan doğru planlayarak kurmalısınız.
“Schema & Markup” şema işaretleme, Google’a sitenizi daha doğru tanıması için yardımcı olur. Google’da üst sıralara yükselmeniz için direkt bir katkısı olmasa da, listelemelerde daha çok fazla yer alırsınız. Bu da, siteniz için dolaylı da olsa artı puan anlamına geliyor.
Konu SEO olduğunda, her bir tekniği tüm detaylarıyla tek bir makalede vermek elbette mümkün değil. Ama bu temel teknikleri hayata geçirdiğinizde, doğru bir başlangıç yapmış olacaksınız.
Son zamanlarda WordPress’te Xml-Rpc nin devre dışı bırakılması oldukça fazla konuşulmaktadır. Xml-Rpc, api arayüzüdür aslında. Xml-Rpc nin görevi API yoluyla diğer uygulamalar üzerinden gönderi yayınlama, gönderi düzenleme, gönderi silme, dosya yükleme yorum listesi alma ve yorum düzenleme işlemleri yapılabilmektedir.
Okumaya devam et “WordPress’te XML-RPC’yi Devre Dışı Bırakmalı mıyız?”
Charts.css, modern bir CSS çerçevesidir. HTML öğelerini grafikler olarak biçimlendirmek için CSS yardımcı program sınıflarını kullanır. Grafik, çizgi, pie vb grafikler kolaylıkla oluşturabilir.
SEO danışmanlığı, web sitenizin arama motorları sıralamalarında ilk sayfada çıkması için yapılan tüm işlemleri kapsamaktadır.
Firmanızın web sitesinin arama motorlarında üst seviyelerde çıkması, doğru müşteri kitlenize en hızlı ve en ekonomik yoldan ulaşmanız anlamına gelir. Türkçe’de “arama motoru optimizasyonu” olarak geçen SEO hizmeti, web sitenizdeki içeriklerin Google’ın gelişmiş algoritmaları doğrultusunda iyileştirilme sürecidir. SEO optimizasyon çalışmaları yapıldıktan sonra, Google botları web sitenizi tarar ve içeriğini tam olarak anladıktan sonra, sitenize bir puan (değer) verir. Bu puana göre hedeflenen anahtar kelimeler ile Google arama sayfalarında çıkmaya başlanır.
SSL (Secure Socket Layer) web sunucusuyla ziyaretçinin web tarayıcısı arasında kriptolanmış bir iletişim oluşturarak özel, hassas veya gizli tüm bilgilerin çeşitli siber saldırılara maruz kalmadan güvenli bir şekilde iletilmesini sağlayan bir güvenlik sistemidir. Bir web sitesinde gerekli SSL olduğu takdirde, web tarayıcısı ve web sitesinin sunucusu arasında gidip gelen tüm bilgiler kriptolanır. E-ticaret şirketleri için online güvenlik olmazsa olmazdır. Güvenlik eksikliği iş kaybı, güven, itibar kaybı ve yasal yaptırımlar olmak üzere bir çok ciddi sonuca yol açabilir. Ziyaretçi ve web sayfası arasındaki bu şifreli veri trafiği 128 bit ve 256 bit gibi uluslararası standartlar ile sağlanır. Okumaya devam et “SSL Nedir?”
Günümüzde web sitesi kullanıcılarının %70 – %80 arası cep telefonlarından gelmektedir. Her yerde internete bağlanıldığı için mobil cihazlar üzerinden internet kullanımları da doğal olarak artmaktadır. Bu da firmaların, web sitelerini mobil cihazlara uyumlu hale getirmelerini gerektirmektedir. Kullanıcılar, yazıları okumakta güçlük çektiği an ya da ekranı büyütmeye ihtiyaç duyduğu zaman web sitesinden çıkıp başka bir web sitesini ziyaret edebilir.
Uzun süredir aklımdaydı, belki daha önce karşılaşmış olabilirsiniz. Bazı CSS3 kodları bir kaç defa aynı yazılıp başlarında -webkit / -moz / -o gibi parametreler ekleniyor.
Örneğin box shadow, border radius gibi css kodlarının tüm tarayıcıların sorunsuz bir şekilde anlayabilmesi için bu parametreleri kullanmamız gerekir. Yani tüm tarayıcıları desteklemiş oluruz. Neden böyle bir şey var diyebilirsiniz. Tarayıcılar farklı CSS özellikleri için kendi belirledikleri kodları destekliyor ve kullanıyorlar. Browserlar yıllardır bu sorunun önüne geçmeye çalışıyorlar. Örneğin box-shadow artık tüm tarayıcılar tarafından destekleniyor.
-webkit: Chrome-Safari tarayıcılarını temsil eder.
-moz: Mozilla tarayıcısını temsil eder.
-o: Opera tarayıcısını temsil eder.
-ms: Internet Explorer
Sitenizin standart scrollbar stilinden sıkıldıysanız eğer bu konu tam size göre demektir. Birkaç kod ile sitemizin scrollbarını istediğimiz şekilde biçimlendirip renklendirebiliriz.
Kodları görelim.
–webkit-scrollbar: Scrollbarın rengi. (Genellikle beyaz olan arkaplan)
-webkit-scrollbar-thumb: Scroll kısmı.
-webkit-scrollbar-thumb:hover: Scrollun üzerine geldiğinde alacağı biçim.
::-webkit-scrollbar { width: 10px; background-color: #eaeaea; border-left: 1px solid #ccc;}::-webkit-scrollbar-thumb { background-color: #596971;}::-webkit-scrollbar-thumb:hover { background-color: #2E3944;}Kodları kendinize göre biçimlendirebilirsiniz 😉
Css’de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini daha önce görmüşsünüzdür.
Bunu kısaca açıklayacak olursak, herhangi bir class,id veya html tagına bu parametreyi verdiğimizde içerisinde bulunan tüm yazıları büyük harfli olacak şekilde biçimlendirir.
Fakat bazen önümüze bir takım sorunlar çıkarabiliyor. Örneğin, küçük harflerle javascript yazıyorsa ve biz bu yazının bulunduğu tag’a text-transform:uppercase parametresini verdiysek, bu yazı JAVASCRİPT şeklinde olacaktır. Ne demek o yahu ? İngilizcede büyük i var mı ? Tabikide hayır.
Bu sorundan aşağıda göstermiş olduğum örnek ile kurtulabilirsiniz.
Html Kodu:
<h1 lang="en">javascript</h1>
Css Kodu:
![Css [ Text-Transform:Uppercase ] Karakter Sorunu Çözümü](https://www.ferhatyigit.com/wp-content/uploads/2019/09/ferhatyigit-uppercase-sorunu.jpg)
h1 { text-transform: uppercase}