Head etiketi içindeki tanımlamalar web sayfanızda görünmezler. Sayfaya ait anahtar kelimeler, sayfanın yapısı, sayfanın dili, arama motoru tanıtımları, sosyal medya paylaşım ayarları, sayfanını biçimine etki eden CSS tanımlamaları, javascript eklentileri, sayfanın kısa tanıtımı gibi çok önemli etiket eklentilerinin bulunduğu Giriş Bölümünü oluşturur.
öRNEK: Head etiketi içinde kullanılan en önemli etiketler meta, title, link, style etiketleridir.
Meta Etiketleri ve Kullanımları:
Content-Type: Web sitenizin dil kodunu belirlemede kullanılır. http-equiv=”Content-Type” content=”text/html; charset=UTF8”/>
refresh : Bu etikette belirlenen zaman bitiminden sonra kullanıcılar farklı bir URL’e yönlendirilir. />
robots : Arama motorlarında listelenmenin iznidir. <meta name="Robots" content="All, Index, Follow">
viewport :Sayfanın mobil görünümünün nasıl olacağını bildirilir. Bu etiket, sayfanın mobil uyumlu olduğunu gösterir. <meta name="viewport" content="width=device-width, initial-scale=1">
description : Sayfa hakkında kısa bir açıklamanın yapıldığı bölümdür. Arama motorları ve seo için olmazsa olmaz denebilir.
keywords : Google arama motorunun önemsemediği belirtilsede site hakkında etiketlerin belirtildiği bölümdür. <meta name="keywords" content="web tasarım, web yazılım, seo dersleri,...">
property="og" :Sosyal medya facebook algılaması için tanımlanan bir özelliktir.
- og:title : Sayfa Başlığı.
- og:url : Sayfa Url’i.
- og:image : Temsili fotoğraf (kare olmasını öneririm).
- og:site_name : Web Sitesinin İsmi.
- og:type : Web Sitenin Tipi.
- fb:admins : Facebook admin kodu.
- og:description : Web sitesinin Açıklaması.
Kullanımı?
- <meta property="og:type" content="website">
- <meta property="og:title" content="" >
- <meta property="og:url" content="https://webista.net/" >
- <meta property="og:site_name" content="Web Tasarım ">
- <meta property="og:image" content="https://webista.net/image/logo.png?v=kkkk">
- <meta property="og:description" content="Web Tasarım ">
title : Site ana başlığının tanımlandığı etikettir. <title>Web Tasarım, Web Yazılım, SEO, Digital Reklamcılık, Web Master</title>
link: Site dış eklentilerin bağlandığı bölümdür. Genellikle font,CSS linkleri eklenir
style : Sayfa biçimlendirme sitillerinin (font-size, ) direk sayfa kodu içimde tanımlandığı bölümdür. Tavsiye edilmez css dış link eklentisi daha uygundur. css konusunda daha ayrıntılı anlatılacaktır.