HTML5 Meta Tagı Kullanımı

0
462
görüntülenme

Merhaba bugünde html derslerine yeni bir yazımla devam ediyorum bugünün konusu meta tagları.

Nedir bu meta tagları?

Arama motorları için rehber niteliğinde olan meta tagları web sitenizin açıklamasını,sahip bilgilerini, anahtar kelimelerini, charset bilgilerini içeren html5 etiketleridir. Meta tagı olmadan arama motorları sizi tanıyamaz. Yani meta tagları bir web sitesi için çok önemlidir.

Meta tagları nasıl kullanılır?

Gelelim yazımın asıl amacı olan kısıma meta tagları nasıl kullanılır? Meta tagları head  etiketleri arasında aldıkları name kısmına göre kullanılır. Meta taglarının name kısmına eğer sayfamızın açıklamasının özetini belirtmek istiyorsak “description”, eğer anahtar kelime tanımlayacaksak “keywords”, ya da yazar tanımlayacaksak “author” yazmalıyız.

Meta tagıyla açıklama tanımlamak için;

<head>
<meta name="description" content="Açıklama buraya">
</head>

Meta tagıyla anahtar kelime tanımlamak için;

<head>
<meta name="keywords" content="Anahtar Kelimeler,Virgül, ile,ayırın">
</head>

Meta tagıyla yazar tanımlamak için;

<head>
<meta charset="UTF-8">
<meta name="author" content="Yazar Adı">
</head>

Fark ettiyseniz bilgileri content alanına girdik. Yani bu bilgiler sayfanızın herhangi bir yerinde görünmez.

Meta tagıyla charset tanımlamak için;

<head>
<meta charset="UTF-8"> <!-- UTF-8 Yazan kısmı değiştireceksiniz, Türkçe sayfa yazacaksanuz UTF-8 olarak kalabilir. -->
</head>

Bir web sitesinde meta tagları şöyle olmalıdır.

<head>
<meta charset="UTF-8">
<meta name="description" content="Açıklamanız">
<meta name="keywords" content="Anahtar kelimeler">
<meta name="author" content="Yazar">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Responsive özelliği katmak için bu da eklenebilir. -->
</head>

Önceki İçerikHTML5 Başlık Etiketleri Kullanımı
Sonraki İçerikIso dosyası Usb’ye nasıl yazılır? [İSO to USB]
Merhaba bu alanda kısaca kendimden bahsedeceğim. Adım Tuğra, 19 yaşındayım. Ticaret lisesi mezunuyum şuan Afyon Kocatepe Üniversitesinde İşletme bölümü okuyorum. Aslen Konyalıyım Afyonkarahisar'da ailemle birlikte yaşıyorum. Yaklaşık 11 senedir bilgisayarlarla içli dışlıyım son 6 senedir kendimi internete 2 yıldır ise Web Programlamaya verdim ileri derece PHP ve HTML biliyorum CSS Javascript Jquery için kendimi geliştirmeye devam ediyorum.. Yakında yayına çıkaracağım yyazilim.com için projeler geliştiriyorum. İş çözümleriniz için mail (iletisim@tugrayaldiz.com) atabilirsiniz. Şimdilik benden bu kadar eğer sende aramıza gelmek istersen mail listemize katılman yeterli kendine iyi bak. :) Not: Web programlama dersleri için https://www.w3schools.com adresini kaynak alıyorum.
Paylaş

CEVAP VER

Lütfen yorum alanını boş bırakma.
Lütfen adını gir.

This site uses Akismet to reduce spam. Learn how your comment data is processed.