Her sayfanın başını çeken etiketi, HTML sayfaları için çok maksatlı bir dolap gibi. İnternet tarayıcısı tarafından kullanıcıya aktarılmayacak ancak robotlar ve botlara hitap edecek tüm kodları, sitemizin etiketlerine ekliyoruz. Peki, bir sayfanın içerisinde yer verebileceğiniz tüm etiketlerinin neler olduğunu biliyor musunuz?

WordPress ve diğer CMS sistemlerinin yaygınca kullanılmaya başlaması Head etiketi işiyle manuel uğraşma zorunluluğumuzu ortadan kaldırdı. Artık zaten eklentiler bizim yerimize ihtiyaç duyduğumuz etiketini sayfamızın başına yerleştiriyor. Fakat her bir etikete eklentiye ulaşamayacağınız ve bir gün tüm bu head etiketlerine tek bir sayfadan ulaşmaya ihtiyaç duyabileceğinizi düşünüyorum.

Neyse ki bunu düşünen tek ben değilmişim. Josh Buchea adında bir geliştirici Github üzerinden oluşturduğu HEAD reposuyla bir sayfanın bölümünde yer alabilecek her şeyi bir araya toplamış. Bu listeye hemen aşağıdan ulaşabileceğiniz gibi, yukarıdaki link yardımıyla güncel repoya da göz atabilirsiniz:

Bir sayfa için önerilenler (Minimum)
Basit ve sade web siteleri için başlıca etiketler:







Elementler













<script></script>


Meta Etiketleri











































































• Google'ın anladığı meta etiketler[*]WHATWG Wiki: MetaExtensions[*]Wikipedia'de ICBM[*]Wikipedia'de Geotagging

Link







































































Favori Simgeleri








• Favori Simgeleri Hakkında Her Şey (Ve Touch Simgeler)


• Favori Simgeleri Kopya Kağıdı

Sosyal

Facebook Open Graph












• Open Graph protokolü


• Facebook Open Graph İşaretlemesi

Facebook Instant Articles











• Anlık Makaleler: Biçimlendirme Belgesi


• Facebook Anlık Makaleler: Makale Oluşturma

Twitter Cards










• Twitter Kartları: Başlangıç Rehberi


• Twitter Kart Doğrulayıcısı

Google+ / Schema.org






Pinterest





OEmbed

href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=json"
title="oEmbed Profile: JSON">
href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=xml"
title="oEmbed Profile: XML">


• oEmbed format

Tarayıcılar / Platformlar

Apple iOS


























• Apple Meta Etiketleri

Apple Safari





Google Android










Google Chrome






Google Chrome Mobil (Yalnızca Android)
Chrome 31'den itibaren, web uygulamanızı tıpkı Safari'deki gibi "uygulama modu" olarak ayarlayabilirsiniz.












• Google Developers

Microsoft Internet Explorer
























App Links














• App Links Dokümantasyonu