Posts made in Haziran, 2010
Müşteri portföyünüzü genişletmek için yapılacaklar listesi
Eminim ki, makalenin başlığı freelance web tasarım işi ile ilgilenenlerin dikkatini şimdiden çekti. Çünkü, neredeyse her freelance web tasarımcının zorlandığı konulardan biridir yeni müşteri bulmak. Tasarım işinde ne kadar iyi olursanız olun, mevcut müşterileriniz çalışmalarınızdan ne kadar memnun olursa olsun, freelance (serbest) çalışmanın gerektirdiklerini yerine getirmezseniz, portföyünüzü genişletmek anlamında yerinizde sayarsınız. Hal böyle olunca da, rakiplerinizden sıyrılmak ve dolayısıyla portföyünüzü genişletmek neredeyse imkansız hale gelir. Bilişim sektöründeki interaktif uygulamalar ve özellikle sosyal medyanın da yaygın olarak kullanılmaya başlamasıyla birlikte, müşteriye ulaşmak oldukça kolaylaştı. Ancak asıl bahsetmek istediğim konu biraz farklı. Müşteri portföyünüzü genişletmenin en önemli yollarından biri onların da size ulaşmasını sağlamaktır. Ve elbette mevcut müşterilerinizi elinizde tutmak için de yapmanız gerekenleri unutmamanız gerekir.
Aşağıda yazacağım müşteri portföyünüzü genişletmek için yapılacaklar listesini not almanızı tavsiye ederim. Listeyi basit bir checklist şeklinde oluşturmak istiyorum ki kıyaslama yapabilir ve zaman kaybetmeden eksiklerinizi giderebilirsiniz. Konu ile ilgili daha ayrıntılı bir yazı için daha önce yazdığım Portfolyonuzu rakiplerinizden daha iyi yapmanın yolları başlıklı makalemden faydalanabilirsiniz.
Yapılacaklar Listesi
1. Kendinize ait bir web tasarım blogu açın.
2. Sosyal medya sitelerini ve özellikle de Xing gibi sosyal iş ağlarını aktif olarak kullanın.
3. Mutlaka blogunuzda yazdığınız yazıları sosyal medyada paylaşın.
4. Kendinize ait portfolyo sitenizi açın. (Benim hala açamadığıma bakmayın:)
5. Eski projelerinizdeki demode tasarımları gözden geçirin ve güncelleyin.
6. Blogunuza, portfolyo sitenizin linkini ekleyin.
7. Google SEO bakımından blogunuzda her gün en az 1 yazı yayınlamaya çalışın.
8. Diğer web tasarım bloglarını takip edin, ilgili yorumlar bırakarak okuyucu kitlesine ulaşın.
9. Portfolyo sitenize blogunuzun RSS‘ini ekleyin, böylece portfolyo siteniz de canlı kalır.
10. Freelance iş dünyası ile ilgili forumlarda ve ilan sitelerinde yer alın.
11. Kişisel kartvizit bastırın ve mümkün olduğunca çevrenize dağıtın.
12. Müşterilerinizle mail ya da telefon görüşmelerinizde kurumsal ya da aşırı samimi olmayın.
13. Mevcut müşterilerinize teknik destek ve iletişim konusunda özen gösterin.
14. Uzun zamandır görüşmediğiniz eski müşterilerinizle tekrar irtibata geçin.
15. İmkanınız varsa Google‘a ve ilgili mecralara reklam verin.
16. Mobil tasarım, html e-mail tasarımı gibi son zamanlarda çok talep gören konularda uzmanlaşarak kendinize yeni iş alanları oluşturun.
Portföyünüzü genişletmekle ilgili yapılacaklar konusunda aklıma gelenler şimdilik bunlar. Sizin de eklemek istedikleriniz varsa yorumlarınızı bekliyorum.
Devamını OkuHaftalık OZD #19
Geçtiğimiz hafta, hem iş yoğunluğu hem kişisel aktivitelerimin yoğunluğu derken haftayı 2 yazı ile kapatmışız:) Yoğunluktan bunun bile farkında değildim gerçekten de. Geçtiğimiz hafta bütün blog yazarları gibi beni de çok ilgilendiren bir gelişme oldu aslında. WordPress 3.0 sürümünün kararlı versiyonu nihayet çıktı. Uzun süredir ne gibi yeniliklerin geleceği ile ilgili araştırmalar yaptığım ve merakla beklediğim WordPress 3.0′a , yoğun bir dönem geçirdiğim için hala geçebilmiş değilim. Bu yoğunlukta 2 yazı hiç yoktan iyidir yine de:) En kısa zamanda telafi edecek faydalı makaleler yazabilmeyi umuyorum.
Bakalım geçen haftanın malum 2 yazısı neymiş?
Geçtiğimiz hafta Smashing Magazine, özellikle de portfolyo siteleri için çok kullanışlı ve profesyonel bir tasarımcı tarafından hazırlanan BlueMasters PSD site şablonunu ücretsiz olarak paylaşıma açmıştı. Ben de hem ingilizcesi yeterli olmayanlar hem de Smashing Magazine’i takip etmeyenler de bu paylaşımdan faydalanabilsin diye, bu PSD formatındaki arayüz tasarımını sizinle paylaştım. Ardından, seri halinde yayınlamaya çalıştığım Web Tasarım Kaynakları‘nın 12.si ile haftayı kapattık.
Portfolyonuz için ücretsiz PSD template
Web Tasarım Kaynakları #12
Web Tasarım Kaynakları #12
Web tasarım kaynaklarının 12.si ile yine bir aradayz. Bakalım web tasarım vadimizde bizi hangi özel konuklar karşılıyor? Bu haftaki özel serimizde gözümüz ilk olarak yazı tiplerine takıldı. Zagfont bu davete neden siyah smokini ile katıldı? E oldu mu Zagfont oldu mu? Sırada, aralarından su sızmayan ikon setleri ile vektörel setler var. O da nesi?! yoksa ikonlarla vektörlerin arasına metal yazı efekti mi girdi? Böyle özel ikon setleri olur da Örümcek Adam’la Yeşil Dev katılmaz mı! Hiç kambersiz düğün olur mu! Photoshop fırçaları, patternler ve dokulardan sonra website template’lerini görüyoruz. Hemen ardından WordPress teması çıkageliyor. PSD template’in kulağına eğilip fısıldıyor: Destur var mı?
Hepsini vakit kaybetmeden ücretsiz olarak indirip kullanmaya başlayabilirsiniz… Bu arada Kurban‘ın yeni albümündeki “Ateş Var mı?” adlı parçayı dinleyenler neden böyle bir giriş yaptığımı anlayacaktır:)
Zagfont – Yazı Tipi
League Gothic Yazı Tipi
Nevis Yazı Tipi
30 adet ücretsiz font
Alışveriş Çantaları Vektörel Set
Metal Yazı Efekti – PSD Dosyası
Web Browsers İkon Seti
The Original Seven İkon Seti
Marvel Super Hero İkon Seti
Antique Pattern Seti
Space Waves Pattern Seti
Let’s Go Grunge Photoshop Fırça Seti
Splodges & Drops Photoshop Suluboya Fırça Seti
Sifiso – HTML & PSD Web Template
Exponet Business PSD Web Template
Translucence WordPress Teması
Portfolyonuz için ücretsiz PSD template
BlueMaster adıyla PSD formatında yayınlanan arayüz tasarımı, blog yazarları ve portfolyolarını yayınlamak isteyen web tasarımcılar için tam anlamıyla profesyonel bir website şablonu. Wendell Fernandes tarafından Smashing Magazine için tasarlandı ve dün blogda ücretsiz olarak paylaşıma sunuldu. Ben de Smashing Magazine’i takip etmeyenler için sıcağı sıcağına paylaşmak istedim.
“Bluemaster, karanlık, seksi ve profesyonel görünümlü sade bir arayüz. İsimlendirilerek ve kategorize edilerek hazırlanan PSD dosyasında bütün dosyalar ve katmanlar üzerinde çalışmanız ve düzenlemeniz son derece kolay…” deniyor template’in sayfasında. Gerçekten de dosyayı indirdiğinizde öyle olduğunu göreceksiniz. Düzenli “layer” yapısı, şablonun Html kodlaması için resimleri parçalarken de size kolaylık sağlıyor.
Şablon sadece anasayfa tasarımından oluşmuyor. Zip formatında indireceğiniz 21 MB‘lık dosyanın içinde, Anasayfa, Hakkımızda, Portfolyo, Blog, Makale ve İletişim sayfaları olmak üzere 6 adet PSD dosyası göreceksiniz. Yani kendi portfolyo sitenizi oluşturmak için ihtiyacınız olan bütün sayfa tasarımları hazır. Size sadece Html kodlamasını yapmak kalıyor. Aslında bu tasarımı sadece portfolyo siteniz için değil, sade arayüzü sayesinde müşterileriniz için de düzenleyebilirsiniz. Tabii, müşterileriniz için hazır template kullanmanın ne kadar doğru olduğu tartışılır. Bu sizin tercihiniz.
Ücretsiz İndir
Aşağıdaki linkten BlueMasters’ın bütün alt sayfa tasarımlarını görebilir ve dosyayı ücretsiz olarak indirebilirsiniz. Ayrıca aynı linkten anasayfanın yüksek çözünürlüklü haline de göz atabilirsiniz.
Devamını OkuHaftalık OZD #18
Geçtiğimiz hafta, OZD Tasarım açısından son derece verimli bir hafta oldu. Kendime ve yazmaya daha fazla zaman ayırabilmiş olmanın, bunda büyük payı var tabii ki. Geçen haftanın internet ve web tasarım dünyasındaki en önemli gelişmelerinden biri hiç şüphesiz Google’ın yeni algoritması olan Caffeine‘in devreye girmesi oldu. Caffeine’in gelişiyle SEO anlayışı değişim sürecine girdi. Eğer web sitenizin arama sonuçlarında ilk sıralarda çıkmasını istiyorsanız ya da Google SEO hizmeti veren bir web tasarımcı olarak değişikliklerin neler olduğunu merak ediyorsanız ilgili yazıyı mutlaka okumanızı tavsiye ederim.
Caffeine’in haricinde bu hafta iki önemli konuya daha değindim. Birincisi, artık önemli bir reklam aracı haline gelen Html e-mailleri hazırlarken nelere dikkat etmeniz gereken noktalar ve kurallar, ikincisi ise hiç bir program dili bilmenize gerek kalmadan, bir kaç adımda web sitesi hazırlamanıza olanak sağlayan Web To Date programı. Sadece CSS 3 ile sayfa çevirme efekti ve Photoshop fırçası indirebileceğiniz en iyi 10+ sitenin listesi ile de haftayı kapattık. 19. haftada görüşmek üzere…
E-bülten ve Html e-mail hazırlarken dikkat edilecekler
Web To Date: Web sitesine sahip olmanın en kolay yolu
Google’ın yeni versiyonu Caffeine ile SEO mantığı değişti
Sadece CSS3 ile sayfa çevirme efekti
Photoshop fırçası indirebileceğiniz en iyi 10+ site
Photoshop fırçası indirebileceğiniz en iyi 10+ site
Sadece web tasarım değil, grafik tasarımın her alanıyla uğraşan bütün tasarımcıların Photoshop kullanırken en çok ihtiyaç duyduğu kaynaklardan biri, herhalde Photoshop fırçalarıdır. Doğru ve kaliteli fırçaları kullanarak, tasarıma istediğiniz etkiyi kazandırabilirsiniz. Yalnız internette o kadar çok Photoshop fırçası bulabileceğiniz site var ki, kalitelisini bulmak bazen zor olabiliyor. Gerçi bir çok tasarımcının fırça indirmek için en çok kullandığı site olan Deviantart bile bazen bu konuda yetersiz kalıyor. Yine de en iyi fırçaları bulabileceğiniz sitelerden biri olduğu yadsınamaz. Bu nedenle en iyi 10+ site arasında tabii ki Deviantart da yer alıyor. Aşağıda bulunan ücretsiz ve kaliteli Photoshop fırçası indirebileceğiniz en iyi 10+ sitenin linkini yer imlerine eklemenizde fayda var. İhtiyaç duyduğunuzda elinizin altında olması, işinizi hızlandıracaktır.
1. Photoshop Brushes
2. DeviantART
3. Brusheezy
4. Psbrushes
5. BrushKing
6. Getbrushes
7. FBrushes
8. Photoshopsupport
9. 123Freebrushes
10. Brushesdownload
11. myPhotoshopBrushes
Sadece CSS3 ile sayfa çevirme efekti
E-dergilerle birlikte web sitelerinde artık sıkça rastlanan sayfa çevirme efektini her halde aramızda görmeyen kalmamıştır. Her site kullanıcısını ilk görüşte etkileyen bu efekti hazırlamak için geçmişte Flash kullanmak zorundaydık. Oldukça zahmetli ve zaman alan bir çalışmaydı. Jquery‘nin yaygınlaşmasıyla birlikte bunun gibi hareketli efektler için Flash zahmetinden kurtulduk ve basit bir javascript koduyla zaman kaybetmeden bir çok efekti oluşturabiliyoruz artık. Şimdilerde ise CSS 3 ile tanışma sürecindeyiz ve tek başına neler yapabildiğini gösteren oldukça etkileyici örnekler yayınlanıyor internette. (CSS 3′ün 5 temel yeteneği başlıklı bir makale ile de CSS 3 ile gelen yeniliklere değinmiştim) İşte bu örneklerden bir tanesi de sayfa çevirme efekti. Roman Cortes isimli bir tasarımcı arkadaşımız hiç Javascript ya da Flash kullanmadan sadece CSS 3 ile bu efekti yapmayı başarmış.
Şimdilik tabiki sadece webkit tarayıcılarında (Google Chrome ve Safari) çalışıyor. Yine de CSS 3′ü neden öğrenmemiz gerektiğine çok güzel bir örnek olmuş. Gelelim efektin yapılışına…
Biraz CSS3 ve biraz da Html…Efektimiz hazır.
Gerçekten de öyle…Başka hiç bir şeye gerek yok. CSS 3′ün gradient, transform ve transition gibi yeni özelliklerinden oluşan özellikleri ile Html kodları aşağıda yer alıyor. Kendi projenizde kullanmak istiyorsanız sadece kopyalayın, yapıştırın ve kendinize göre düzenleyin. Tabiki bu yapıyı birebir kullanacaksanız Roman Cortes’i bu linkte yer alan yorum bölümünden haberdar etmeniz iyi olur.
CSS Yapısı
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 |
body
{
padding: 0;
margin: 0;
}
#all
{
width: 680px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
#page-flip
{
background-image: url(pagebg.jpg);
position: absolute;
padding: 40px 40px 40px 340px;
width: 300px;
height: 400px;
overflow: hidden;
}
#r1
{
position: absolute;
z-index: 2;
-webkit-transform-origin: 1315px 500px;
-webkit-transform: translate(-1030px, -500px) rotate(-32deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1s;
}
#p1
{
width: 1285px;
height: 1388px;
overflow: hidden;
}
#p1 > div
{
-webkit-transform-origin: 285px 0;
-webkit-transform: translate(1030px, 500px) rotate(32deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1s;
width: 285px;
height: 388px;
background-image: url(page1.jpg);
}
#p1 > div > div
{
width: 10px;
height: 388px;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .25)), to(rgba(0,0,0,0)));
}
#p2 > div
{
width: 285px;
height: 388px;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .5);
position: absolute;
z-index: 1;
background-image: url(page2.jpg);
}
#r3
{
-webkit-transform-origin: 1315px 500px;
-webkit-transform: translate(-1030px, -500px) rotate(-32deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1s;
position: absolute;
z-index: 2;
}
#s3
{
-webkit-transform-origin: 70px 500px;
-webkit-transform: translate(215px, -500px) rotate(-32deg) translate(40px, 0);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1s;
position: absolute;
z-index: 1;
}
#page-flip:hover #s3
{
-webkit-transform-origin: 325px 500px;
-webkit-transform: translate(-40px, -500px) rotate(0deg) translate(40px, 0);
}
#sp3
{
width: 25px;
height: 1000px;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .25)), to(rgba(0,0,0,0)));
-webkit-transition-property: width;
-webkit-transition-duration: 1s;
overflow: hidden;
}
#page-flip:hover #sp3
{
width: 11px;
}
.s
{
width: 285px;
height: 388px;
position: absolute;
overflow: hidden;
z-index: 3;
}
#s2
{
-webkit-transform-origin: 45px 500px;
-webkit-transform: translate(240px, -500px) rotate(-32deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1s;
position: absolute;
}
#sp2
{
width: 15px;
height: 1000px;
background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .18)), to(rgba(0,0,0,0)));
overflow: hidden;
}
#s4
{
opacity: 1;
-webkit-transition-duration: 0.5s;
}
#page-flip:hover #s4
{
opacity: 0;
}
#page-flip:hover #s2
{
-webkit-transform-origin: 300px 500px;
-webkit-transform: translate(-15px, -500px) rotate(0deg);
}
#p3
{
width: 1285px;
height: 1388px;
overflow: hidden;
}
#p3 > div
{
-webkit-transform-origin: 0 0;
-webkit-transform: translate(1255px, 500px) rotate(-32deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1s;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .5);
width: 285px;
height: 388px;
background-image: url(page3.jpg);
overflow: hidden;
}
#p3 > div > div
{
width: 9px;
height: 500px;
float: right;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0,0,0,.20)));
}
#page-flip:hover #r1
{
-webkit-transform-origin: 1570px 500px;
-webkit-transform: translate(-1285px, -500px) rotate(0deg);
}
#page-flip:hover #p1 > div
{
-webkit-transform-origin: 285px 0;
-webkit-transform: translate(1285px, 500px) rotate(0deg);
}
#page-flip:hover #r3
{
-webkit-transform-origin: 1570px 500px;
-webkit-transform: translate(-1285px, -500px) rotate(0deg);
}
#page-flip:hover #p3 > div
{
-webkit-transform-origin: 0 0;
-webkit-transform: translate(1000px, 500px) rotate(0deg);
}
a
{
display: block;
position: absolute;
margin: -20000px 0 0 0;
padding: 1px;
z-index: 3;
-webkit-transition-property: margin;
-webkit-transition-duration: 0.01s;
}
#coke
{
width: 253px;
height: 158px;
}
a:hover
{
padding: 0;
border: 1px dotted #92C7C1;
}
#page-flip:hover #coke
{
-webkit-transition-delay: .8s;
margin: 33px 0 0 14px;
}
#meninas
{
width: 253px;
height: 167px;
}
#page-flip:hover #meninas
{
-webkit-transition-delay: .8s;
margin: 203px 0 0 14px;
} |
Html Kodları
|
1 2 3 4 5 6 7 |
<div id="all">
<div id="page-flip">
<a id="coke" title="Pure CSS Coke Can" href="http://www.romancortes.com/blog/pure-css-coke-can/"></a>
<a id="meninas" title="CSS 3D Meninas" href="http://www.romancortes.com/blog/css-3d-meninas/"></a></div>
</div> |
Uygulamayı test etmek için;
Devamını OkuGoogle’ın yeni versiyonu Caffeine ile SEO mantığı değişti
Dünyanın en büyük arama motoru olan Google, rakiplerine karşı olan üstünlüğünü bir gömlek daha büyütmek istiyor olacak ki geçtiğimiz günlerde yeni algoritması Caffeine‘i devreye soktu. Caffeine’in hayata geçirilmesinin hemen akabinde, ilgili mecralarda tek bir konu tartışılıyor: Google SEO‘da ne gibi değişiklikler olacak? SEO ayarlarının, web tasarım sektöründe başlı başlına bir hizmet haline geldiği günümüzde, Google‘ın bu denli radikal bir girişimle SEO mantığında değişikliğe gitmesi hepimizi heyecanlandırdı. Bu değişim, özellikle benim gibi blog yazarlarını oldukça yakından ilgilendiriyor. Açıkçası şu sıralar internette en çok araştırdığım konu Google Caffeine olduğu için, edindiğim bilgilerden sonra konu ile ilgili bir makale hazırlayarak, OZD Tasarım takipçilerinin de faydalanmasını istedim. Bakalım Google Caffeine ile bizi ne gibi değişiklikler bekliyor?
Öncelikle, çok katmanlı eski indexleme metodu yerine gelen küçük parçalar halinde güncelleme sistemi ile Google, arama sonuçlarını çok daha hızlı listeleyecek. Ayrıca yapılan aramaların mantıksal bir süzgeçten geçirilmesiyle en doğru sonuçlar en üst sıralarda yer alacak. Ancak benim Caffeine ile ilgili asıl değinmek istediğim konu SEO değişiklikleri.
Daha anlaşılır olması nedeniyle, Google Caffeine ile gelen SEO mantığındaki değişiklikleri ana başlıklar altında açıklamakta fayda görüyorum.
İndexleme
Yeni algoritmayla birlikte en önemli değişiklik, arama motoruna indexleme işleminde gerçekleşiyor. Yeni içeriklerin indexlenmesi artık çok daha hızlı olacak. “Real Time Search (Eş Zamanlı Arama” denilen bu mantıkla güncel bilgilere ulaşmak çok daha kolay ve hızlı. Bu aynı zamanda, listelenen arama sonuçlarının her gün (belki de her saat) değişiklik gösterebileceği anlamına geliyor. Artık Google güncel verilere daha çok önem verdiğinden, üst sıralarda yer almak için sürekli güncel kalmanız gerekebilir. Bu da, biz blog yazarlarının daha fazla yazı yayınlaması anlamına geliyor. Ne kadar çok yazarsak arama sonuçlarında görüntülenme şansımız artıyor.
İndexlemede güncellikten sonra en çok önem verilen kriter ise özgünlük. Kopyala-yapıştır metoduyla yürüyen blogların bu durumdan olumsuz yönde etkilenmesi kaçınılmaz olacak. Çünkü Google, yeni versiyonu ile özgün içeriği üst sıralara çıkarırken, reklamla para kazanma peşinde koşturan çöplük haline gelmiş siteleri karanlık sulara gömeceğe benziyor.
Sonuç olarak, Google indekslemesinde iki kriter çok önemli: Güncel içerik ve özgün içerik.
Sosyal Medya
Google’ın güncel içeriğe önem vermesiyle, sitelerin sürekli olarak canlı kalmak zorunda olması Facebook, Twitter sosyal medya ortamlarının önemini artırıyor. Social Bookmarking dediğimiz, artık her blog yazarının ve diğer site sahiplerinin sosyal medya ortamlarında daha fazla link paylaşması ve sosyal medya sitelerinde daha aktif yer alması gerekecek.
Meta Etiketleri
“Şu kelime aranınca da benim sitem çıksın” mantığıyla daha önceden yapılan kandırmaca artık tarihe karışıyor. Çünkü hem sitenize hem de içeriğinize verdiğiniz etiketler konusunda Google artık çok daha titiz davranıyor. Caffeine algoritması, sitenizin içeriği ile etiketleri karşılaştırarak alakasız olanları geri plana atıyor. Etiketlerle birlikte, bir süredir zaten Google için önem taşıyan Meta Description’a siz de daha fazla önem vermelisiniz. Description bölümüne sitenizle ilgili açıklamaları gözden geçirip daha etkileyici ve içeriğinizle ilgili olacak şekilde düzenlemekte fayda var.
Kaynaklar:
http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html
Devamını OkuWeb To Date: Web sitesine sahip olmanın en kolay yolu
İnternet dünyasında Web 2.0′a geçişle birlikte çok kısa bir süre içerisinde, içerik yönetim sistemlerinin kullanımındaki artış inanılmaz boyutlara ulaştı. Çünkü içerik yönetim sistemleri (CMS) kullanım ve yönetim kolaylığı dolayısıyla web sitesi çözümlerinde ilk sırada yer alıyor. Yalnız içerik yönetim sistemlerini de kullanabilmek ve istediğiniz gibi düzenlemek için iyi derecede Html ve CSS kodlaması, ayrıca diğer programlama dillerini de bilmeniz gerekiyor. Ancak Web To Date bu anlayışı değiştireceğe benziyor. Yani, Web To Date ile hiç bir programlama dili bilmenize gerek kalmadan profesyonel web siteleri hazırlayabilirsiniz.
Kişisel ve kurumsal web sitelerinin, reklam sektöründe önemli bir araç olarak kullanılmaya başlanması, web sitelerindeki rekabeti de artırdı. artık sadece web sitesi sahibi olmanız yetmiyor, web sitenizin aynı zamanda ikna edici ve etkileyici bir gücü sahip olması gerekiyor. Bu nedenle de, şirketler veya kişiler, profesyonel web sitelerine sahip olmak için web ajansları ile çalışarak hiç de küçümsenmeyecek ücretler ödemek durumunda kalıyor. İşte Web To Date, yazının başından beri anlattığım bu önemli kriterleri dikkate alarak, her büyüklükteki şirket veya kişisel hizmetler için çözüm niteliğinde geliştirilmiş, kendi web sitenizi bir kaç adımda hazırlayıp yayınlayabileceğiniz bir içerik yönetim sistemi.
Kısa bir süre önce Türkiye sınırları içerisinde adını “Web sitesine sahip olmanın en kolay yolu” şeklinde duyuran içerik yönetim sistemi Web To Date‘i daha fazla tanımakta fayda var.
Alman yazılım şirketi olan Data Becker’ın hazırladığı Web To Date, tamamıyla Türkçe olan sürümüyle, profesyonel web sitesi hazırlama konusunda oldukça iddialı. Sistemin özelliklerine göz gezdirdiğimizde bu iddialarında haklı olduklarını söyleyebiliriz.
Web To Date’in özellikleri ve avantajları
- Her Windows ortamında çalışan Web To Date’in kendi bünyesinde barındırdığı, farklı konseptlere, renklere ve iş alanlarına göre kategorilendirilmiş olan 1000 adet hazır şablon ile web sitenizin tasarımı ile de uğraşmanıza gerek kalmıyor.
- Kolaylıkla düzenleyebileceğiniz esnek tasarımlar.
- Kullanımı kolay ve anlaşılabilir yönetim paneli. (Ekran görüntülerine bu sayfadan ulaşabilirsiniz)
- Site haritaları ve optimize edilmiş kodlama yapısı ile otomatik arama motoru optimizasyonu. Yani Google SEO için hiç bir ayar yapmanıza gerek kalmıyor.
- Resim, yazı, video ve ses dosyası gibi her türlü medya türünü siteye kolayca ekleyebilme.
- PHP ve Html kodlarının siteye entegrasyonu.
- Kendisine ait ziyaretçi sayacı haricinde Google Analytics ile de istatistikleri takip edebilme özelliği.
- Montaj Masası uygulaması ile fotoğraf slaytları oluşturup sitenizde yayınlama imkanı.
- Sitenize ekleyebileceğiniz blog, anket, sohbet programı gibi interaktif uygulamalar.
- Bütün tarayıcılarda, PDA ve cep telefonlarında hatasız görünüm.
- Web sitelerinin bütün sunucularda çalışma özelliği.
Sahip olduğu özellikler bunlarla da bitmiyor. Web To Date’in bütün özelliklerine ve sunduğu kolaylıklara buradan ulaşabilirsiniz.
Denemesi ücretsiz, fiyatı ise çok uygun
İster kurumsal firma ister küçük çaplı işletme olsun artık her şirketin veya her hizmetin bir web sitesine ihtiyacı olduğu şu günlerde web ajanslarına ödenen ücretler göz önüne alındığında, Web To Date uygun fiyatıyla da dikkat çekiyor. Üstelik Web To Date ile bir web sitesinde olmasını istediğiniz her şeyi bir kaç adımda bizzat kendiniz gerçekleştirebiliyorsunuz. Mayıs 2010 itibariyle, ülkemizin en çok bilinen bilgisayar mağazalarında ve internette satışa çıkan bu ürünü 160 EURO karşılığında satın alabilirsiniz. Satın almadan önce, 10 gün boyunca kullanabileceğiniz test amaçlı sürümünü bedava bilgisayarınıza indirerek sistemi deneyebilirsiniz. Web To Date’i indirmek ya da satın almak isteyenler aşağıdaki linklerden ulaşabilirler.
Web To Date test sürümünü indir>>
Web To Date’i satın al>>
Web To Date resmi websitesi: www.todate.com.tr
E-bülten ve Html e-mail hazırlarken dikkat edilecekler
E-ticaretin ve internet reklamlarının öneminin arttığı şu dönemde, ürününü pazarlamak isteyen kurumsal firmalar için e-bülten‘ler ayrı bir avantaj sağlarken, web tasarımcılar için de html e-mail tasarımı her geçen gün değer kazanıyor. Ben de bunun üzerine, öncelikle kısaca e-bültenlerin önemine ve avantajına değindikten sonra, konuyu web tasarımcılar bakımından bütün detaylarıyla ele alarak, e-mail tasarımını hazırlarken ve html kodlamasını yaparken nelerin dikkate alınması gerektiğinden söz etmek istiyorum. Hazırladığınız e-bültenlerin spam filtrelerine takılmadan okuyucuya ulaşmasını istiyorsanız anlatacaklarımı dikkate almanızı tavsiye ederim.
E-bülten’in önemi ve avantajları
İnternetin neredeyse en büyük pazarlama aracı olduğunu göz önüne aldığımızda, insanlara ulaşmanın en kolay yolunun e-mail olduğunu rahatlıkla söyleyebiliriz. Bu nedenle de hedef kitleye ulaşabileceğiniz en kolay, en ucuz (düşük maliyetli), en kısa ve en etkili yoldur e-bültenler. Kişisel bir ilan olması açısından okuyucu üzerinde oluşturduğu samimi hissiyattan dolayı etkisi büyüktür.
E-bültenleri düz metin ve ekte resim dosyası olarak ta gönderebileceğiniz gibi, asıl konumuz olan html e-mail tasarımı şeklinde de göndererek reklamınıza daha profesyonel ve daha etkili bir görünüm kazandırabilirsiniz.
Spam filtrelerden korunmanın yolları
E-mail yoluyla reklam yaparken, kurumsal firmaların önündeki en büyük handikap spam filtreleridir. E-bülten veya html e-mail tasarımı kurallarına göre hazırlanmazsa mailin spam filtreye takılması kaçınılmaz olur ve hedef kitlenizin posta kutularında görünmeden emekleriniz boşa gider. Eğer e-bültenlerinizin spam filtrelere takılmasını istemiyorsanız aşağıdaki önerileri dikkate almanız gerekiyor.
- Tamamı büyük harflerden oluşan cümleler kullanmayın.
- Cümlelerin sonuna ünlem işaretlerini ardarda dizmeyin!!!!!
- E-mailinizde çok fazla renk bulundurmayın. E-mailin bir kaç renkten oluşmasını sağlayın.
- “Ücretsiz”, “buraya tıkla!”, “hemen tıkla!” gibi reklam kokan ifadeleri mümkün olduğunca kullanmayın.
- Spam olarak algılanan kelimelerden kesinlikle kaçının (viagra, mortgage…)
- “Kimden” bölümüne firma ya da ürün adını yazın.
- “Konu” bölümüne “test” kelimesini yazmayın.
- Yasal olmayan toplu e-mail gönderimi yapmayın.
E-bülten gönderirken spam filtrelere takılmamak için önemli noktalar genel olarak bu kadar. Html e-mail tasarımının doğru görünmesi ve spam olarak algılanmaması için dikkat edilecek noktalara ve kurallara geçebiliriz artık. Bu bölüm daha çok web tasarımcıları ilgilendirdiği gibi, bazı maddeler e-maili gönderecek firmaları da ilgilendiyor.
Html E-mail Tasarımı yaparken dikkat edilecekler
- Tasarımın genişliği 400-600 piksel arasında olmalıdır.
- E-mail, sadece resim dosyalarından oluşmamalıdır.
- Önemli içeriklerde, başlıklarda ve linklerde kesinlikle resim kullanmamalısınız.
- Yasal ve profesonel olmak için, e-mailin en üstüne ya da en altına “listeden çıkmak için tıklayın” linki ekleyerek, alıcılara tek tıkla listeden çıkma imkanı sağlamanız gerekir.
- E-maili asla sadece Html olarak göndermeyin. Sayfanın en üstüne mutlaka e-mailin sadece metinden oluşan versiyonunu ekleyin.
- Hotmail ve Gmail gibi tarayıcı tabanlı e-mailservisleri <head> ve <body> etiketlerini okumadığı için, Html kodlarında bu etiketleri kullanmayın. Buna bağlı olarak <title></title> etiketi de e-mailin spam olarak algılanmasına neden olur.
- Html e-mail kodlamasında DIV etiketi ve CSS dosyası kullanamazsınız. Kodlarınız sadece Table’lardan ve tablolara verebileceğiniz stil özelliklerinden oluşmalıdır.
<td style=”color:#000000;margin-left:10px”> gibi
- Stil özelliklerini verirken css’te kullandığınız kısaltmaları kullanamazsınız. Yani “margin: 10px 0 5px 0″ yerine “margin-top:10px;margin-right:0;margin-bottom:5px;margin-left:0″ şeklinde yazmanız gerekiyor.
- Karışık tablo yapısından kaçının. Mümkün olduğunca basit bir tablo taslağı oluşturun.
- Eksik tablo etiketleri ya da gereksiz etiketlerle doldurulmuş kötü html yapısı e-mailin spam filtresine takılmasına yol açar. Özellikle de Html e-mail editörü kullanıyorsanız kodların mümkün olduğunca düzenli ve hatasız yazılmasına dikkat edin.
- Kullandığın resim dosyalarını kendi sunucunuzdan çağırmalı ve linklerini de mutlaka http://www.sunucunuz.com/resim.gif örneğindeki gibi vermelisiniz.
- Html e-mail kodlamasında JavaScript, ActiveX kullanamazsınız.
- E-mailin altına geçerli iletişim bilgilerinizi ve firmanın gizlilik politikası linkini mutlaka ekleyin.
- Resimleri kapalı duruma getirerek, e-mail resimsiz versiyonunun da düzgün göründüğünden emin olun.
Yukarıda bahsettiklerim Html e-mail nasıl hazırlanır diye merak eden tasarımcılara yardımcı olacaktır diye düşünüyorum. Ancak gördüğünüz üzere html e-mail hazırlamak hiç de kolay değil aslında. Düzgün görünmesi ve spam olarak algılanmaması için bir çok kuralı var. Bu nedenle, firmaların bu konuda deneyimli web tasarımcıları tercih ettiğini göz önünde bulundurarak, yukarıda belirttiğim önemli bilgileri dikkate alın ve zaman kaybetmeden siz de html e-mail tasarımında uzman konumuna yükselmeye çalışın. Böylelikle iş alanınızı büyüterek müşteri portföyünüzü genişletebilirsiniz.
Sponsorlar
Facebook’ta beğen.
