Web sayfanızı SEO taranabilirliği için meta ve belki facebook için de düzenlediniz diyelim. Amacınız sayfanızı tarayan google ve benzeri örümcekler/tarayıcıların sayfanız hakkında topladığı özet bilgisi tanımlamak. Çünkü google ve facebook sayfanızda ne çözebildiğini değil, sizin onlar için, sayfanızın ne anlama geldiğini söylemenizi istiyorlar. Bunun için de standart sayfa tanımlaması meta etiketlerine ek olarak facebook opengraph meta etiketlerini kullanarak, facebook örümceklerinin, özel olarak sayfa içeriğiniz hakkında daha detaylı bilgi almasını sağlayabiliyorsunuz. Facebook opengraph içerik (nesne) tanımlamalarını yıllar önce kullanıma sundu ve şu an bir çok popüler web sayfası bu meta etiketleri ekleyerek sayfalarının facebook'da nasıl göründüğünü bir nebze de olsa kontrol edebiliyorlar.

Twitter da birkaç ay önce "Twitter Cards" adında bir grup meta tanımlaması kullanmaya başladığını yayınladı. Bunun asıl amacı, tweet'lerdeki linklerin ne anlama geldiklerini daha iyi çözebilmekti. Eğer twitter card meta etiketleriyle sayfa kimliği belirlenmiş bir sayfa url'i tweet ederseniz, o tweet genişletilebilir (expand) hale geliyor ve web sitesinde ve twitter'ın mobil uygulamalarında görüntülendiğinde tweet metni içindeki url'e ait sayfa detaylarını twitter card meta etiketleri aracılığıyla gösteriyor.

Yani insanlar sayfanızı tweetlediklerinde siz twitter'a sayfanız hakkında daha detaylı bilgi sunabiliyorsunuz ve twitter bunu daha zengin içerik olarak kullanıcılarına sunuyor.

Twitter card adını verdikleri bu link açıklayıcı meta etiketleri, opengraph'e benzer şekilde başlık, açıklama ve açıklayıcı görsel ile bir linki özetleyen bir bilgi sunuyor. Aşağıda twitter card destekleyen bir link paylaşılmış bir tweet'in web'de nasıl göründüğünü görebilirsiniz.



Devamını Oku →

Facebook Paylaşımı

Biliyorsunuz Dünya'da Facebook kullanımında üçüncüyüz (2010 2. Çeyreğinde). Facebook kullanımı ve Türk milletinin facebook'da geçirdikleri vakit çok ve paylaşmayı seven bir millet olduğumuzdan her şeyi, sayfaları, etkinlikleri vs sürekli paylaşıyoruz. Link veriyor, video paylaşıyor, yorumlar yazıyoruz.

Şu an birçok kampanya şekillendirilirken sosyal medya entegrasyonu, sosyal medya yayılımı/dağıtımı düşünülerek tasarlanıyor. Hatta birçok kampanya sadece sosyal medya ile işler halde kurgulanıyor.

Neyse, bir web geliştiricisi olarak bir çok sayfa üretiyorsunuz, bunların paylaşılırken nasıl göründükleri, arama motoru, paylaşım botlarının sayfanızı otomatik olarak tanıdığını fakat nasıl tanıdığına belki dikkat etmiyorsunuz.

Facebook dışında metalardan görsel, video alan sosyal medya araçları var. Bu servisler aslında basit meta etiketlerindeki title, description, keywords bilgilerini kullanıyor fakat biliyorsunuz ki görsel ile desteklemek her zaman içeriğinizi daha zengin ve doğru gösterecektir. Aşağıda geniş bir örnek ile birkaç ek meta etiketi ile içeriğinizi botlara nasıl anlatacağınızı göstereceğim.

Facebook paylaşımı



Yukarıda gördüğünüz önizleme, sayfanız paylaşıldığı zaman çıkan görsel ve metinlerdir. Facebook paylaşımları 3 parçadan oluşmaktadır. Sayfa görseli, başlığı ve açıklaması.

Görsel belirleme

