Css ???

Haziran 20, 2009 - 15:51 , Hamza ERBAY

CSS (Cascading Style Sheets) HTML sayfalarını rahatca düzenlememizi sağlayan bir web standartıdır.

Neden Kullanılır?


CSS kullanılma amacı


- Html taglarına çeşitli özellikleri tek seferde eklenmesini sağlar bunu geniş çaplı düşünürsek büyük zaman kaybından kurtarır.

- Görsel düzenlemeleri yaparken bize kolaylık sağlar örneğin köşeleri oval bir tablo stili yapıyorsak siteye bunu birden fazla yerde kullanacaksak bunu eklemek için kullanabiliriz. Ya da çeşitli görsel özellikleri uygulamada örneğin resmin saydamlık değeri yada contrast değerleriyle ilgili işlemler yaparak resimlerinizin daha hoş gözükmesini sağlayabilirsiniz…

- Tek CSS dosyası ile tüm sitenizin tasarımını şekillendirebilirsiniz bu sitenizin daha hoş gözükmesini sağlıyacaktır. Tüm sayfalarınıza aynı stili atayarak sayfaların uyumluluğunu sağlayabilirsiniz. Web sayfanızın uyumlu gözükmesi ziyaretçininde sitede daha çok kalmasında bir etkendir.

- Sayfalar aynı stili kullanmasından dolayı sayfa yüklenmesi daha hızlı olacaktır. Çünkü aynı stili kullandığımızda o stil özelliklerini tekrar tekrar yüklemeyecektir.

Bazı CSS tagları ve açıklamaları

Haziran 20, 2009 - 15:49 , Hamza ERBAY

Css i yeni öğrenenler için bazı tagların özellikleri

LİNK ÖZELLİKLERİ

a: Linkin, sayfa açıldığında tıklanmadan veya imleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildiğindeki durumudur.
a:active : Linkin tıklandığı andaki durumudur.
a:visited : Linkin tıklandıktan sonraki durumudur.BİÇİMLENDİRME:
color: Linkin rengini belirler.
background-color: Linkin zemin rengini belirler.
background-image: Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration: Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
font-weight: Yazının kalınlık veya inceliğini belirler.
border: Linkin etrafına kenarlık ekler.
display: Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

LİSTE ÖZELLİKLERİ

disk: Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
circle : Liste biçiminin çember şeklinde olmasını sağlar.
square : Liste biçiminin kare olmasını sağlar.
decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
none : Listenin simgesiz olmasını sağlar.
inside : Listenin ikinci satırının en soldan başlamasını sağlar.
Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
list-style-image : Liste biçiminin resim olmasını sağlar.

KATMAN ÖZELLİKLERİ

position: Katmanın yerinin belirlenmesini sağlar.
absolute: Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static: Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top: Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
left: Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width: Katmanın genişliğinin ne kadar olacağını belirler.
height: Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow: Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto: Otomatik olarak belirlenir.
scroll: Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hidden: Sığmayan yerleri gizler.
visibility: Katmanın görünebilirlik ayarını yapar.
visible : Katmanın görünür olmasını sağlar.
hidden: Katmanı gizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.

FONT ÖZELLİKLERİ

font-family: Yazı türünü belirler.(Arial , Verdana gibi.)
font-style: Yazının normal veya sağa eğik olmasını sağlar.
font-variant: Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
font-weight: Yazının kalınlık-inceliğini belirler.
font-size: Yazının büyüklüğünü belirler.

TEXT ÖZELLİKLERİ

word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.
overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
line-through : Kelimenin ortasından çizili olmasını sağlar.
blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.
uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.
lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.
none : Kelimelerin orjinal metindeki gibi olmasını sağlar.
text-align: Metnin dikey olarak nasıl hizalanacağını belirler.
left : Metni sola yaslar.
right : Metni sağa yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

İMLEÇ ÖZELLİKLERİ

