HTML5 Nedir? Semantik HTML Etiketleri Nasıl Kullanılır?

Geçmişten günümüze, HTML, World Wide Web (WWW)’de platformlar arası içerik yapılandırmak, ağ oluşturmak ve sağlamak için standart dil olmuştur. Bugün internette gezinmek, milenyumun başlarında olduğundan çok farklı bir deneyim. Metinlere ve resimlere ek olarak, günümüz internetini olduğu gibi yapan özellik multimedya unsurlarıdır. Mobil kullanımın popülaritesinin artmasıyla, günümüzün değişen internet ortamının bir önceki yüzyılın biçimlendirme dilinden çok daha uzun süredir var olduğu hemen anlaşılıyor.

Bu gelişme, web sitelerini, programcıların, içerik üreticilerinin ve kullanıcıların taleplerini karşılamalarına yardımcı olmak için çeşitli eklenti güncellemelerine güvenmeye zorladı. Bu geçici çözümün bir yan etkisi, güvenlik ve uyumsuzluklardaki boşlukların giderek artan bir durum haline gelmesidir. HTML’nin beşinci sürümü bu rahatsızlıklara son verilmesine yardımcı olmak amacıyla ortaya çıkarıldı. Ekim 2014’te, World Wide Web Konsorsiyumu (W3C), WWW’nin temel dili olarak hizmet edecek olan HTML5’in temel çerçevesini ortaya çıkardı. Ancak herkes, bu en son sürümü beğenmedi. Web sitesi yöneticilerinin büyük bir kısmı hala sitelerini eski sürümde çalıştırıyor veya XHTML gibi uzlaşmacı uzantılara geçiyor. Bunların hepsi yakında değişmek zorunda kalacak.

Peki internetin yeni dili olan HTML5 nedir?

html5 nedir

HTML5 Nedir?

HTML5, web sayfalarının içeriğini ve görünümünü tanımlamak için standart programlama dili olan HTML’in güncel  bir sürümüdür.

HTML5, geçerli standart HTML4’ü etkileyen uyumluluk sorunlarını çözmek için geliştirilmiştir. HTML5 ile standardın önceki sürümleri arasındaki en büyük farklardan biri, HTML’nin eski sürümlerinin tescilli eklentiler ve API’lar gerektirmesidir. Bu nedenle, bir tarayıcıda oluşturulan ve test edilen bir web sayfası başka bir tarayıcıya düzgün yüklenmeyebilir. HTML5, yükleme öğelerini kolaylaştırmak için ortak bir arabirim sağlar. Örneğin, HTML5’e bir Flash eklentisi yüklemeye gerek yoktur, çünkü öğe kendi kendine çalışır.

HTML5 için tasarım hedeflerinden biri, mobil cihazlarda multimedya desteği sağlamaktır. Bunu desteklemek için video, ses ve tuval etiketleri gibi yeni sözdizimsel özellikler sunuldu. HTML5 ayrıca kullanıcıların aşağıdakiler de dahil olmak üzere belgelerle etkileşim şeklini gerçekten değiştirebilecek yeni özellikler sunmakta:

  • Gelişmiş esneklik için yeni ayrıştırma kuralları
  • Modası geçmiş veya gereksiz niteliklerin ortadan kaldırılması
  • Bir HTML5 belgesinden diğerine sürükleme ve bırakma özellikleri
  • Çevrimdışı düzenleme
  • Mesajlaşma geliştirmeleri
  • Ayrıştırma için ayrıntılı kurallar
  • MIME ve protokol işleyici kaydı
  • SQL veritabanlarında veri depolamak için ortak bir standart (Web SQL)
 Semantik HTML Etiketleri Nasıl Kullanılır?

Semantik HTML Etiketleri Nasıl Kullanılır?