Facebook sayfasında çıkan görsel eğer siz meta tagler ile belirlemediyseniz, sayfa içinde bulunan imajlardan otomatik olarak seçilir. Ama genellikle anlamsız imajlar ortaya çıkmaktadır. Bunu belirlemek için az sonra bir meta etiketi ile bir imaj göstereceğiz. Her sayfanız için özel bir görsel belirleyebileceğiniz gibi tüm siteyi anlatan tek bir görsel kullanarak da bu imajı belirleyebilirsiniz. Burada dikkat edeceğiniz nokta, kullanacağınız görselin boyutları arasındaki orandır. Facebook zaten sizin görselinizi resize edecektir fakat eğer belirttiğiniz görsel genişliği ile yüksekliği arasında katlarca fark varsa, yani fazla geniş veya fazla uzun görseller ise facebook bu görselleri görmezden gelecek ve resimsiz çıkacaktır. Genel bir görünüm oranı olan 4:3 veya 16:9 gibi resim formatlarını kullanabilirsiniz. Yani eni boyundan biraz daha uzun olan imajlardan bahsediyorum. Ayrıca bu imajın boyutunu kocaman bir wallpaper olarak koymayın. Zaten maksimum 100px genişlikte görüntülenecektir. Yani siz burada 200px genişlik 150px yükseklikte bir imaj hazırlayarak iyi bir oran yakalayabilirsiniz.

İkinci konu da görselinizin içeriği. Bu görselde çok fazla metin de kullanmayın, çok fazla resimsel format da. Yani burada kullanacağınız şeyin basit bir banner olduğunu düşünerek bir slogan ve bir ikon veya bir artalan fotografı üzerine bir logo da olabilir. Aşağıda örnek olarak hazırladığım bir imajı görebilirsiniz.



Eklenmesi gereken Meta etiketler

Aşağıda örnek bir kullanım göreceksiniz :
<meta name="title" content="Caretta Caretta'ları koruyalım" />
<meta name="description" content="Yaklaşık 106 milyon yıldır yeryüzünde olduklarını düşünülmektedir. İnsanoğlunun yerleşme ve çoğalma kapasitesi sayesinde bugün sayıları giderek azalmaktadır. Nesli tükenme tehlikesi altında olduğu için koruma altındadır." />
<link rel="image_src" href="shareimg.jpg" />
title ve description'da sayfa başlığı ve sayfa özeti yer alacak, image_src'de de yaptığınız görselin adresi yer alacaktır. Bu meta etiketlere sahip bir sayfayı facebook'da paylaşmak isterseniz yukarıda verdiğim önizlemedeki gibi bir sonuç elde edersiniz.

Sadece imaj değil, sayfa içerisindeki video ve ses dosyalarını da paylaşırken belirterek friendfeed gibi servislerde taranabilmesini sağlayabilirsiniz fakat yukarıdaki kullanım genel olarak tüm sayfalarda kullanılan çözümdür.

Eğer bu konuda bilgi edinmek isterseniz veya bu konuyu daha detaylı incelemek isterseniz Facebook Dökümantasyonundan bilgi alabilirsiniz.

Paylaşım

