Örnek : index.html dosyanız var , onun içerisinde <head> </head> arasına, genellikle en üst sıraya yerleştirilir.
Her ne kadar günümüzdeki arama motorlarının çoğu meta tag’lardaki bilgileri dikkate almayıp site içeriğini kendi tekniklerine göre indeksleseler de hala bu tag’lardan bazılarına kısmi destek verebiliyorlar. Arama motorlarının özellikleri için web içerisinde aramalar yapabilirsiniz. Sitenizin bu arama motorlarınca doğru bir şekilde gösterimi için bazı Meta tag’ları kullanmakta fayda var. Burada sıklıkla kullanılan meta tag’ları açıklamaya ve onları site kodu içerisine nasıl yerleştirebileceğinizi açıklamaya çalışacağım.
Title
Aslında bu bir meta tag değil. Ama arama motorlarında sitenizin görünüşü ile ilgili olması yanı sıra tarayıcıların buraya yerleştireceğiniz ifadeyi pencerenin başlığında ve sayfa sık kullanılanlara eklenmek istenildiğinde kullanmaları nedeni ile önemli. Gerçekte bir HTML kodu olan <TITLE> ve </TITLE> etiketleri arasına sayfa başlığınız açıklayıcı biçimde yazmanız gerekiyor. Bu kodu ayrıca oluşturmanıza gerek yok, zaten her sayfada bulunuyor.
Description
Kod: Tümünü seç
<meta name="description" content="XYZ" />
Keywords
Kod: Tümünü seç
<meta name="keywords" content="kelime X, kelime Y, kelime Z" />
Robots
Kod: Tümünü seç
<meta name="robots" content="index,follow" />
Kod: Tümünü seç
<meta name="robots" content="noindex,nofollow" />
Örneğin;
Kod: Tümünü seç
<meta name="robots" content="index,noindex,follow, nofollow" />
Content-Type
Kod: Tümünü seç
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
MSSmarttagsPreventParsing
Kod: Tümünü seç
<meta name="MSSmarttagsPreventParsin g" content="true" />
Generator
Kod: Tümünü seç
<meta name="generator" content="Blogger" />
Refresh
Kod: Tümünü seç
<meta name="refresh" content="X" />
Kod: Tümünü seç
<meta name="refresh" content="X;URL=http://www.site-adi.org/sayfa.html" />
Tag oluşturmak için web’de çeşitli kaynaklar mevcut.
Örneğin; PageRank.net sitesinin Meta Tag Generator‘u bu konuda iyi bir alternatif. Bu adreste sizin için uygun olduğunu düşündüğünüz tag’leri (title, description, keywords tag’larını mutlaka oluşturun. İhtiyacınız olduğunu düşünüyorsanız robots tag’ına da yer verebilirsiniz) oluşturduktan sonra site kodunuz içinde <HEAD> şeklindeki ifadeyi arayın ve tag kodlarını altına yapıştırın. Tag kodları <HEAD> ve </HEAD> arasında olmalıdır. Eğer kodları <HEAD> etiketinin hemen altına eklerseniz bunu garantiye alabilirsiniz.
Yazılım Adası Forum Sayfasının Meta Tag'ları
Kod: Tümünü seç
<head>
<script> if (localStorage.user_colour_selection === "dark") { document.getElementsByTagName('html')[0].classList.add('fd_dark'); }</script>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="Yazilimadasi,Yazilimadasi.com,Yazılım,C,Cprogramlama,Programlama,Eğitimler,C++,C#,Java,Python,Php,Html5,HTML, CSS, JavaScript,Coders,Spycoders,Programmers">
<meta name="description" content="Yazılımadası,Yazilimadasi.com,Yazılım,Programlama,%100 bilgisayar güvenliği,Coders,Software,Yazılım geliştirme,Sistem programlama,Linux,Sysadmin" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:locale" content="tr_TR" />
<meta name="content-language" content="tr" />