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.

Categorized in:

HTML,

Last Update: 12 Nisan 2023