Sayfanızın paylaşılması için facebook share butonları ekleyebilir (http://www.facebook.com/facebook-widgets/share.php) veya doğrudan kendiniz link ilehttp://www.facebook.com/sharer.php?u=YOUR_URL şeklinde get methodu ile sayfa adresinizi bu adresin sonuna urlencode eidp eklerseniz facebook botu sayfanızı anlık tarayabilecektir.

Ya da normal şekilde insanlar sayfa adresinizi kopyala yapıştır yaparak facebook mesajlarına, news feedlerine ekleyeceklerdir.


Hazırlayan: Mehmet Fatih YILDIZ
10 Şubat Pazar ´08   —   7 Yorum

SEO Nedir?

SEO'nun açılımı "Search Engine Optimization" yani Arama Motoru En iyileme'dir. İnternette insanlar veri aramaya ihtiyaç duyduğundan beri (90'ların sonuna doğru) arama motorlarının ihtiyaçları, popülerliği arttı. Özellikle google, yahoo gibi arama motorları daha çok kullanılır oldu. Hatta o kadar kullanılmaya başladı ki artık insanlar internet adresi yazmak yerine google'a yazıp sitelere öyle erişir oldu. Daha da abartılmışı olarak hesap makinesi, "profesör" muamelesi bile gördü bu arama motorları. Örneğin "Bu akşam tv'de ne var?", "necip hablemitoğlu kimdir?" fln gibi soru işaretli arama sorguları yapanlar da olmadı değil :-)

Çoğu site için "gelen ziyaretçi kaynağı" eskiden doğrudan trafikken 90'larda bağlantı olmaya başladı ve 2000'den sonra büyük bir yüzde farklı ile arama motorları olmaya başladı. Hatta site yöneticileri sitelerinde "arama motorlarından gelen anahtar sözcükler"e göre içeriklerini değiştirmeye başladı. Buraya kadar biraz tarih işledik, sadede geleyim :

Artık bir site için arama motorlarındaki sırası bile bir değerlendirme kriteri. Daha doğrusu "ziyaretçi sayısını artırmak" veya "doğru arama sonuçlarında çıkmak" için insanlar daha fazla çaba göstermeye başladı. Bu amaca göre değişik teknikler kullanılmaya başlandı. Eskiden html meta etiketleri, sayfa başlığı ve içerikteki sadeliğe gösterilmeyen önem arttı. URL'lerin şekilleri değişti. Bağlantı şekilleri değişmeye başladı :-)

Bu dökümanda sitenizi optimize ederek arama motorlarında doğru aramalarda çıkmak için yapmanız gereken birkaç anahtar noktayı anlatacağım. Önce sosyal noktalara değinelim, yani işin tekniğinden çok mantalitenizi belirleyen kriterleri gözden geçirelim.


Sade html yazın, css kullanın


Sayfa arayüzlerini oluştururken veya daha güzel arayüzler çizmek için çok fazla etiket, tablo vs kullanırdık. Kullanıyoruz da bazen. Ancak arama motorları her ne kadar etiketleri algılayıp işlem yapsa da en sade olanı en iyi indexleyecektir. Onun için arayüz çizdirirken css kullanın.

Standartlara uygun kod yazın

Yazdığınız html kodu standartlara uygun olsun. Arama motorları da tarayıcılar gibi sayfanızı render ederek içeriği taradığından yazdığınız kodda kaynayabilecek, yazınızı parça parça hale getirecek hatalar yapmayın. En güzel standartlara uygun yazın gerisini düşünmeyin :-)

Sayfa başlıklarını düzgün (doğru) seçin

Pencerede görünen sayfa başlıkları sadece pencerede görünmesi için düşünülmemelidir. Çünkü o sayfanızın başlığıdır, içeriği yansıtır ve adı üstünde başlıktır. Yani elinize aldığınız dergi veya gazetede başlığı sevmezseniz yazıyı okumazsınız değil mi, ya da bir günlükte veya eposta kutunuzda başlığını sevmediğiniz mesajı okumadan geçersiniz. Arama motoru botları da yazınızı başlıklarına göre değerlendirecektir, olay sevme-sevmeme meselesi olmaz, aranan kelimelere uygunluğa göre olur. Sayfa içeriğinde ana tema olarak en az 3 kelime belirleyin ve bu kelimeleri içeren bir cümle oluşturup başlık olarak kullanın.

Doğru kullanıcı yönlendirmeleri kullanın (navigasyon)