crosshair: İmlecin artı işareti şeklinde olmasını sağlar.
auto: İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
default: İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
hand: İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
move: İmlecin taşıma işareti şeklinde olmasını sağlar.
ne-resize: İmlecin sağa yatık normal ok olmasını sağlar.
nw-resize: İmlecin sola yatık normal ok olmasını sağlar.
se-resize: İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
sw-resize: İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
n-resize: İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
s-resize: İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
w-resize: İmlecin sola doğru ince ok şeklinde olmasını sağlar.
e-resize: İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
text: İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait: İmlecin meşgul animasyonuna dönüşmesini sağlar.
help: İmlecin yardım-soru işaretine dönüşmesini sağlar

ZEMİN ÖZELLİKLERİ

background-color: Zeminin rengini belirler.
#color : Renk adı.
transparent: Zeminin saydam olmasını sağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarı yerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağı yerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
…px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.

TABLO ÖZELLİKLERİ

margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.

padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

border : Tablonun kenarlarının şekillendirilmesini sağlar.

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

border-width : Tablonun kenarlarının kalınlığını belirler.
border-top-width : Tablonun üst kenarının kalınlığını belirler.
border-right-width : Tablonun sağ kenarının kalınlığını belirler.
border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
border-left-width : Tablonun sol kenarının kalınlığını belirler.

border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.

border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.

color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.

NOT: Başlık “TABLO” olarak verildi Ancak bu nitelikler başta TD, TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS’ yi özel kılan da zaten bu

KAYDIRMA ÇUBUĞU ÖZELLİKLERİ

scrollbar-face-color : Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.
scrollbar-base-color : Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.
scrollbar-shadow-color : Sağ ve alt kenarlıkların gölge rengi.
scrollbar-highlight-color : Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.
scrollbar-arrow-color : Yön oklarının rengi

Portfolio Annual Başvuruları Başladı

Haziran 10, 2009 - 20:44 , Hamza ERBAY

Annual

Türkiyenin geneli bir illustrasyon yıllığı oluşturuluyor. Benim henüz bu alanda çalışmalarım yok ama güzel çalışmaları olan arkadaşların başvurmaları öneririm.

TERCİHLİ KATEGORİLER
- 3D Modelleme
- 3D Mimari Görselleştirme
- Fotomanipülasyon ve ReTouch
- İllüstrasyon / Matte Paint
- İllüstrasyon / Konsept Tasarım
- İllüstrasyon / Boyama, Genel, Nesne
- Show Reel (DVD ORTAMINDA)

GÖRSEL YÜKLEME
Sayfa tasarımı yayıncı kuruluş tarafından yapılacaktır. Tasarımcı, çalışmalarını önem sırasına göre dizmeli ve işlerini isimlendirirken bu sıraya göre numaralandırmalıdır. Böylelikle yayıncı kuruluşa favori işini göstermiş olacaktır. Sayfa tasarımında, bir numarada belirtilen çalışma, diğerlerinden daha büyük kadrajda kullanacağından bu noktaya dikkat edilmelidir.

Gönderilen çalışmaların sayısı 5′ten çok olmamalıdır. Sayfada çalışmaların yayınlanma adeti yayıncı kuruluşa bağlı olup, sayfa ve görsellerin boyutlarına ve kapladıkları alanlara göre sanatçının çalışmalarından en az 3, en fazla 5 tanesi kendisine ayrılan sayfalarda yayınlanacaktır. Çalışmaların numaralandırılması ve öncelik sırasına dizilmesi bu açıdan önem taşımaktadır.

Görsel yüklerken şu noktaya dikkat edilmelidir. Portfolio Annual, genel bilinen çizgiden farklı olarak, iş disiplinlerine göre kategorize edilmiş bir kitap olacaktır. Sanatçı, farklı disiplinlerde başarılı işler yapıyor olabilir, katalogda yayınlamak istediği işleri için ilgili kategoriye, uygun işlerini seçerek yüklemelidir.

