Eyl
18th

Temel Meta Etiketleri

Yazan: Cafer Kara

Meta etiketleri arama motorlarına siteyi tanıtan etiketlerdir. Bu etiketleri kullanarak sitenizin seo ayarlarını en iyi şekilde yapabilir, sitenizin google arama motoru tarafından doğru bir şekilde indexlenmesini sağlayabilirsiniz. Meta etiketlerinin sayfa içeriğinize uygun olarak girilmesine dikkat ediniz. Sitenizdeki her sayfa için ayrı meta etiketleri düzenlemeye özen gösteriniz.En sık kullanılan ve google’ in en çok önemsediği meta etiketleri description ve keywords etiketleridir. Bu iki etiketin ve diğer meta etiketlerinin ne işe yaradıklarını ve kullanış şekillerini aşağıda görebilirsiniz. Meta etiketlerinin sitemizde <head>..</head> satırları arasına yazdığımızı unutmuyoruz.

Description : Site hakkında temel bilgilerin yer aldığı, açıklama bölümüdür. İnternet üzerinde yapılan araştırmalara göre açıklama satırının 150-160 karekteri geçmemesi tavsiye edilmektedir.

Keywords : Sayfamızın google tarafından bulunmasına yardım eden anahtar kelimelerdir. Yani hangi kelimeler girildiğinde sayfamızın görüntülenmesini istiyorsak bu kelimeleri aralarına virgül koyarak ekliyoruz. Anahtar kelimelerimizin sayfa içeriğine uygun olmasına dikkat ediniz. Yani sayfa içeriğinde araba resimleri ve fiyatları varken siz anahtar kelimeler arasına “yemek, çiçek, böcek, nuri, avcı” yazmayın. Bir de anahtar kelime sayısını çok fazla abartmayın. Mümkünse 15-20 anahtar kelimeyi geçmemesine özen gösterin. Çok sık kullanılan “forum, ve ” gibi anahtar kelimeleri kullanmaktan kaçının. Bu benzeri durumlarda google yapmış olduğunuz ayarlarınızı (-) yönde değerlendirebilir.

Author : Siteyi hazırlayan kişinin bilgilerini buraya giriyoruz. Author bilgilerine isim ve mail bilgileri girilebilir.

Refresh: Sayfamızın belirli aralıklarla yenilenmesini sağlayan etikettir. Sayfamızın 10 sn sonra yenilenmesini istiyorsak content paremetresine 10 diğerini gireriz.

Redirect : Sayfanın belirli bir zaman sonra başka bir siteye yönlendirilmesini istiyorsak redirect etiketini kullanırız.

KOD KULLANIMI:

<head>

<meta name=”description” content=”Cafer KARA’ nın kişisel web sayfası”>

<meta name=”keywords” content=”cafer, kara, kişisel, web, sitesi, sayfası, tasarım, grafik”>

<meta name=”author” content=”Cafer KARA”>

<meta http-equiv=”refresh” content=”10″>

<meta http-equiv=”refresh” content=”2;url=http://www.caferkara.org”>

</head>

Bu Kategorideki Diger yazılar:


Kategori: Genel Bilgi | 1 yorum var | 1 Yorum »

Eyl
17th

Web Sayfası Hazırlamak İçin HTML Bilmek Zorundamıyım?

Yazan: Cafer Kara

Yeni bir web sayfası oluşturmak için mutlaka html bilmek zorundamıyım?

Cevap : Hayır. Mutlaka Html bilmek zorunda değilsiniz fakat profesyonel yada amatör hiç farketmez , web tasarımla uğraşan herkesin html kodlarını bilmesinde yarar vardır.Web sayfası hazırlamak için mutlaka html bilmek zorunda değilsiniz. Html kodlarını kendisi üreten (dreamweaver, frontpage gibi) programları kullanarak da sayfanızı kolayca hazırlayabilirsiniz. Fakat böyle bir durumda, html bilmediğiniz için sayfanızda oluşabilecek küçük problemleri çözmek için mutlaka bu programlara ihtiyaç duyarsınız. Fakat html biliyorsanız sadece windows not defterini kullanarak sayfalarınızı düzenleyebilirsiniz.

Örneğin Cuteftp programında sayfa üzerinde sağ tıklayarak edit (düzenle) dediğinizde size sayfanın html kodlarını gösterecektir. Burada yapacak olduğunuz değişiklikler kaydedildiğinde otomatik olarak sayfaya yansıyacaktır. Böylece html sayfanızı bilgisayarınıza yükleyip dreamweaver yada başka bir editörü kullanarak düzenleyip tekrar geri yüklemek yerine internet üzerinde sadece html kodlarını değiştirek sayfanızı güncelleyebileceksiniz.