Arama motoru botları sitenizi tararken sayfaların birbirleri ile bağlantılarını göz önünde bulundurarak ilişkilendirecektir. Yani bir ziyaretçi gibi sitenizi gezecektir. Hiçbir sayfa ile bağlantısı olmayan bir sayfa arama motorunda sadece doğru eşleme ile bulunur. Fakat bot, başka sayfalarla bağlantısı olan sayfaları arama sonuçlarında alt sonuç olarak veya ilişkili sonuç olarak listeleyecektir.
Navigasyonda ilk konu sitenin ana bölümleri her sayfada sade biçimde bulunmalı, ikinci nokta ise sayfalar gerektiği noktalarda diğer sayfalara bağlanmalıdır. Küçük bir örnek vereceğim : mfyz.com'da php ve mysql üzerine bir çok makale var. Diyelim ki php + mysql + linux sunucu konularını içeren bir sayfada mysql'den bahsederken "mysql ile veritabanı işlemleri" makalesine bağlantı vermek, sunucudan bahsederken "linux'ta apache php mysql kurulumu" dökümanına bağlantı vermek arama motorlarında daha doğru sonuçlarda çıkmamı sağlayacaktır. Aynı zamanda kullanıcıyı doğru yönlendirdiğim için sitenin navigasyonu daha doğru olacaktır.


Yavaştan teknik detaylara girmeye başlayalım.

Sitenizi arama motorlarına kaydedin

Web sitenizi link sitelerine, dizinlere, arama motorlarına kaydetmeniz gerekir. Siteniz kaydolduğunda arama servisi sitenizi taramaya başlayacaktır. Aşağıda popüler arama motorlarının url kaydetme sayfalarının linkleri var.

http://www.dmoz.org/add.html (Open Directory - Açık Dizin)
http://www.google.com/addurl
http://search.yahoo.com/info/submit.html
http://search.msn.com.sg/docs/submit.aspx

Sayfalarınızı META etiketleri ile tanımlayın

META etiketlerini bilirsiniz, HTML'de HEAD etiketleri arasına yazılan ve sayfa bilgilerini içeren etiketlerdir. Birkaç farklı türü ile sayfamız hakkında bilgileri belirleyeceğiz. Böyelce botlar sayfa hakkındaki bilgileri daha doğru kaydedecekler. Çünkü botlar sadece sayfa içerisindeki metinden sayfayı tanımlayamayabilirler. Örneğin bir sayfanın arayüzü hakkında sosyal (felsefi) bir makale sayfasında teknikten bahsetmek için çok fazla css, javascript ve html kelimeleri kullanmış olabilirim ve bot sayfanın anahtar kelimelerini doğrudan css, html, javascript olarak belirleyebilir, fakat aslında sayfada bahsedilen bambaşka bir konudur. Kısa bir kod ile örnekleyeyim :
<meta name="description" content="Mehmet Fatih YILDIZ's Personal HomePage.
There is PHP, HTML, CSS, Web Developing, Linux, MacOSX toturials;
some Web Projects and Web Developer Resources">
<meta name="keywords" content="mysql, query, select, like, limit, fetch,
freelancer, web developer, php, css, mootools, html, javascript, macosx, mfyz, linux">
gördüğünüz gibi description'da sayfanın tanımını, keywords'de sayfa anahtar kelimelerini belirledim. Yukarıdaki kodlar bir php dökümanının sayfasından doğrudan alıntıdır. Ben v0.7'de varsayılan "anahtar kelimeler" ve "sayfa tanımı" oluşturdum. Yukarıdaki sayfa tanımı varsayılan olarak eklenmiştir. Aynı şekilde freelancer'dan linux'a kadar olan kelimeler de varsayılan olarak vardır. Veritabanımda dökümanlara ait anahtar kelimeler ve döküman tanımı tutuyorum. Eğer döküman tanımı varsa bu varsayılan sayfa tanımı yerine o metini yazdırıyorum. Anahtar keliemeler de de varsayılan anahtar kelimelerden önce yazdırıyorum. Çoğu arama motoru bir sayfa için 10 anahtar kelime ve 255 karakterlik sayfa tanımından fazlasını tutmaz. Bunu dikkate alarak tasarlayın ve FAZLA anahtar kelime kullanmaktan da kaçının. Bir sayfada yüzlerce anahtar kelime, 1000 karakterlik bir sayfa tanımı gören bot sayfayı SPAM olarak işaretleyip SANDBOX'a alabilir sizi. Emin olun bunu istemezsiniz :-) Eğer Sandbox'a alınırsanız sayfanız arama sonuçlarından silinir, hiç çıkmaz veya en sonlarda çıkar.