Örneğin:
Bir sanatçı hem 3D Modelleme hem de illüstrasyon yapabilir. Ancak aynı panelden hem illüstrasyonlarını hem de 3D Model çalışmalarını yükleyemez. Sanatçı, katılmak istediği her disiplin için ayrı giriş yapmalıdır. Aynı yüklemede gönderilen çalışmalar üretim disiplini olarak aynı kulvarda olmalıdır.

ÇALIŞMALARIN KÜNYE BİLGİSİ
Sanatçı yayınlamak istediği çalışmaların künye bilgilerini doğru ve net olarak vermelidir. Bunun için ikinci adımda bulunan Excel belgesini indirerek içeriğini doldurmalı ve doldurulan bu belgeyi aynı adımda yer alan yükleme paneli üzerinden bize göndermelidir.

Başvuru:

http://www.dinodream.com/portfolioannual

SEO “search engine optimizer” – 6

Haziran 10, 2009 - 15:02 , Hamza ERBAY

Optimizasyonda İllegal Yollar

Bu yöntemlerin garantisi olmamakla birlikte, tespiti halinde Google tarafından sitenizi geçici ya da kalıcı olarak liste dışı bırakılmasına sebep olabilirler.

  • Spam Yöntemleri -1 : Kelime Tekrarı

Esas olarak ana sayfanızın bir bölümünde, zemin rengiyle aynı renkte yazıyla (görünmemesi için) aynı anahtar kelimelerin ardı ardına tekrarlanmasıdır. Mantığı Google’ın sayfamızda  bu kelimelerin çok geçtiğini sanmasını sağlamaya çalışmaktır. Bu çalışmada kelime tekrar sınırı 200 dür. Çünkü 200′ den fazla tekrarlanıyorsa Google bunu Spam olarak algılar ve görmezden gelir.

  • Spam Yöntemleri-2: Toplu İçerik Çalmak

Bu yöntemde, hedeflediğimiz anahtar kelime ile Google’ da arama yaparız. Sonuç olarak gelen web sitelerini açarak sayfaların içeriklerini kendi sayfamıza kopyalarız. Tek başına değil ama diğer yöntemlerle birlkikte kullanıldığında sonuç alınabilinir.

  • Rss Beslemeleri

Pek çok site, içerikleriklerini RSS okuyucular için paylaştırmaktadır. Web sitemize otomatik olarak çalışan bir RSS çekici yerleştirerek, pek çok sitenin içeriğini kendi sitemize düzenli olarak kopyalarız.

  • Ücretli Bağlantılar

Yüksek PR değerine sahip pek çok web sitesi aylık belili ücretler karşılığında sizin sitenize  link verebilirler. Bu tür ücretli bağlantıların rapor edilerek haksız rekabetin önlenmesi için Google ‘ ın şikayet mekanizması vardır:

Http://www.google.com/webmasters/tools/paidlinks?hl=tr

  • Mirror (ayna) Domainler

Sunucu üzrinde yapılan özel ayarlarla, belli kelimeleri kullanarak sub-domainler tanımlanır ve bu sub-domainlerin hepsi ana domainin birebir aynısı gibi çalışır.

Seo score

Sitenizin seo optimizasyon başarısını görmek için bakabileceğiniz bir link

http://whois.domaintools.com/siteniz.com

Not:Optimizasyon semineri notlarımdan

SEO “search engine optimizer” – 5

Haziran 8, 2009 - 16:26 , Hamza ERBAY

PageRank kazanmak

  • Genel Olarak Bağlantı Şekli

Bir yere Sitemiz için bağlantı eklerken, bu işlemi sadece www… web adresimizi yazarak değil, öncelikli olarak hedeflediğimiz anahtar kelimeyi yazıp, bağlantıyı bu kelimeye ekleyerek yapmamız gerekir.

Örnek: Mutfak Gereçleri linki gibi

