Bu yazımızda Html’de başlık etiketlerini öğreneceğiz. Başlık etiketleri h1’den başlayıp h6’ya kadar devam eder. Aralarında 2 fark vardır:
Birincisi, en büyük boyutlu olan h1 dir ve h6 ya doğru yazı boyutu küçülür. Yani en küçük yazı boyutu olan h6 dır. İkinci fark ise bunların Seo açısından önem durumlarıdır.
Örneğin bir sayfada kullandığınız başlıklar içerisinde en önemlisi hangisi ise onu h1 etiketi içerisinde yazmalısınız. Arama motorları sitenize baktığında h1 etiketi içerisinde yazdığınız başlığa bakar ve sitenin içeriğinin ne ile alakalı olduğunu anlamaya çalışır. Diğer başlıklarınızı da önem sırasına göre diğer başlık etiketleri ile kullanabilirsiniz.
Önemli : Sayfalarınızda başlık etiketlerini kullanmak zorunda değilsiniz. Önemli olduğunu düşündüğünüz durumlarda kullanmanız daha iyi olur. Yani sadece yazıların boyutunu büyültmek için bu etiketler kullanılmamalı. Çünkü bu değişiklikler Css kullanarak da yapılabilir. Bu konuda daha detaylı bilgi için Css Text (Metin) Özellikleri ve Kullanımı yazımı okuyabilirsiniz.
Önemli : Sitenizin arama motorlarında daha iyi sonuçlar alması için h1 etiketini 1 defa, h2 etiketini de en fazla 4 defa kullanmaya dikkat edin.
Şimdi başlık etiketlerinin tarayıcıda nasıl göründüğüne bakalım.
Html Kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <head> <title>Başlık Etiketleri</title> </head> <body> <h1>H1 Etiketi</h1> <h2>H2 Etiketi</h2> <h3>H3 Etiketi</h3> <h4>H4 Etiketi</h4> <h5>H5 Etiketi</h5> <h6>H6 Etiketi</h6> </body> </html> |
Tarayıcıdaki görüntüsü;
Gördüğünüz gibi yazı boyutu h6 ya doğru küçülüyor. Başlıkların kalın (bold) bir şekilde oluşturulduğuna dikkat edin.
Umarım sizin için faydalı bir yazı olmuştur.
Yeni bir yazımda görüşmek üzere.