Sayfanızın yazarı ve içeriğin dili hakkındakı bilgileri de şöyle belirleyebilirsiniz :
<meta name="author" content="Mehmet Fatih YILDIZ">
<meta name="content-language" content="tr">
Yerel aramalarda sayfanızı daha yukarlarda çıkarmanızı sağlayabilir. Fazla bilgi göz çıkarmaz ayrıca :-)

Meta etiketleri hakkında daha fazla bilgi için :http://en.wikipedia.org/wiki/Meta_tags

Robots.txt kullanın

Robots.txt dosyası sitenin ana (kök, root) dizininde bulunan bir text dosyasıdır. Bir bot bir siteyi taramak (index) için ilk önce Robots.txt dosyasının varlığını kontrol eder. Eğer yoksa kendi kurallarına göre hareket eder, varsa Robots.txt'de o sitenin tarama kurallarını öğrenir ve ona göre tarar. Yani kısmen botu yönlendirmiş, kontrol etmiş oluruz. Robots.txt dediğim gibi arama motoru botlarına sitenin kurallarını belirtir. Robots.txt'deki bazı kurallar aynı zamanda meta etiketleri ile de yönetilebilir. Ben kısaca kendi sitemde kullandığım kuralı örnek verip geçeceğim, daha fazla bilgi edinmek istersenizhttp://en.wikipedia.org/wiki/Robots.txt adresini ziyaret edin.

Benim kullandığım kural, robota gördüğü herşeyi indexlemesini söyler. Ayrıca bulduğu bağlantıları takip ederek sayfa ile ilişkilendirir.
<meta name="robots" content="index, follow, all">
meta etiketi ile ayarlanan robot kurallarıhttp://www.seoconsultants.com/meta-tags/robots/ adresinde çok güzel anlatılmış.

URL'lerinizi optimize edin

Sayfalarınızın adresleriyle oynayın. Olmayan şeyler ekleyerek sayfanızı url'leriniz ile açıklayın. v0.7'de döküman, blog, forum konularının adreslerine bakacak olursanız dokuman/-NO-/-ACIKLAMA-/ şeklindedir. Aslında -ACIKLAMA- kısmı hiçbir yerde kullanılmıyor. -NO- dökmana ulaşabilmeniz için yeterli bir parametre. Ancak birileri o sayfayı bağlantı olarak bir yerlerde verdiğinde insanlar sayfaya girmeden url'den sayfa başlığını az çok anlayabileceklerdir. Aynı şey arama motorlarını kullanan insanların piskolojilerinde yatar. "Mootools tooltip" araması yapan birisi arama sonuçları içerisinde
http://www.mfyz.com/?/dokuman/93/mootools-ile-ipucu-aciklamalari-tooltip/
urlsine sahip bir sayfa gördüğünde başlığı veya sayfa içeriğini okumadan tıklayacaktır :-) Sayfanız bu konu hakkında bilgi içeriyor olmasa da bu işe yarayacaktır. Sonuçta bu optimizasyonları insanları çekmek için de yapıyoruz. Ancak yeterli bilgiyi içeren sayfanız için böyle bir optimizasyon yaparsanız o zaman insanları doğru yönlendirerek sitenize çekmiş olursunuz. Bu da artı bir puandır sizin için.

Bu yöntemi yapmak için izelyeceğiniz tekniği kısaca benim yaptığım şeyi özetleyerek anlatacağım. Döküman, günlük veya forumda konu kaydederken başlık olarak girilen string'de latin alfabesi ve boşluk karakteri dışındaki karakterleri atıyorum. Ardından birden fazla boşlukları tek boşluğa indirgeyip kelime olarak kırpıyorum başlığı. Mesela 100 karaktere kadar izin veriyorum. Ardından yaptığım iş boşluk karakterlerini "-" (tire) karakteriyle değiştirmek ve veritabanımdaki "url_aciklamalari" tabloma yazmak. Bunu url'nin ham kısmını kimlik olarak kaydederek yapıyorum.