<a href=”www. mutfakgerecleri .com” > Mutfak Gereçleri</a>

  • Dizin ve Link Sitelerine Kayıt

PageRank değerimizi yükseltmek için mümkün olduğunca çok ve PR değeri yüksek siteden link almamız gerekmektedir. Bazı ücretsiz kayıt siteleri de yardımcı olacaktır.

  • Link Değişimi

Link değişimi tekliflerine webmaster forum sitelerinden ulaşılabilir. Temel olarak 2 sitenin birbirlerine karşılıklı olarak link vermesine dayanır. iyinet.com, r10.net gibi webmaster forumlarında güncel olarak pek çok link değişim teklifi yer almaktadır.

  • Forumlara Yazı Yazmak

Forum sitelerinde, herhangi bir başlık altındaki herhangi bir konuda bir cevap yazdığınızda, yazınızın altında size özel imza alanı olacaktır. Bu imza alanına web site adresinizi kullanarak, oyomattik olarak bu forum sitesinden link almış olursunuz.

  • Sitenize Makale Eklemek

Özgün içeriği desteklemek adına sitenize ekleyeceğiniz makalelere konunuzla alakalı referans sitelerinden link alabilirsiniz. örneğin sağlık sitenizde bir makaleniz var bunu vikipedia da yayımlayıp kaynak olarak sitenizi gösterebilirsiniz.

  • Link Satın Almak

Bir web sitesinin, aylık bir ücret karşılığı sizin sitenize link vermesi anlamına gelen link satın alma işlemi, Google tarafından hoş karşılanmamaktadır.

  • Yorum Eklemek

Günümüzde pek çok kişisel web sitesi, blog mimarisi üzerine kurulmaktadır. Bu web sitelerinde yer alan yazılara ve haberlere yorum ekleme imkanı bulunmaktadır. Haber içeriğiyle uyumlu yorumlar eklerken, kendi web sitemize link verebiliriz. Yorum ekleyeceğimiz siteleri seçerken, üyelik gerektirmeyen ve yorum ekleme anında bize web sitemizi soran siteleri tercih etmeliyiz.

  • Açık Mail Grupları

Mesajlarının internet üzerinde açık bir şekilde yayınlandığı mesaj gruplarına atacağınız epostalar vasıtasıyla da link alabilirsiniz.

Bugün PR değeri 0 olan site kısa bir süre içinde PR 6 seviyesine ulaşabilir. Bu demek oluyorki, PR değeri düşün sitelerden link almaya çalışarak zaman kaybetmiş olmayız.

Dış Linkler

Sayfanızdan Mümkün olduğunca dışarı bağlantı vermekten kaçının. Bu sizin PR değerinizi düşürecektir. Dışarı link vermeniz gerekiyorsa bunun için bazı kodlara özen göstermeniz gerekir.

<a href=”http:/ / www. siteismi. com” rel=”nofollow” title=”Site Başlığı”>Site Başlığı</a>

Bu bağlantıya eklediğimiz “nofollow” kodu, arama motoru robotlarının bu bağlantıyı takip etmemelerini sağlar. Bu sayede sayfanızdan çıkış yapan link olmayacağı için PR değerinizi koruyabileceksiniz.

SiteMap Hazırlamak

Sitemap’ ler sitemizin tüm sayfalarının dökümünü arama motoru robotlarının hizmetine sunan dosyalardır. Sitemap hazırlamak, yapılması zorunlu bir uygulama değildir. Bri sitemap hazırlasanız da hazırlamasanız da, Google robotları sitenize girecek ve tüm bağlantıları takip ederek sitenizi indexlemeye çalışacaktır.

Ancak bazı durumlarda, Google robotları sayfalarınızı bir yere kadar taradıktan sonra tıkanabilirler. Bunun sebebi bozulmuş link ya da anlık bir sayfanın çalışmama durumu olabilir.

