30 Haziran 2011 Perşembe
0
yorum
23 Haziran 2011 Perşembe
22 Haziran 2011 Çarşamba
2 Site Daha. :)
http://www.zonekaydet.com/view/208840/
tricountypestcontrol.com
snipettes.com.au/wp-content/themes/default/index.php
19 Haziran 2011 Pazar
michaelaubert.com &. deltavega.org // hacked.
michaelaubert.com &. deltavega.org
michaelaubert.com : http://www.zonekaydet.com/view/206277/
deltavega.org : http://www.zonekaydet.com/view/206274/
/wp-admin şeklinde yönetciye girin :)
user:admin
pass:batuhan
18 Haziran 2011 Cumartesi
16 Haziran 2011 Perşembe
Google Friend Connect: Websitenizi Canlandırın
Alexa Toolbarınızı Oluşturun!
Özellikler:
Oluşturduğunuz toolbara:
- Logonuzu
- RSS Adresinizi
- Twitter ve Facebook adresinizi
- Bağlantı tuşu
- Sitenizde Arama Yapan bir Arama Motoru
- Açılır Link Menüsü (İstediğiniz Linkleri Ekleyebiliyorsunuz)
- Tweetlerinizi Gösterebiliyorsunuz
(…) ekleyebilirsiniz.
Linkten siteniz için bir toolbar oluşturabilirsiniz.
http://www.alexa.com/toolbar-creator
Not: Bu uygulama şimdilik İE ve Firefox tarayıcılarını destekliyor.
Nasıl Oluştururum?
Not: Bu uygulama şimdilik İE ve Firefox tarayıcılarını destekliyor.
Nasıl Oluştururum?
Basit CSS Komutları {2}
Bu seride, başlığı olan yorum paneline benzer formları olan bir sayfayı (yani wordpress’in yazı sayfası gibi) CSS’de kodlayacağız. Bu makalede ise yavaş yavaş ilerleyerek sadece yazı bölümünü ve ortalama gibi şeyleri anlatacağım.
Bir Önceki Çalışmamız ve HTML’e Uyarlanmış Hali:
Önizlemesi:<style type=”text/css”>
body {
background: #fff (resimler/arkaplan.png) repeat;
font: italic bold 14px Verdana;
color: #333;
}
.sayfa {
width:600px;
border: 1px solid #666;
background:#ccc;
text-transform: lowercase;
}
</style>
</head>
<body>
<div>
Basit CSS Komutları {1}
Merhaba arkadaşlar. Bu yazımda daha önceden CSS’ye sıfırdan başlayacak olan arkadaşlara yardımı olacak bir konuya değinmek istedim. CSS’de bildiğimiz, bilmediğimiz bir sürü komut var. Bazen sitede CSS nedeniyle herhangi bir kayma oluyor. Bilmediğimiz ama daha önceden kaymayı düzelten bir kodu hatırlayıp ekliyoruz. Kayma düzeliyor. Fakat aklımıza şu soru takılıyor: “Bu komut ne işe yarıyordu da kaymayı düzeltti?”. Bu yazı serisinde CSS komutlarını iyice açıklayacağım.
Bu yazımızda basit bir sayfa hazırlamaya başlarken kullandığımız komutlardan bahsedelim.
</div>
</body>
Gördüğünüz üzere sağdan ve üstteki boşluklar olmadığından çok göz yoruyor ve düzensiz görünüyor. Ayrıca arka plandaki renk yazıyı kapalı gösterdiğinden sıkıcı bir hal almış. Sayfanın yüksekliği fazla gelmiş. Yazı altından çok boşluk var. İtalik özelliğinin kullanılması gereksiz. İtalik dikkat çekmek istenen yerlerde, alıntılarda veya yazı başlıklarında kullanılmalı bence. Tüm yazıyı italik yaparsak bu biraz tuhaf kaçar. Bir de anlatımda kullandığımız “lowercase” komutu tüm yazıyı küçük harfe dönüştürdü. Eğer resmi bir blogunuz varsa bu yöntem cümle düzenini bozar ve pek beğenilmez. Bu nedenle bu kodda bayağı bir değişikliğe gideceğiz :D
Yukarıdaki kodu aşağıdaki şekilde değişikliğe uğratıyoruz. Bir de arka plan ekliyoruz ki, ona göre ayarlayıp ortalayalım.body {
background: #fff (resimler/arkaplan.png) repeat;
font: italic bold 14px Verdana;
color: #333;
}
.sayfa {
width:600px;
border: 1px solid #666;
background:#ccc;
text-transform: lowercase;
}
body {
background: #fff url(resim/arkaplan.png) no-repeat scroll 50% 0;
font: 15px Palatino Linotype;
color: #333;
}
.sayfa {
width:600px;
border: 1px solid #666;
background:#f1f1f1;
padding:5px;
}
Resmi çağırdıktan sonra scroll 50% 0; değeri verdik. Bu değer “arka plan resmim büyük, ekrana göre yüzde elli küçültülsün” anlamına gelir.
Şimdi bir önizleme alalım.
Gördüğümüz gibi üst tarafta kalmış ve tam ortalı değil. Şimdi bu .sayfa etiketini biraz daha düzenleyelim.
.sayfa {
width:600px;
border: 1px solid #666;
background:#f1f1f1;
padding:5px;
}
.sayfa {
width:900px;
border: 1px solid #ddd;
background:#f9f9f9;
padding:10px;
margin:115px auto 0 auto;
line-height:23px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
webkit-box-shadow: 0px 1px 2px #ddd;
-moz-box-shadow: 0px 1px 2px #ddd;
box-shadow: 0px 1px 2px #ddd;
}
Genişliği değiştirdik çünkü yazı bölümünün sayfaya tam ortalı olması gerekiyordu.
padding:10px;
padding komutu, CSS’de bir çerçeveye, resme ya da yazıya içten boşluk verir. Eğer padding komutunu kullanmamış olsaydık. İlk resimdeki gibi, üstten ve soldan çerçeveye (border’a) çok bitişik olacaktı. Bu nedenle padding:10px kullandık. Siz istediğiniz değeri verebilirsiniz.
Not: padding: 10px değeri, padding: 10px 10px 10px 10px; değerinin kısaltılmış halidir. Bunu aşağıda anlatacağım.
margin:115px auto 0 auto;
margin komutu ise bir çerçevenin pozisyonunu belirlemekte çok işimize yarar. Çünkü çerçeveye veya yazıya dıştan boşluk vermektedir. padding komutunda çerçevenin içindeki kenar boşluğunu belirlemiştik. margin ise, çerçevenin sayfaya göre yerini belirliyoruz yani çerçeve dışından boşluk vermiş oluyoruz.
peki neden margin:115px auto 0 auto; şeklinde kullandık? 115px neresi, auto neresi, 0 neresi? (yani hangi yön) Bu tip kalıplar padding ve marginde kullanılır. Yani boşluklar;
şeklinde verilir. Bunu aklınızda tutmak için kodlama yaparken gözlerinizle saat yönünde bir daire çizebilirsiniz, işe yarıyor :)margin: üst sağ alt sol;
Eğer tüm boşluklarınız aynı olacaksa, yani üstten, alttan veya yanlardan 10px boşluk vermek istiyorsanız margin: 10px; değeri işinizi görecektir. Eğer her yönde aynı boşluk verilecekse on saat onları tek tek yazmaya gerek kalmaz :)
Ayrıca CSS’de auto değeri otomatik anlamına gelir. Yani biz yukarıdaki kodda, “sayın CSS, sağdan ve soldan otomatik boşluk verip çerçevemi ortalar mısın lütfen?” dediğimiz için, resimde görüldüğü gibi çerçevemiz ortalandı :) Üstten de 115px boşluk verdik. Çünkü çerçeveciği arka plandaki beyaz alana getirtmek için buna ihtiyaç vardı. Ama yazı başlığını ekleyeceğimiz zaman o boşluğu tekrar düzenlememiz gerekecek :)
line height satır yüksekliği anlamına gelir. Yazının alttaki satırla çok bitişik görünmemesini sağlar. Bu nedenle temiz bir tasarım için gereken güzel bir komuttur :) Bu değerin piksel cinsinden yazılışı her yazı tipine göre değişir. Yani Verdana adlı yazı tipinde 23px aralık az gelirse 25px kullanmak gerekebilir :)line-height:23px;
Aşağıdaki kodlar CSS3 sürümünün kodları olduğundan ve başındaki çizgiler nedeniyle henüz aklımda tutmayı başaramadığım kodlardır :D Yapamadığım bir şey için öneri vermek yanlış olur. Bu nedenle siz bu kodları yazarken benim gibi şuradaki siteden yardım alabilirsiniz. Yine de bildiğim kadarıyla kodları biraz açıklayayım.
border-radius komutu bir alanın kenarlarını ovalleştirmeye yarar. -webkit şeklinde başlayan tüm tarayıcılar için -moz ile başlayan mozilla için, border-radius ise opera tarayıcısı için geçerlidir.-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Eğer siz “Ben sol üst ve sağ altın oval olmasını istiyorum. Diğerleri sivri kalsın. Bu nasıl olacak?” derseniz aşağıdaki makale gibi kodu kullanmanız gerekir. Ne kadar da çok :S
Yukarıdaki kodları türkçe olarak anlamak için:-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
top: üst – right: sağ – bottom: alt – left: sol
bunları bilmeniz yeterli.
box-shadow ise bir alanın gölgesini oluşturmaya yarar. Bu gölgeler aşağıdaki forma göre verilir.webkit-box-shadow: 0px 1px 2px #ddd;
-moz-box-shadow: 0px 1px 2px #ddd;
box-shadow: 0px 1px 2px #ddd;
Eğer gölgeyi içe doğru vermek isterseniz bu değerlerin en başına inset adlı değeri eklemeniz gerekir. Yani:webkit-box-shadow: yatay-gölge dikey-gölge bulanıklık #renk;
-moz-box-shadow: yatay-gölge dikey-gölge bulanıklık #renk;
box-shadow: yatay-gölge dikey-gölge bulanıklık #renk;
Bayağı uzun bir yazı oldu :) Eğer tasarımımız bittiğinde görünüş olarak beğenilirse WordPress’e göre kodlayıp dağıtılabiliriz.webkit-box-shadow: inset 0px 1px 2px #ddd;
-moz-box-shadow: inset 0px 1px 2px #ddd;
box-shadow: inset 0px 1px 2px #ddd;
Basit CSS Komutları {1}
Merhaba arkadaşlar. Bu yazımda daha önceden CSS’ye sıfırdan başlayacak olan arkadaşlara yardımı olacak bir konuya değinmek istedim. CSS’de bildiğimiz, bilmediğimiz bir sürü komut var. Bazen sitede CSS nedeniyle herhangi bir kayma oluyor. Bilmediğimiz ama daha önceden kaymayı düzelten bir kodu hatırlayıp ekliyoruz. Kayma düzeliyor. Fakat aklımıza şu soru takılıyor: “Bu komut ne işe yarıyordu da kaymayı düzeltti?”. Bu yazı serisinde CSS komutlarını iyice açıklayacağım.
Bu yazımızda basit bir sayfa hazırlamaya başlarken kullandığımız komutlardan bahsedelim.
body etiketi ingilizce anlamında olduğu gibi sayfanın “vücut” bölümüdür. Yani görünürde ne varsa bu bölüme eklenir. Bu nedenle sayfanın tümü bu etikete verdiğimiz değerler belirlenir. Arkaplan, yazı boyutu, yazı tipi gibi…body {
background: #fff url((resimler/arkaplan.png) repeat;
font: italic bold 14px Verdana;
color: #333;
}
Şimdi de komutları inceleyelim:
background komutu arkaplanı çağırır.background: #fff url(resimler/arkaplan.png) repeat;
Bunun karşısındaki #fff (beyaz) değeri arkaplanın renk kodudur.
url(resim-adresi) bölümü ise resmin URL adresi anlamına gelir. Oraya hangi resim adresini girerseniz arkaplanınız o resim olarak görünür.
repeat ise tekrar etmek anlamına gelmektedir. Yani resminizin 100×100 piksel boyutlarında olduğunu hayal edin. Bir adet papatya olan bir resim. Eğer siz resmin adresini girdikten sonra repeat komutunu eklerseniz resim edebildiği kadar tekrar eder. Sayfanız sonlanana kadar.
Bir resmi tekrar ettirmenin diğer türleri de şöyledir: repeat-x komutunu girerseniz resim sadece yatay olarak tekrar eder. repeat-y komutunu girerseniz sadece dikey olarak tekrar eder. no-repeat derseniz hiç tekrar etmeyecektir.
font komutu yazı tipi ile ilgili her şeyi kapsar. eğikliği, kalınlığı, boyutu ve hangi yazı tipi olduğu gibi…font: italic bold 14px Verdana;
italik eğikliktir.
bold kalınlıktır.
14px yazı tipinin boyutunu belirtir.
Verdana ise seçilen yazı tipinin adıdır.
color komutunun karşısındaki renk kodu yazının rengini belirler.color: #333;
width genişliği, height de yüksekliği..sayfa {
width:600px;
height:300px;
border: 1px solid #666;
background:#ccc;
text-transform: lowercase;
}
border çerçeve anlamına gelir. 1px değeri ne kadar kalın olacağını, solid değeri çizginin şeklini (kesik, noktalı v.b), #666 ise rengini belirler.
Diğer çerçeve stillerine şuradan bakabilirsiniz.
text-transform yazıyı dönüştürme komutudur. Tümünü küçük harfe dönüştürmek için lowercase, büyük harfe dönüştürmek için uppercase kullanılır.
Bu yazıda sadece bir kısmını inceledik. “Basit CSS Komutları {2}” adlı yazımızda görüşmek dileğiyle :)
.TR Uzantısının SEO’ya Etkileri Nelerdir?
Google’ın Webmaster Araçları’nda Coğrafi Pozisyon Google’ın Webmaster Araçları sisteminde, internet sitesini onaylattıktan sonra Coğrafi pozisyon olarak otomatik Türkiye seçili olur ve kesinlikle düzenlenemez. Bunun nedeni de, .tr domain uzantısıdır.
Alexa sıralamasında %100 Türk Ziyaretçi Görünümü .tr uzantılı internet sitelerinin Alexa.Com’daki sayfalarında %100 Türkiyeden ziyaretçi girdiğini belirtebilir. Eğer sizde .tr uzantılı bir domain almak isterseniz buraya tıklayın. Bu sitede her türlü tr uzantılı domainlerden kayıt yapabilirsiniz
WordPress SEO ve Yazı Etiketi Bağlantısı
Pek çok forum sitesi, SEO vb internet sitelerinde etikete vurgu ekleniyor.
İnternet hayatında şöyle bir yanılgı var. SEO =tag
Tabi ki WordPress vb internet sitelerinde yazı taglarının yararı görülecektir.
Ama bu demek değildir ki arama motoru optimizasyonu yani (SEO) yalnızca etiket ile olur. Bu hatalı düşünceyi aklınızdan silmeniz için bu makaleyi yazma gereği duydum.
Wordpress sistemlerinde girilen girilen blog yazısını açıklamanın en detaylı yolları yazının ekspoze ve taglarıdır.
Tagları sitemapınız vasıtasıyla Google’a göndererek internet hayatında geniş kitleye yayılıyorsunuz.
İşte bu alanlada bazı hatalı düşünceler var.
Biliyoruz ki sabır, her alanda bize muavin oluyor.
Fakat internet dünyasındaki webmasterların çoğu; hızlı index alma çok daha fazla index alma hırsı ile taglara ve WordPresse etmediklerini bırakmıyorlar.
Daha fazla etiket eklemek daha fazla index almak mana sına kesinlikle gelmez.
Çok fazla tag giren internet sitelerinin bazıları sandbox filtresine girebiliyor. Bu nedenden dolayı açıklamak istediğim şudur ki; fazla tag ile Google’ın gözünde büyüyemezsiniz.
20 adet tag eklemektense 5 ya da 7 tane tag girin, daha yararlıdır.
Tabi ki az tag eklemek “değersiz tag ekleyin” mana sına da gelmiyor.
Az fakat yararlı tag ekleyin. Girdiğiniz içeriği anlatan kısa ve öz tag girmeyi deneyin.
Mesela içerğimizin “SEO ve WordPress” olduğunu varsayalım.
Taglarımız ise “seo, wp, wp seo, wordpress seo, wpseo, wordpress” olmalıdır.
Konuyu en kısa ve anlaşılır vaziyette açıklayın.
İnternet hayatında şöyle bir yanılgı var. SEO =tag
Tabi ki WordPress vb internet sitelerinde yazı taglarının yararı görülecektir.
Ama bu demek değildir ki arama motoru optimizasyonu yani (SEO) yalnızca etiket ile olur. Bu hatalı düşünceyi aklınızdan silmeniz için bu makaleyi yazma gereği duydum.
Wordpress sistemlerinde girilen girilen blog yazısını açıklamanın en detaylı yolları yazının ekspoze ve taglarıdır.
Tagları sitemapınız vasıtasıyla Google’a göndererek internet hayatında geniş kitleye yayılıyorsunuz.
İşte bu alanlada bazı hatalı düşünceler var.
Biliyoruz ki sabır, her alanda bize muavin oluyor.
Fakat internet dünyasındaki webmasterların çoğu; hızlı index alma çok daha fazla index alma hırsı ile taglara ve WordPresse etmediklerini bırakmıyorlar.
Daha fazla etiket eklemek daha fazla index almak mana sına kesinlikle gelmez.
Çok fazla tag giren internet sitelerinin bazıları sandbox filtresine girebiliyor. Bu nedenden dolayı açıklamak istediğim şudur ki; fazla tag ile Google’ın gözünde büyüyemezsiniz.
20 adet tag eklemektense 5 ya da 7 tane tag girin, daha yararlıdır.
Tabi ki az tag eklemek “değersiz tag ekleyin” mana sına da gelmiyor.
Az fakat yararlı tag ekleyin. Girdiğiniz içeriği anlatan kısa ve öz tag girmeyi deneyin.
Mesela içerğimizin “SEO ve WordPress” olduğunu varsayalım.
Taglarımız ise “seo, wp, wp seo, wordpress seo, wpseo, wordpress” olmalıdır.
Konuyu en kısa ve anlaşılır vaziyette açıklayın.
MyBB Seo Optimizasyonu
Farkındayız ki en ayrıntılı paylaşım sadece forum sitelerinde yapılıyor.
Bu nedenden dolayı forum siteleri için arama motorlarından gelen kullanıcılar büyük öneme sahip. Düzeneği MyBB ile kurulmuş olan web site sahipleri için bu makale değerli bilgiler ifade etmekte. İlk önce http://mods.mybboard.net/view/google-seo sayfasından eklentiyi download edin.
Download ettiğiniz MyBB eklentisini winrar ile arşivden çıkartın içerisindeki dosya ve klasörlere bir göz gezdirin.
Eklentinin içerisindeki “inc” cilbenti forumun ana dizinine atılacak.
İlk önce; inc/languages cilbent inin içine girin ve turkish ismindeki bir cilbent oluşturun.
Ardından oluşturduğunuz turkish cilbent inin içerisine english cilbent inin içerisindeki dosyaları kopyalayın.
“Neden?” diye sorabilirsiniz. Bu nedenle olabilecek bir Türkçe karakter hatasını yok etmek için.
Bu nedenden dolayı forum siteleri için arama motorlarından gelen kullanıcılar büyük öneme sahip. Düzeneği MyBB ile kurulmuş olan web site sahipleri için bu makale değerli bilgiler ifade etmekte. İlk önce http://mods.mybboard.net/view/google-seo sayfasından eklentiyi download edin.
Download ettiğiniz MyBB eklentisini winrar ile arşivden çıkartın içerisindeki dosya ve klasörlere bir göz gezdirin.
Eklentinin içerisindeki “inc” cilbenti forumun ana dizinine atılacak.
İlk önce; inc/languages cilbent inin içine girin ve turkish ismindeki bir cilbent oluşturun.
Ardından oluşturduğunuz turkish cilbent inin içerisine english cilbent inin içerisindeki dosyaları kopyalayın.
“Neden?” diye sorabilirsiniz. Bu nedenle olabilecek bir Türkçe karakter hatasını yok etmek için.
Ftp’ye giriş yapın download ettiğiniz MyBB eklentisinin içerisindeki ‘inc’ cilbent ini forumunuzun ana dizinine yollayıp değişiklikleri onaylayın.
Ardından Ftp’den inc/plugins cilbent ine girin ve google_seo isminde bir cilbent oluşturun, oluşturduğunuz bu cilbentin içerisine
download ettiğiniz MyBB eklentisinin içerisindeki translate.php.turkish cilbentini gönderiyoruz ve ismini translate.php olarak restore ediyoruz.
functions.php.1.4.9-googleseo isimli dosyayı inc/plugins cilbentine gönderin ve ismini functions.php olarak restore edin.
Dosya yollama çalışmaları sona erdikten sonra MyBB forumunuzdan admin panelinize login olun.
Login olduktan sonra Yapılandırma/Pluginler alanına tıklayınız ve açılan sayfada MyBB Google Seo eklentisini çalıştırın.
Çalıştırma çalışması tamamlandıktan sonra; Yapılandırma/Ayarlar alanına tıklayıp Google SEO Url ayarlarına giriyoruz.
Google SEO Url ayarlarından Enable Google SEO Urls alternatifini onaylıyoruz.
Ardından aşağıdaki değerleri kaydediyoruz:
Announcement URL scheme: duyuru-{$url}
User URL scheme: uye-{$url}
Calendar URL scheme: takvim-{$url}
Event URL scheme: olay-{$url}
URL uniquifier: {$url}{$separator}{$separator}
Character Translation: Evet
Forum URL scheme: forum-{$url}
Thread URL scheme: {$url}.html
Bu değerleri kafanıza göre düzenleyebilirsiniz. Lakin unutmayın ki google “.html” url yapılarını daha çok sever.
Değerleri girdikten sonra .htaccess dosyanızı değiştirmezseniz SEO’nuz muvaffakiyetli olmaz. MyBB admin panelinden Yapılandırmalar/Pluginler alanına tıkladığınızda Google SEO Url kutu şeklinde sizlere .htaccess dosyanıza girmeniz gerekenleri belirtecektir..
Kutuda belirtilen yazıları klon layıp not defterinde değiştirdikten sonra .htaccess şeklinde kayıt edin ve forumunuzun bulunduğu ana dizine ftp ile gönderin. İşlem tamamlanmıştır.
Google Adwords Anahtar Kelime Bulma Aracı
Bu makalemiz Google Adwords un bizlere sağlamış olduğu kolaylığı, yani ücretsiz anahtar kelime bulma aracını bilmeyenler için altın bilezik değerindedir. Evet değerli bilgisever okurları Google Adwords Keyword Tool External yani (Google Adwords Anahtar Kelime Bulma Aracı) nın ne işe yaradığını ve bu araçla ne gibi işlemler yapabileceğinizi sizlere detaylı bir şekilde anlatacağım.
Yeni web sitesi açan acemi webmaster lar için veya web sitesi olupta anahtar kelime belirleyemediği için akıla ilk gelen, hit getirmeyecek + düşük rekabetli kelimeleri seçen webmaster lar için Google teknoloji devi nin bizlere sağlamış olduğu bu ücretsiz kelime aracı yapılmıştır. Bu araç ile web sitelerinize kolaylıkla anahtar kelime bulabilirsiniz.
(Kelime veya kelime öbeği) alanına aramak istediğiniz anahtar kelimeyi girin. (Web sitesi) alanına web sitenizi girin, (Güvenlik Kodu) nu girin ve ara butonuna basın. Aradığınız anahtar kelime hakkındaki bütün detaylar düzenli bir şekilde listelenecektir.
Yeni web sitesi açan acemi webmaster lar için veya web sitesi olupta anahtar kelime belirleyemediği için akıla ilk gelen, hit getirmeyecek + düşük rekabetli kelimeleri seçen webmaster lar için Google teknoloji devi nin bizlere sağlamış olduğu bu ücretsiz kelime aracı yapılmıştır. Bu araç ile web sitelerinize kolaylıkla anahtar kelime bulabilirsiniz.
(Kelime veya kelime öbeği) alanına aramak istediğiniz anahtar kelimeyi girin. (Web sitesi) alanına web sitenizi girin, (Güvenlik Kodu) nu girin ve ara butonuna basın. Aradığınız anahtar kelime hakkındaki bütün detaylar düzenli bir şekilde listelenecektir.
W3C Nedir,Ne İşe Yarar ?
W3C projesi Tim Berners Lee‘nin başkanlığı ile inşa edilen ve Web’in Standartlarını açıklayan kuruluştur. W3C kurulunca pek çok dünyaca ünlü yazılımcı ve programı bulunmaktadır. Bu kuluşun asıl amacı; HTML kodlarının veya HTML çıktılarının her internet tarayıcısında aynı görüntüyü göstermesi için toplu hükümler almaktır. Kısacasu bu kuruluş HTML lisan ının devamlılığını sağlarlar.
Bu kuruluş sürekli HTML bilgileri yayınlayarak,kaliteli bilgiyi kazandırmaya çalışır. W3C ‘nin bu göreve sahip olmasının sebebi 1993 yılında CSS kullanan kişi sayısının artmaya başlamasıdır. Devir in dikkat çekici tarayıcılarının bir bölümü değişik şekilde belirlenmiş CSS’leri okurken bir bölümü ise diğer şekilde belirlenmişleri okuyordu.
Bir yandan internet sitelerinin düzenini sağlayan devir in ünlü tablolarının yorumlanması bazı tarayıcılara göre de değişiklik yaratabiliyor. Bunun mana sı; Web’in karışık bir konstrüksiyon a gidiyor olmasıydı. Bu kısımda inşa edilen kuruluş; toplu kararlar alarak değerlendirilmesi gereken kodları tarayıcı müellif lerine açıklaılar ve W3C ‘nin verdiği kodlara uyumlu çıktılar veren tarayıcılar ücretilmeye başlandı.
Pek çoğumuz sağı solu kayık sitelere günde 1 kezde olsa gün rastlıyordur. Bunun asıl nedeninin “tasarımcının yeteneksizliği” değil, internet sitesinin W3C Standartlarına uyuşmamasıdır. Bu alanda W3C kuruluşu; internet sitelerin W3C uyumunu gözetleke için W3C Validator vasıta sını üretmiştir. Bu vasıta aracılığıyla tasarımı tamamlanmış bir web sitesinin W3C sorunlarını bulabilirsiniz. Ayrıca -her ne kadar lisan ı İngilizce de olsa- açıklayıcı bir halde ,sorunların nasıl onarılması gerekildiği belirtiliyor.
Bu kadar açıkladık ettik,peki bunun Search Engine Optimization ile balantısı ne ? SEO’nun esasında “Google gibi muhakeme etmek” kelimesinin yattığını hepimiz onaylayabiliriz. Bu kısımda Google, kazancı olan internetin istikbalini düşünmek mecburiyetindedir. Bu nedendendolayı W3C nizam larına uyumlu olarak ücretilmiş,yani kodları ile Web’i çöplüğe çevirmeyen internet siteleri google arama sonuçlarında değerlendirilir. Ayrıca Trustrank kriterine olan net faydası türkiye dışındaki pek çok yazıda net bir şekilde açıklanmıştır.
Sizler de bu nedenden dolayı internet sitelerinizi XHTML Validator ve CSS Validator vasıtaları ile kontrol edip, sorunlarını tespit edip yeni web standartlarına uyumlu hale getirmelisiniz,hem internet için hem kullanıcılarınız için hem de Google arama motoru için yararlı bir işlev uygulamalısınız..
Bu kuruluş sürekli HTML bilgileri yayınlayarak,kaliteli bilgiyi kazandırmaya çalışır. W3C ‘nin bu göreve sahip olmasının sebebi 1993 yılında CSS kullanan kişi sayısının artmaya başlamasıdır. Devir in dikkat çekici tarayıcılarının bir bölümü değişik şekilde belirlenmiş CSS’leri okurken bir bölümü ise diğer şekilde belirlenmişleri okuyordu.
Bir yandan internet sitelerinin düzenini sağlayan devir in ünlü tablolarının yorumlanması bazı tarayıcılara göre de değişiklik yaratabiliyor. Bunun mana sı; Web’in karışık bir konstrüksiyon a gidiyor olmasıydı. Bu kısımda inşa edilen kuruluş; toplu kararlar alarak değerlendirilmesi gereken kodları tarayıcı müellif lerine açıklaılar ve W3C ‘nin verdiği kodlara uyumlu çıktılar veren tarayıcılar ücretilmeye başlandı.
Pek çoğumuz sağı solu kayık sitelere günde 1 kezde olsa gün rastlıyordur. Bunun asıl nedeninin “tasarımcının yeteneksizliği” değil, internet sitesinin W3C Standartlarına uyuşmamasıdır. Bu alanda W3C kuruluşu; internet sitelerin W3C uyumunu gözetleke için W3C Validator vasıta sını üretmiştir. Bu vasıta aracılığıyla tasarımı tamamlanmış bir web sitesinin W3C sorunlarını bulabilirsiniz. Ayrıca -her ne kadar lisan ı İngilizce de olsa- açıklayıcı bir halde ,sorunların nasıl onarılması gerekildiği belirtiliyor.
Bu kadar açıkladık ettik,peki bunun Search Engine Optimization ile balantısı ne ? SEO’nun esasında “Google gibi muhakeme etmek” kelimesinin yattığını hepimiz onaylayabiliriz. Bu kısımda Google, kazancı olan internetin istikbalini düşünmek mecburiyetindedir. Bu nedendendolayı W3C nizam larına uyumlu olarak ücretilmiş,yani kodları ile Web’i çöplüğe çevirmeyen internet siteleri google arama sonuçlarında değerlendirilir. Ayrıca Trustrank kriterine olan net faydası türkiye dışındaki pek çok yazıda net bir şekilde açıklanmıştır.
Sizler de bu nedenden dolayı internet sitelerinizi XHTML Validator ve CSS Validator vasıtaları ile kontrol edip, sorunlarını tespit edip yeni web standartlarına uyumlu hale getirmelisiniz,hem internet için hem kullanıcılarınız için hem de Google arama motoru için yararlı bir işlev uygulamalısınız..
Google’dan Gmail’a Hızlı İletişim Sistemi
Google teknoloji devi dün itibariyle resmi Gmail bloğunda açıklama yaptı. Yapılan açıklamada Popüler e-posta hizmetine yeni bir sistem ilave edildiği anlatıldı. Google adsense reklamlarının yer aldığı mesaj alanının sağ tarafına gelen eklenti ile e-posta yolladığınız kişinin kayıtlı malumat ları, daha önce ki e-postalarınız, twitter üyeliği ve Google araçlarındaki malumatları listeleniyor.
Birden fazla insana yolladığınız maillerde chat hususiyetleri de bu sistem ile kullanılabilecek. Şu anda Türkiye’de değerlendirilmeyen fakat yurtdışında etkili olan sistem kısa bir süre sonrada Türkiye’de etkili olacak. Google Voice‘da widgeta ilave edilmiş. Uzun lafın kısası Google bu sistem ile Gmail’i yalnızca e-posta servisinin mavera sında tam bir haberleşme aracı haline getirmiş.
Yine kısa bir süre önce “önemli postalar” hususiyet’ide ilave edildi gmail’de, arşivle, spam bildir, sil butonlarının hemen yanına + ve – tarzında butonlar eklenip kısa yol temin edildi
. Ekstra dan sol taraftaki menüde yıldızlı neticelerin altındada önemli bölümü yer almış aslında yıldızlı neticelere göre daha olanaklı bir sistem haline gelmiş, kullanım rahatlığı ve listeleme sistemi yardımıyla daha müessir kullanılacaktır.
Birden fazla insana yolladığınız maillerde chat hususiyetleri de bu sistem ile kullanılabilecek. Şu anda Türkiye’de değerlendirilmeyen fakat yurtdışında etkili olan sistem kısa bir süre sonrada Türkiye’de etkili olacak. Google Voice‘da widgeta ilave edilmiş. Uzun lafın kısası Google bu sistem ile Gmail’i yalnızca e-posta servisinin mavera sında tam bir haberleşme aracı haline getirmiş.
Yine kısa bir süre önce “önemli postalar” hususiyet’ide ilave edildi gmail’de, arşivle, spam bildir, sil butonlarının hemen yanına + ve – tarzında butonlar eklenip kısa yol temin edildi
. Ekstra dan sol taraftaki menüde yıldızlı neticelerin altındada önemli bölümü yer almış aslında yıldızlı neticelere göre daha olanaklı bir sistem haline gelmiş, kullanım rahatlığı ve listeleme sistemi yardımıyla daha müessir kullanılacaktır.
WordPress Sitelerin Tasarımında Dikkat Edilmesi Gerekenler
Şuan yaklaşık olarak İnternettte yayımlanan 200bin adet WordPress teması var. Bunlar paralı yada parasız.Genelde büyük bir yatırım yapmak istemeyenler parasız temaları tercih ediyorlar.
WordPress’te temaları değiştirerek neler yapabilir:
- Blog
- Film
- Dizi
- Müzik
- Dosya
- Makale sitesi
- Haber sitesi
- Sağlık
- Video
- Yemek
Peki Temada neye dikkat edicez.
Sitenizdeki reklamlardan iyi para kazanmak istiyorsanız: Sade bir tema reklam alanları bol seçmenizi tavsiye ederim.(Bunlara Adsense teması denir.Google’a Adsense teması diye aratırsanız bir sürü ücretsiz olarak bulabilirsiniz.)
Yok şimdilik önemli olan para değil diyorsanız. Şık bir tema. Reklam yeri az yada hiç olmasını tavsiye ederim.
Peki tasarımı nasıl olmalı diye sorulucak olursa.
Benim için her temanın şık ve modern olmasını tavsiye ederim.
Şık bir temada neler olmalı:
- Keskin hatlar olmıyacak. Köşeler yuvarlakımsı olursa daha iyi olur
- Renklerin uyumluluğu.(metalik renkler daha işinize yarar)
- Kodlaması((w3c kurallarına uymalı. (Seo açısından))
- Boyutu uzmanlar bir temanın en fazla 50Kb olmasını tavsiye ediyor. (Fazla olursa ziyretçinin siteye giriş süresi uzayacağı için tavsiye edilmiyor.)( Ayrıca Google botlarıda sevmiyor )
- Reklamları fazlaya kaçırılmamalı(ziyaretçi için çok önemli)
- Reklamlar iyi yerlere konuşlandırılmalı.
Haber Siteleri için
- Sitenizin renkleri Beyaz arkaplanlı. Kırmızı çizgileri olmalı.
- Manşet olmazsa olmaz.
- Temada bir kayma olmaması tavsiye edilir.
- Sitenizin arkaplanı siyah, hatları turuncu olmalıdır.
- Anasayfada afiş kısmı olmalıdır.
- Logoya film şeritleri konulur.
- Arkaplan siyah şart.
- En çok izlenen dizilerin videolarını anasayfada afiş şeklinde bulunsun.
- Logoya genelde televizyon simgesi konulur.
- Arkaplana yayınladığınız müzik çeşidine göre bir resim koyun
- Logoya genelde müzik notası konulur.
- Renk önemli değil.
- Şık olması şart.
- Logoyu kafanıza göre takılın :)
- Arkaplan Turkuaz rengi olması gerekiyor.(huzur verir insanlara)
- Kadınlar için ise pembe arkaplan
- Logonuza doktor ve hemşire olursa güzel olur
- Arkaplanın Turuncu olmasını tavsiye ederim.
- Logonuzda üstünde buhar tutan resimlerin olmasını tavsiye ederim.
Ultrasurf ile Sansürsüz İnternet
Merhaba millet, artık kulağımıza aşina olan internet sansürünü herkes biliyordur. Bu konuda ne yapılabilir diye düşünenler bir sürü şey ortaya çıkardı.Bir sürü tunnel veya program. tüneller pek işimize yaramadı çünkü çoğu internet gezimlerinde sorun ortaya çıkarıyorlar. Pop-up rekalmalar en başında geliyor. O yüzden tünellere benden ’0′ puan. Tünellerden umut kestiğimize göre karşımıza programlar çıkıyor. Bir sürü proxy programı var ama biri hariç hepsi artık ömrünü doldurmuş durumda.
İşte o Program UltraSurf ;
Program oldukça basit programı açtıktan sonra. Succesfully conected to server yazısı çıktıktan sonra otomatik olarak internet explorer açılıyor. İsteğe göre diğer internet tarayacılarında da kullanabilirsiniz.
Ben nolur nolmaz diye birde programın çalıştığı andaki resmini koyuyorum. Herkese sansürsüz surfler :)
İşte o Program UltraSurf ;
- Her hafta güncelleniyor
- Arkasında iz bırakmıyor
- Hızlı
- Reklamsız
- 1Mb boyutu
- Kullanımı çok kolay. Programı aç kendisi sunucuya bağlandıktan sonra size kalan tek şey sansürsüz İnternette surf yapmak :)
- 2002 yılından beri sürekli güncelleniyor.
Program oldukça basit programı açtıktan sonra. Succesfully conected to server yazısı çıktıktan sonra otomatik olarak internet explorer açılıyor. İsteğe göre diğer internet tarayacılarında da kullanabilirsiniz.
Ben nolur nolmaz diye birde programın çalıştığı andaki resmini koyuyorum. Herkese sansürsüz surfler :)
Download adresi programın resmi sitesidir. Yazsamyeter olarak direk size adresi verilmiştir.
Kaydol:
Kayıtlar (Atom)