Örneğin "SEO Optimizasyonu, Türkçe ve $%&?=(özel) karakterler" diye bir başlık girdiğimi düşünelim bu dönüştürüldüğünde "seo-optimizasyonu-turkce-ve-ozel-karakterler" halini alıyor. özel karakterler gidiyor, boşluklar tire olarak dönüştürülüyor ve bir url açıklaması oluşturulmuş oluyor. Bunu da veritabanında saklıyorum.

URL'leri ekrana basarken (döküman listesi sayfasında) url açıklamasını ham url'ye göre seçiyorum ve ham url'nin sonuna ekliyorum. Aslında bu açıklamayı eklemek sayfa yapımı bozmuyor. Sadece açıklama koymuş oluyorum. İnsanlar forumlarda, bloglarda yapıştırdıkça url açıklamaları sayfayı tarif etmeye başlıyor. Kullanıcı sayfaya gelmeden sayfanın ona yönelik bilgi içerip içermediğini kolayca anlayabiliyor.


SEO optimizasyonu hakkında söyleyeceklerim bu kadar. Sadece arama motorlarında daha yukarıda çıkmak için çaba göstermeyin, yani gereksiz içerik, gereksiz anahtar kelimeler veya kalabalık sayfalar yapmaya çalışmayın. Artık botlar çok akıllı, çok moderatör çalıştıran popüler arama motorları sayfanızı yukarı almayı bırakın gerie düşürüyor hatta banlayabiliyor. Dürüst, içeriği zengin sayfalar hazırladığınız sürece arayan bulacaktır merak etmeyin ;-)

Kaynaklar :
http://en.wikipedia.org/wiki/Search_engine_optimization


Hazırlayan : Mehmet Fatih YILDIZ

Doctype (Döküman kodlama türü)

Döküman türü, tarayıcıların, kodladığınız sayfanın ne olduğunu anlamasına yardımcı olur. Doctype, web standartlarına göre (w3c) zorunludur. Yani bir sayfanın türü belirtilmek zorundadır. Bu derslerde HTML kodlama üzerine yoğunlaştığımızdan "Geleneksel html türü" bizim işimizi görecektir. İleride doctype hakkında başka bir makalede bahsedeceğim.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

html etiketi

Tüm html kodlarının bulunması gereken blok bu bloktur.

head etiketi

HTML açılış etiketinden sonra sayfa bilgi etiketlerinin bulunması gereken bloktur. title, meta, style etiketlerini bu blok içerisinde yazmalıyız.

title etiketi (Başlık)

Tarayıcı penceresinin başlığında görüntülenen sayfa başlığını belirlemenizi sağlar.

meta etiketi

Sayfa bilgi değişkenlerini belirler. Sayfa hakkında birçok bilgiyi bu etiketle ayarlarız. Sayfa oluşturan programın adı, sitenin yazarı, sayfa hakkında anahtar kelimeler, sayfanın kısa tanımı, tarayıcı için özel ayarlar (sayfanın son kullanım tarihi vs) gibi çok fazla özellik ayarlanabilir. Bu ayarlamalardan bazıları;
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-9">
Sayfanın karakter kodlamasını Türkçe olarak ayarlamamızı sağlar. UTF-8 kullanmanızı öneririm, tüm yazı karakteri ailelerini içerir.
<meta http-equiv="Refresh" content="X" URL="http://">
Bulunulan sayfayı yönlendirir. Eğer URL="..." kısmı girilmezse bulunduğu sayfayı, yüklendikten X saniye sonra yeniden yükler. Eğer girilirse sayfa yüklendikten X saniye sonra belirtilen adrese yönlenir.
<meta http-equiv="keywords" content="kelime1, kelime2, kelime3 ...">
Sayfanın içeriğine ait anahtar kelimeleri belirler. Arama motorlarında bu anahtr kelimelere göre sayfa incelenir.

body etiketi (Sayfa kodları)

