HTML Dosyası Oluşturma
HTML, web sayfalarının oluşturulması için kullanılan bir dildir. Bir web sayfası oluşturmak için ilk adım, bir HTML dosyası oluşturmaktır. Bu yazıda, HTML dosyası oluşturmanın adımlarını örnek kodlarla birlikte adım adım açıklayacağız.
Başlık Etiketi
HTML dosyalarının başlangıcında genellikle bir başlık etiketi bulunur. Bu etiket, sayfanın başlığını belirtir ve tarayıcının sekmesinde görünür. Başlık etiketi, <head>
etiketi içine yazılır.
<!DOCTYPE html>
<html>
<head>
<title>Web Sitem</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Benim web sayfam.</p>
</body>
</html>
Yukarıdaki örnekte, title
etiketi sayfanın başlığını belirtir. Tarayıcı sekmesinde görüntülenir.
Gövde Etiketi
HTML dosyasındaki diğer içerikler body
etiketi içinde bulunur. Burada birçok farklı etiket kullanılabilir. Örneğin, h1
etiketi bir başlık etiketidir ve en büyük başlığı temsil eder. p
etiketi bir paragraf etiketidir ve bir paragrafın içeriğini belirtir.
<!DOCTYPE html>
<html>
<head>
<title>Web Sitem</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Benim web sayfam.</p>
<h2>İlgilendiğim Konular:</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
</body>
</html>
Yukarıdaki örnekte, h2
etiketi bir başlık etiketidir ve ikinci en büyük başlığı temsil eder. ul
etiketi bir liste etiketidir ve li
etiketi her bir liste öğesini temsil eder.
HTML Dosyasının Kaydedilmesi
HTML dosyanızı bir metin düzenleyicisi kullanarak oluşturabilirsiniz. Dosya adı .html
uzantısı ile kaydedilmelidir. Örneğin, index.html
adında bir dosya oluşturabilirsiniz.
Meta Açıklama
Web sayfanızın içeriğini açıklayan bir meta açıklama eklemek, SEO açısından önemlidir. Meta açıklama, <head>
etiketi içinde meta
etiketi kullanılarak eklenir.
<head>
<meta name="description" content="Bu web sitesi, kişisel finans yönetimi ile ilgili bilgiler içermektedir.">
</head>
Yukarıdaki örnekte, “description” adlı bir meta etiketi kullanılmıştır. “content” özelliği, meta açıklamasının içeriğini belirtir. Burada, web sitesinin içeriği hakkında kısa bir özet verilmiştir.
Meta açıklamalarının SEO açısından önemi, arama motorlarının web sayfasının içeriği hakkında daha iyi bir fikir edinmesine yardımcı olmalarıdır. Arama motorları, meta açıklamalarını kullanarak sayfa içeriği hakkında bilgi toplar ve daha doğru arama sonuçları sağlar. Bu nedenle, her sayfa için özgün bir meta açıklama yazmak önemlidir.
Odak anahtar kelime, meta açıklamanın önemli bir parçasıdır. Anahtar kelime, web sayfasının içeriğini özetleyen ve arama motorlarının sayfayı hedeflediğiniz anahtar kelime ile ilişkilendirmesine yardımcı olan bir terim veya kelime öbeğidir. Ancak, anahtar kelime kullanımı aşırıya kaçılmamalıdır. Anahtar kelime dolu meta açıklamaları, spam olarak görülebilir ve SEO açısından zararlı olabilir.
Bu nedenle, meta açıklaması özgün ve doğal olmalıdır. İçeriği doğru bir şekilde yansıtmalı, okuyucunun dikkatini çekmeli ve arama motorlarının dikkatini çekerek web sayfanızın görünürlüğünü artırmalıdır. Bir önceki konumuz ve devamı niteliğinde olan Temel HTML etiketleri konumuza da göz atabilirsiniz.