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.   eta name="description" content=" Web Tasarım & Web Yazılım ,Hızlı Ekonomik Garantili Web Tasarım, Web Master, Web Tasarımcı, Android Uygulama Geliştirme, Android Yazılımcı, Google İşletme Kaydı, Google Servis, SEO, Web Sayfa Üst Sıralar...">

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 ink href="csslink.css" rel="stylesheet">

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.

Daha fazlası ve Test

Web Hizmetleri