İyi ki Öğrenmişim Diyeceğiniz 4 Temel HTML Etiketi

HTML, yani açılımı ile Hyper Text Markup Language sistemini basit bir şekilde açıklamakla başlayalım; Bu dil; Chrome, Opera, Firefox, Edge ve Yandex gibi internet tarayıcılarının yazılan kodları anlayarak internet sitesine dönüştürülmesini sağlayan bir kodlama dilidir.

HTML, sanıldığının aksine bir programlama dili değildir. HTML ile kendi başına çalışan bir program yazmak kesinlikle mümkün değildir.

Bu içerikte mutlaka bilmesi ve öğrenmeniz gereken öğrenince de “İyi ki öğrendim” diyeceğiniz 4 temel HTML etiketine göz atacağız.

1) Title Etiketi

Title etiketi, Türkçe’ye çevirdiğimizde direkt olarak anlayacağımız gibi başlık etiketidir. Sitemizin ve site içi sayfamızı Google’a açıklamak için kullanırız.

Örnek Görseli:

Bu örnek görseldeki sonuca şu şekilde ulaşırız; <title>Rüzgar Dijital Reklam Ajansı</title>

Title Etiketi Kullanırken Nelere Dikkat Etmemiz Gerekiyor?

  • Ortalama 55 – 60 karakter arasında olmalıdır.
  • Düzgün bir cümle yapısına sahip olmalıdır.
  • Yazınızı veya sayfanızı açıklayan anahtar kelimeler kullanılmalıdır.

2) Meta Açıklama Etiketi

Meta açıklama etiketi, Title ekledikten sonra gelen en önemli ikinci Google SEO unsurudur. Bu etiket, Google arama sonuçlarında sayfanızın Google ve kullanıcılar tarafından anlaşılmasını sağlar.

Örnek Görseli:

Bu örnek görseldeki sonuca şu şekilde ulaşırız; <head><meta name=”description” content=”Sosyal Medya Yönetimi, Web Tasarım Hizmetleri, SEO Danışmanlığı, Web Tabanlı Yazılım Geliştirme, Mobil Uygulama Geliştirme.”></head>

Meta Açıklama Etiketi Kullanırken Nelere Dikkat Etmemiz Gerekiyor?

  • Ortalama 300 – 310 karakterden oluşmalıdır.
  • Düzgün bir cümle yapısına sahip olmalıdır.
  • Tıklanma oranını arttıracağını düşündüğünüz kelimeler kullanmalısınız.

3) H Etiketi

H etiketini, sayfamıza eklediğimiz içeriklere alt başlık eklemek istersek kullanırız. Bu etiket, “Title” etiketi gibi Google tarafında herhangi bir işleve sahip değildir. İçeriklerinizdeki ana başlıktan (Title) sonra attığınız başlıklar H etiketi ile oluşturulmak zorundadır.

Örneğin şuanda okuduğunuz yazının en üstteki başlığı, yani “İyi ki Öğrenmişim Diyeceğiniz 4 Temel HTML Etiketi” <title> etiketi ile ekrana basılıyor. Fakat “3) H Etiketi” başlığı bir H etiketi ile ekrana basılıyor.

H etiketi, 6’ya ayrılıyor. H1, H2, H3, H4, H5 ve H6 olmak üzere 6 farklı durumu mevcut. Bu rakamların anlamı, başlığın büyüklüğünü belirtiyor. H1 en büyük alt başlığı oluştururken, H6 etiketi en küçük alt başlığı oluşturur.

H Etiketi Kullanırken Nelere Dikkat Etmemiz Gerekiyor?

  • H etiketlerinin hiyerarşisini bozmadan kullanınız (H1 > H2 > H3 > H4 gibi..)
  • Sayfanızı tanımlayan ana anahtar kelimeleri destekleyici anahtar kelimeler kullanılmalıdır.

4) Görsel Alt Etiketi

Blog yazarı ve tabi ki site yapan web tasarımcılar; Title, Meta ve H etiketlerini bilirler. Fakat konu görsel alt etiketlerine gelince bilinme oranı veya kullanılma oranı inanılmaz derecede düşüyor.

Görsel alt etiketi içeriklerinizin diğer blog yazılarınızdan ayırt edilmesini sağlayacak en etkin etiketlerden bir tanesi.

Bu etiketi şu şekilde kullanabilirsiniz; <body><img style=”width: 100%;” src=”www.ruzgardijital.com/ornek-gorsel.jpg” alt=”Rüzgar Dijital Örnek Görseli”></body>

Görsel Alt Etiketi Kullanırken Nelere Dikkat Etmemiz Gerekiyor?

  • Anahtar kelimeleri kullanmaya önem vermelisiniz.
  • Sayfa içerisindeki görsellere farklı alt etiketler kullanmalısınız.