Sayfalarınıza semantik HTML etiketleri ekleyerek Google’ın sayfanızın farklı bölümlerinin rollerini ve göreceli önemini anlamalarına yardımcı olacak ek bilgiler sağlarsınız. Semantik (anlamsal) HTML etiketlerine örnek olarak <nav>, <footer> ve <section> gösterilebilir. En yaygın kullanılan etiketler; <header>, <nav>, <footer>, <section> ve <aside> elementleridir çünkü sitelere en kolay entegre edilebilen elementler bunlardır. Bu etiketler sayesinde SEO çalışmalarını desteklenebilir ve HTML5 yapısına kolayca uyum sağlanarak geçiş yapılabilir.

Semantik HTML etiketlerini aşağıdaki adımları takip ederek kullanabilirsiniz:

  • Standart HTML elementleri kullanılarak oluşturulmuş sayfalarda <div> veya <span> ile ilişkilendirilmiş bölümleri bulun. <div> ve <span> etiketleri, arama motoruna içeriğin nasıl gösterilmesi gerektiği hakkında bilgi veren tutuculardır. Ancak içeriğin sayfadaki rolü hakkında bilgi vermezler; bu sebeple sıra semantik HTML kodlarını eklemekte.
  • Bu bölümlere, sayfa içeriğindeki işlevlerine göre <header>, <nav>, <footer>, <section>, <aside> veya diğer semantik etiketleri yazın.
  • Böylelikle Google, sayaf içeriğinizle ilgili ipuçlarını kolayca tespit edecek ve bunu sevecektir.
Bu Yazıları da Sevebilirsiniz
Rich Snippets (Zengin Sonuçlar) Rehberi
Rich Snippets (Zengin Sonuçlar) Rehberi

Rich Snippets diğer adıyla Google zengin snippet’ler, kullanıcıların arama motoru sonuçlarında ek verileri görebilmesidir. Google arama motoru kullanı...

Mobil SEO Rehberi
Mobil SEO Rehberi

2023 yılından itibaren internet trafiğinin %60’dan daha fazlası mobil cihazlardan yürütülüyor. Uzman görüşlerine göre 2025 yılında dünyada her dört ki...

Sayfa içeriklerinin semantik HTML etiketleriyle tarayıcılara karşı şeffaf hale gelmesi, arama motorlarında sayfalarınızın daha çok indekslenmesine, daha temiz ve anlaşılır hale gelmesine yarayacaktır.

Bu yazımızı beğendiyseniz HTML Div ve Span Nedir? yazımızı da inceleyebilirsiniz!

Dopinger SEO hizmetleri ile Google’da bir numara olun!

Hakkında Sıkça Sorulan Sorular

HTML5 web sitelerinin dizayn edilmesi ve geliştirilmesi için kullanılmakta olan bir kod sistemidir. Sayfanın düzeninin nasıl olacağı, içeriklerin hiyerarşisi gibi düzenlemelerin yapılması için kullanılmaktadır.

Web sitelerinde en çok kullanılmakta olan HTML etiketleri; <head>, <div>, <body>, <span> gibi etiketlerdir. İçeriklerin Title, Meta ve alt ayarlarının yapılmasında da kullanılmaktadırlar.

HTML etiketleri SEO çalışmalarında büyük önem arz eder. Özellikle title, meta description ve alt etiketleri arama motoru botları tarafından taranır ve içeriklerin alaka düzeyi konusunda belirleyici olur.

Halil İbrahim Er

Yazılar: 425

Dijital Pazarlama Uzmanı olarak yaklaşık 9 senelik bilgi birikimine sahibim. Web adresim dopinger.com üzerinden sizlere güncel bilgiler paylaşarak, bilgi aktarımı yapmaktayım. Dopinger blog üzerinde Teknik SEO, Site İçi SEO, E-Ticaret SEO, Yazılım, Tasarım konularında Türkçe içerikler üretmekteyim... Devamını Oku

Bu Yazıları da Sevebilirsiniz
HTML5 Nedir? Semantik HTML Etiketleri Nasıl Kullanılır? Hakkında İlk Yorum Yapan Sen Ol

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

(Toplam: 49 Ortalama: 5 )

Gösterilecek yorum yok.