İşte bu gibi durumlarda indexlemenin sekteye uğramaması için, sitemap dosyaları kullanılmalıdır. Eğer bir sitemap dosyanız varsa, bazı linklere ulaşılamasa bile, sitemap dosyasında belirtilen sayfaların hepsi Google robotları tarafından kontrol edilecektir.

örneğin:

http://www.hamzaerbay.com/sitemap.xml

Not: Eğer sitemiz çok fazla sayfa içeriyorsa(binlerce) sitemap dosyamızı parçalamak en doğrusu olacaktır.

Mesela  20 bin sayfa içeren bir site için, sitemap dosyamızda 20 bin bağlantınında listelenmesi, sitemap dosyamızın çok büyük olmasına yol açabilecektir ve bazı arama motoru robotları bu dosyayı okumayacaktır. bunun yerine dosyayı 4 parçaya bölüp, sitemap1,sitemap2,sitemap3,sitemap4 diye isimlendirebiliriz.

Robots.txt Dosyası Hazırlamak

Robots.txt dosyası arama motoru robotlarına web sitesinde gezme izni verip vermeme, ya da belli dosya ve klasörleri arama motorlarında saklama gibi işlevleri olan bir dosyadır.

Eğer herhangi bir dosya ya da klasör arama motorlarından gizlenmeyecekse, kullanılmasıyla kullanılmaması arasında fark olduğuna dair kesin bir bilgi yoktur.

Eğer arama motoru robotlarının indexlemesini istemediğiniz bir dosya varsa, bunu Robots.txt dosyasında şöyle belirtebilirsiniz

Disallow:/gizli.html

Disallow:/özel/
 

 

Disallow:/resimlerimiz/resim1.jpg
Yukarıda belirtilen “Disallow” kodları robots.txt dosyanızı kullanarak bu dosyaları arama motoru robotlarına karşı koruyabilirsiniz. Ancak gizli dökümanlarınızın adreslerini robots.txt dosyasına bu şekilde yazmak, bu dosyaları pek çok meraklı kullanıcıyla paylaşmak anlamına gelecektir.

Robots.txt dosyasında aynı zamanda arama motoru robotlarına sitemap dosyamızın adresinide belirtebiliriz. Özellikle çok sitemap dosyamız varsa, robots.txt dosyasının kullanımı zorunludur.

Not:Optimizasyon semineri notlarımdan

SEO “search engine optimizer” – 4

Haziran 6, 2009 - 20:42 , Hamza ERBAY

Flash, Java Script ve Frame Kullanımı

Google robotları, tamamen flash ile yapılmış sayfalardaki metinleri okuyamazlar. Frame kullanılarak yapılmış sayfalar ise genellikler robotlar tarafından hatalı algılanır. Web sitenizin menu bağlantılarını flash ya da Java Script kullanarak yapmanız, Google robotlarının bu bağlantıları takip edememesine neden olur.

Bu sebeplerden dolayı, zorunlu haller dışında, menu bağlantıları ve içerikler için mutlaka yazı kullanmak gerekir.

Bir web sitesinin tamamını flash ile hazırlamak yerine, animasyon gereken bölümlerde ayrı ayrı flash animasyonlar kullanmak daha sağlıklı olacaktır.

Adobe tarafından Search Engine SDK adı verilen teknoloji sayesinde, flash animasyonların içeriklerinin arama motoru robotları tarafından okunabilmesi yönünde olumlu adımlar atılmaktadır. Ancak bu çalışmalar yakın gelecekte, flash animasyonları metin içeriklerle aynı pozisyona getirmeye cektir.

Metin Tabanlı Olmak

Her ne kadar göze hoş gelse de, sitenin tamamını falsh animasyon şeklinde tasarlamaktan kaçınılmalıdır. Flash animasyonları sadece belli alanlarda görselliği sağlamak için kullanınız. Çünkü, bir flash animasyonun içinde yer alan hiçbir resim ya da yazı, Google tarafında algılanamaz.