Html sayfaların yetersiz kaldığı yerlerde php yada asp ile hazırlanan dinamik sayfalar işin içerisine girmektedir. Yine bu web program dilleri ile site hazırlayabilmeniz için html kodlarına ihtiyaç duyacaksınız. Bu nedenle ben sadece 2-3 sayfadan oluşan bir web sitesi hazırlayacağım ve üzerinde sık sık değişiklik yapmayacağım diyorsanız html öğrenmeden de bu işin üstesinden gelebilirsiniz ama biraz daha bu işte profesyonelleşmek istiyorum derseniz html sizin için kaçınılmaz olacaktır.

Bu Kategorideki Diger yazılar:


Kategori: Genel Bilgi | Yorum yap | Yorum yok »

Eyl
16th

Html Etiketleri İle Mail Linklerine Başlık Ekleme (mailto)

Yazan: Cafer Kara

<a href:mailto:caferkara90@gmail.com>mail gönder</a>

Bu durumda sayfada mail gönder diye bir yazı görünecek ve bu yazıya tıklandığında bilgisayarınızda kurulu bulunan mail yönetim programı (genellikle outlook) otomatik olarak çalışacaktır. Gönderilecek iletinin kime kısmına caferkara90@gmail.com adresi eklenecektir. Bunun dışında iletimizin başlık kısmınıda bir yazı otomatik olarak eklensin istiyorsanız yazının devamındaki kodu eklemeniz yeterlidir.

<a href:mailto:”caferkara90@gmail.com?subject=teşekkürler”>mail gönder</a>

yukarıdaki html kodunun sayfamızdaki görünümü ise aşağıdaki gibi olacaktır.

Mail Gönder

Bu Kategorideki Diger yazılar:


Kategori: Genel Bilgi | Yorum yap | Yorum yok »

Mar
1st

HTML Kodlar ve Anlamları

Yazan: Cafer Kara

<b>Cafer</b>
Bu kod kalın yazma kodudur. b = bold.

<big>Cafer Kara</big>
Büyük yazma kodudur. Yazıların büyük görünmesini sağlar.

<u>CaferKara.org</u>
Çizgili yazma kodudur. u = underline

<li>CaferKara.org</li>

Madde halinde yazmaya yarar. Yazdığınız yazının başına küçük bir nokta koyar ve madde halinde yazılması gereken yazılar için uygun bir koddur.

<table>CaferKara.org</table>

Sitede tablo yaratır. Genelde siteyi bölmek için, kısımlara ayırmak için, menu, dost siteler gibi bölümler kurmak için kullanılan bir koddur.

<small>CaferKara.org</small>
Kodun isminden de belli olduğu gibi yazıların küçük çıkmasını sağlar.

<center>CaferKara.org</center>
Bu koddan sonra yazılan yazılar, koyulan resimler sitenin yada tablonun ortasında çıkar.

&nbsp;
Bu kod boşluk yerine kullanılır. Mesela bir resimden sonra yazı yazmak istiyorsunuz. Biraz boşluk bırakmak istiyorsanız resim ile yazı arasında (yanlamasına) istediğiniz kadar bunu koymanız yeterli.

<br>
Satır atlama kodu.

<img src=”…jpg” border=”0″  height=”1″ width=”1″ >
Resim koyma kodu:
Src = resmin adresi (link)
border=”0″ = resmi koyarken eğer link verdiysek güzel gözükmesi için etrafında çerçeve olmasın kodu.
height=”1″ = resmin yüksekliği (istediğiniz bir sayıyı yazabilirsiniz.)
width=”1″ = resmin genişliği (istediğiniz bir sayıyı yazabilirsiniz.)

<a href=”h t t p : // caferkara.org” title=”cafer”>CaferKara.org</a>

Linke yada link verilen resme tıklandığında adrese yönlendirme. Title da üzerine geldiğinizde çıkmasını istediğiniz yazı.

<font color=”red” size=”2″ face=”Verdana”>CaferKara.org</font>
Yazılan yazının rengini, stilini, boyutunu ayarlamak.
color=”red” = renk ayarı. red ise kırmızı, black ise siyah…
size=”2″ = yazının boyutu.
face=”Verdana” = yazı stili. (Times New Roman, Verdana, Arial…)

<h2>Cafer Kara</h2>
Bu kod kalın yazmak için kullanılır. Genelde seo ya + etkisi olduğu için kullanılır.

Bu Kategorideki Diger yazılar:


Kategori: Genel Bilgi | Yorum yap | Yorum yok »

  • Kategoriler

  • Etiket Bulutu