Bütün sayfa içeriğini bu blok içerisine yazın. Sayfa hakkında bazı görünüm ayarlarını da bu etiketin özniteliklerini ayarlayarak belirleyebiliriz. Bunlar;

bgcolor="RENK_KODU" : Sayfanın artalan rengini belirler.
background="RESIM_DOSYASI_ADRESI" : Artalan resmini belirler.
text="RENK_KODU" : Geçerli metin rengini belirler.
link="RENK_KODU" : Geçerli link rengini belirler.
(NOT : alink, aktif linkler. vlink, ziyaret edilmiş linkler)
topmargin="X" : Üstten kaç piksel boşluk bırakılıp sayfa içeriğinin başlayacağını belirler.
(NOT : left, right, bottom ile diğerleri de belirlenebilir.)

Bunların hepsi sayfanın stilleri ile ilgili özelliklerdir. Onun için bu öznitelikleri CSS ile ayarlamaya çalışın/alışın.

base etiketi

Sayfadaki linklerle ilgili geçerli çalışma tabanını belirler.
href="http://" parametresi eklenerek sayfadaki bütün linklerin o site üzerinde çalıştığını belirleyebilirsiniz.
target="main" parametresi ile sayfadaki bütün linklerin "main" çerçevesi içerisinde açılmasını sağlayabilirsiniz.

link etiketi

Dış bir dosya ile ilişki yaratır. Genel 2 özellik için kullanılır. Bunlar;
<link rel="stylesheet" type="text/css" href="stil_dosyasi.css">
şeklinde kullanıldığında stil.css stil dosyası ile sayfayı ilişkilendirir. Yani stil.css'deki stilleri sayfaya uygular.
<link rel="shortcut icon" href="favicon.ico">
Favori (bookmark) listenizde, masaüstü kısayolları gibi dosyalanmış sayfa kısayollarında sayfa hakkında simge belirlemenizi sağlar.

style, script ve noscript etiketleri

Sayfa için javascript kodu çalıştırabilmemizi sağlar. Günümzde javascript desteklemeyen browser programı neredeyse bulunmuyor. Ancak desteklemeyen veya desteği kapalı olan programlar için noscript etiketi kullanarak anlanılmayan kısımları geçmiş olursunuz.
Bu sayfanın kodlarını incelemenizi öneririm. Kaynak kodu açıp sayfa yapısı etiketlerinde verdiğim değerleri gözden geçirin, Stil ve javascript tanımlarıma bakmaya çalışın. Çok daha fazla fikir verecektir.
Hazırlayan : Mehmet Fatih YILDIZ

Bu döküman 30.02.2008 tarihinde yeniden düzenlenmiştir.

Popüler Etiketler

css javascript cache htaccess apache twitter statistics istatistik insanlar social integration api service network blog css3 html js mail newsletter subscription örnek kod kitap ui design development iphone generator portfolio mootools ipucu windows linux fstab ntfs apple laptop notebook form radio style pharma hack php wordpress google seo xml nedir media sosyal konsol terminal browsers support session cookie opengraph graph facebook share imza signature open source lisans macosx less bootstrap html5 spam ubuntu url tool search pear mdb2 prepare execute injection ie internet explorer optimizasyon table rss widget xmlhttprequest ajax subversion svn logo route router mod_rewrite kurulum parse ipad mobile itunes lifestream mfyz proje code job developer jquery meta firefox download phpstorm jetbrains mysql pgsql sql mssql ide editor screen dokuman link license while gimp ux login webkit medya wireless analyse procedure ingilizce doritos kampanya tytz wanda textarea iOS kontrol yapıları if switch http server compile compiler app on-the-fly assets framework www subdomain redirect crossdomain coding connect box web app music plugin optimization icon ikon grafik banner calendar howto ios app store store in-app purchase purchase verification storekit itunes connect cms auth input chart osx applications free deployment version control git player workspace query select regex startups tebrik internet zaman oyun date diff xhtml digital object nasıl db database language export fql button ruffles browser tarih sitemap icons