Domain(Alan adı) Seçimi

Sitemiz için seçtiğimiz alan adının (domain name) genel olarak ana anahtar kelimemizle uyumlu oılması gerektiği söylenebilir.

Ana anahtar kelime gurubumuz “grafik animasyon” ise alan adımız www.grafik-animasyon.com gibi bir alan bize avantaj sağlıyabilir.

PageRank(PR) – Link Popülerliği

  1. PageRank Nedir?
      PagerankEn basit haliyle anlatmak gerekirse, bir web sitesine , pek çok başka site tarafından bağlantı veriliyorsa, o web sitesinin iyi ve güvenilir olduğu kabul edilir. Arama sonuçlarında bu iyi ve güvenilir kabul edilen siteler öncelikli olarak listelenir.Sizin sitenize bağlantı veren sitenin kendi PR değeri ne kadar yüksekse sizin sitenize verilmiş olan bağlantının sizin sitenizin PR değerine katkısı da o denli yüksek olacaktır.Bununla birlikte, size en yararlı olacak bağlantı, içerik ve konu olarak sizin sitenizle benzer konulara sahip sitelerden bağlantı almanızdır.Eğer internet üzerinden çiçek satıyorsanız, bir inşaat firmasının sitesinden size bağlantı vermesindense, bitkiler ya da botanik üzerine bir amatör web sitesinden bağlantı almanız sizin için daha faydalı olacaktır.
  2. PageRank, kabaca bir sitenin başka siteye verdiği oy olarak tarif edilebilir. Google algoritmasının en temel kriteri olan PageRank sistemi, interneti büyük ve demokratik bir platform haline getirir.

  3. PR değerleri ve anlamları
    • PageRank N/A:Bu sitenizin henüz Google Tarafından PageRAnk ölçümünün yapılmadığını gösterir. Muhtemelen siteniz ya da alan adınız henüz yenidir veya sitenize yönlenmiş fazla kaliteli link yoktur.
    • PageRank 1-2:Sitenizin pek fazla link almadığını ve biraz daha üzerinde uğraşılması gerektiğini gösterir. Tabii iyi hedeflenmiş anahtar kelimeleriniz olursa bu değere sahip sayfalarınız bile ilk arama sonuçları arasında görüntülenecektir. Eğer bu PR değerlerine sahipseniz sitenizde biraz link bulmalısınız.
    • PageRank 3:Bazı koşullarda tamam olabilir ama yüksek rekabet seviyesine sahip kelimelerde pek şamnsı yok.
    • PageRank 4:Oldukça normal bir seviyedir ve sitenizin rekabet seviyesini arttıracak yeterli sayıda ve kaliteli linke sahip olduğunu gösterir.
    • PageRank 5:Sitenizin otoriter sitelerden  yeterli sayıda ve kaliteli linklerinin olduğunu ve Google’ın sitenize güvendiğini gösterir. Hatırı sayılır ve elde edilebilir bir yerdir.
    • PageRank 6:Elde edilmesi zordur. Sitenin iyi yerlerden çok sayıda linkinin olduğunu gösterir.
    • PageRank 7-10:Genellikle bu sitelere olan linkler sayesinde büyük bir otoritesi olan kuruluşlar veya siteler tarafından elde edilir. Elde etmesi aşırı derecede zordur.
  4. Aynı Sunucuda Host Edilen Siteler

PR kazanmak amacıyla, bir çok site açıp bunları birbirine linklemek pratik olarak çözüm sağlamayacaktır.

C Class IP olarak tabir edilen IP adreslerinde host edilen sitelerin birbirleri üzerinde PR etkileri yoktur.

Örneğin:

A sitesinin IP adresi:212.123.23.44

B sitesinin IP adresi:212.123.23.21

A ve B sitesinin birbirlerine verdikleri bağlantılar aynı C Class IP de bulunmaları sebebiyle PR değerlerini etkilemez.

 

Not:Optimizasyon semineri notlarımdan

SEO “search engine optimizer” – 3

Haziran 6, 2009 - 20:20 , Hamza ERBAY

Meta Tag Kullanımı

Meta Tag lar, sayfanızın html kod kısmında baktığınızda üst kısmında bulunan ve arama motorlarına siteniz hakkında özet geçen kodlardır. Başlıca Meta taglar

  • Title

<title> sitenizin konusuyla ilgili başlık</title>

Sitenizin içeriğine uygun çok uzun olmayan bir başlık seçilmeniz faydalı olacaktır.

Arama motoru sonuçlarında sayfa başlığınız görüntülenecektir. Dolayısıyla en doğru olan başlığı koymanız iyi olacaktır. Fakat her sayfaya konusuyla ilgili başlık koymanız en uygunu olacaktır örneğin: iletişim sayfası ile hakkımızda sayfasının title ları aynı olması pek yararınıza olmayacaktır.

  • Description

<meta name=”Description” content=”Sitenizi tanımlayan kelimeleri yazın” />

Sitenizin içerdiği bölümleri ve konuları bu bölümde listeleyebilirsiniz. Bu bölüme toplam 200 karakterden fazla olmamalıdır. Bazen arama motoruyla arama yaptırdıktan sonra sonuçlar arasında site başlığınızın altında description yer alabilir. Bundan dolayı bu alanı en her sayfaya uygun şekilde biçimlendirmeniz daha doğru olacaktır.

  • Keywords

<meta name=”Keywords” content=”kelime 1,  kelime 2, kelime 3″” />

Bu tagda belirlediğimiz kelimeler sitemizin google aramalarında bulunmasında yardımcı olacaktır. En fazla 20 anahtar kelime kullanmanız gerekmektedir.

Gelişmiş Başlık Yönetimi 

Arama motorlarının sonuç sayfalarında ilk olarak sayfalarınızın başlığı listelenir ve kullanıcılar tıklama kararını bu başlığa bakarak verirler.

Örnek:

Bir bilgisayar firmasısınız ve sitenizin yazıcılar kategorisinin lazer yazıcılar alt kategorisinde “Xerox 3221″ model bir yazıcı listeleniyor.

Genellikle başlık düzeni şöyle yapılır;

Bilgisayar >> Yazıcılar>>Lazer Yazıcılar>> Xerox 3221

Bunun yerine aşağıdaki şekilde düzen yapılırsa hem listelenme sıramız yükselecektir hem de tıklanma oranımız artacaktır

Xerox 3221 >> Lazer Yazıcılar >> Yazıcılar >> Bilgisayar

Not:Optimizasyon semineri notlarımdan

 

SEO “search engine optimizer” – 2

Haziran 5, 2009 - 00:35 , Hamza ERBAY

seoGoogle’ a Sitemizi bildirme

Eğer bize bağlantı veren bir web sitemiz yoksa, Google web sitemizin varlığını manuel olarak bu adres vasıtasıyla bildirebiliriz.

http://www.google.com/addurl.html

Google Algoritması

Google  arama sonuçları, karmaşık bir algoritmik süzgeçten geçirerek oluşturuyor. Bu yapıya bir çok faktör etki eder. Bunlardan bazıları;

  • Web Sitesinin Google dostu tasarlanması
  • Özgün içerik ve zengin içerik olmalı
  • Sitenin içerik olarak konusu ve anahtar kelimeler(keywords)
  • Pagerank (PR)

Özgün İçerik

Oluşturduğumuz özgün içerik sitemizin yarardan çok zararına olacaktır çünkü eklediğiniz içerik açısından sizin siteniz diğer sitelere göre yeni bir site olduğundan dolayı direk olarak diğer sitelerin alt sıralarında kalmanıza neden olacaktır.

Anahtar kelimelerin kullanımı 

Bir kelimeyi koyu, eğik veya altı çizili olarak kullandığınızda Google bu kelimenin anahtar kelime olduğunu düşünür. Bu yüzden kalın, eğik ve altı çizili kullanmalısınız.

Punto Kullanımı

En çok bulunmak istediğiniz anahtar kelime, sitenizde en büyük puntolarla yazdığınız kelime olmalı. örneğin www.grafik.com sitesi içinde grafik kelimesinin büyük yazılarak anahtar kelime olarak değerlendirilmesini sağlayabilirsiniz.

Resim ALT yazıları

Sitenize eklediğiniz her resim için resim içeriğiyle ilgili açıklama eklerseniz o kelime bazında sitenizin indexlenme değerini yükselteceği gibi sitenizin Google’ da grafik aramalarında da indexlenmesini sağlar.

örneğin: Bilgisayar satışı yapan bir sitenin eklediği bir monitör resminin tag alt tagına monitör modeliyle ilgili açıklama eklenebilir  <img src=”monitor.jpg” alt”x marka monitör ” / > şeklinde .

Resim Dosyalarının Adları

Resim dosyalarının adları da içeriğe uygun olmalıdır örneğin telefon sitesi içindeki nokia n70 model telefonun resmini eklerken resmin ismi dscn001.jpg yerine nokia_n70.jpg şeklinde açıklayıcı içerikte olursa ve seri olarak eklendiği zaman yanına açıklayıcı bilgi eklenirse indexlenirken daha faydalı olur örn( nokia_n70-1.jpg, nokin70-2.jpg) şeklinde yapılırsa daha iyi olacaktır

Not:Optimizasyon semineri notlarımdan

SEO “search engine optimizer”

Haziran 4, 2009 - 23:18 , Hamza ERBAY

GoogleBir web sitesinin Google tarafından arama sonuçlarında değerlendirilmesi için, temel olarak hiç bişey yapmak gerekmez.

Bir web sitesinin Goolge’ a kayıt edilmesi gibi bir durum ya da hizmet söz konusu değildir. Söz konusu olan, web sitenizin arama sonuçlarında ön sıralarda çıkmasıdır.

Google örümcekleri, web sitelerindeki bağlantıları takip ede ede, aşağı yukarı dünya üzerinde var olan bütün web sayfalarını belli aralıklarla dolaşırlar bu dolaşma işlemine “indexleme” denir.

Bir web sayfanız varsa, muhtemelen bazı web siteleri sizin sitenize link vermişlerdir.Mesela bir hosting firmanız, sizi referansları arasında göstererek size bağlantıvermiş olabilir.

Google’ın web sitenizden haberdar olup olmadığını anlamak için site adresinizi Goolge da aratabilirsiniz.

Nadiren de olsa, web siteniz Google tarafından indexlenmemiş olabilir. Bu durumda ya gerçekten hiçbir site size bağlantı vermiyordur, ana sayfanız Google tarafından algılanamıyacak kodlar  içeriyordur ya da Google örümcekleri sitenizi ziyaret ettiği sırada ulaşılmaz durumdadır.

Not:Optimizasyon semineri notlarımdan

Yeni Tasarım Çok Yakında…

Haziran 4, 2009 - 16:32 , Hamza ERBAY

Yakındaaa

Hazırlamış olduğum kişisel flash sitem yakında yayına girecektir. Flash sitemden tüm çalışmalarıma ve çalışma detaylarına ulaşabileceksiniz.

Şimdilik bilgilerimi aktarmak ve daha düzenli bir yerde saklamak için hazırlamış olduğum blog sitemi yayınlıyorum flash sitemi bitirdiğim zaman blog sitem kapanmayacak aynı zamanda yeni şeyler ekliyeceğim keyifli vakit geçirmeniz dileğiyle….

Not:Referanslarım için şimdilik http://asit87.deviantart.com ‘a bakabilirsiniz…

« Older Entries

Css ???

Haziran 20, 2009 | Devamı
Top of page